@wordpress/block-library 9.30.0 → 9.30.1-next.6870dfe5b.0

package/build/navigation/edit/leaf-more-menu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blocks","require","_icons","_components","_data","_i18n","_blockEditor","_jsxRuntime","POPOVER_PROPS","className","placement","BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU","AddSubmenuItem","block","onClose","expandedState","expand","setInsertedBlock","insertBlock","replaceBlock","replaceInnerBlocks","useDispatch","blockEditorStore","clientId","isDisabled","includes","name","jsx","MenuItem","icon","addSubmenu","disabled","onClick","updateSelectionOnInsert","newLink","createBlock","innerBlocks","length","newSubmenu","attributes","children","__","LeafMoreMenu","props","moveBlocksDown","moveBlocksUp","removeBlocks","removeLabel","sprintf","BlockTitle","maximumLength","rootClientId","useSelect","select","getBlockRootClientId","DropdownMenu","moreVertical","label","popoverProps","noIcons","jsxs","Fragment","MenuGroup","chevronUp","chevronDown","expanded"],"sources":["@wordpress/block-library/src/navigation/edit/leaf-more-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\taddSubmenu,\n\tchevronUp,\n\tchevronDown,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BlockTitle, store as blockEditorStore } from '@wordpress/block-editor';\n\nconst POPOVER_PROPS = {\n\tclassName: 'block-editor-block-settings-menu__popover',\n\tplacement: 'bottom-start',\n};\n\nconst BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU = [\n\t'core/navigation-link',\n\t'core/navigation-submenu',\n];\n\nfunction AddSubmenuItem( {\n\tblock,\n\tonClose,\n\texpandedState,\n\texpand,\n\tsetInsertedBlock,\n} ) {\n\tconst { insertBlock, replaceBlock, replaceInnerBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst clientId = block.clientId;\n\tconst isDisabled = ! BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU.includes(\n\t\tblock.name\n\t);\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ addSubmenu }\n\t\t\tdisabled={ isDisabled }\n\t\t\tonClick={ () => {\n\t\t\t\tconst updateSelectionOnInsert = false;\n\t\t\t\tconst newLink = createBlock( 'core/navigation-link' );\n\n\t\t\t\tif ( block.name === 'core/navigation-submenu' ) {\n\t\t\t\t\tinsertBlock(\n\t\t\t\t\t\tnewLink,\n\t\t\t\t\t\tblock.innerBlocks.length,\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tupdateSelectionOnInsert\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\t// Convert to a submenu if the block currently isn't one.\n\t\t\t\t\tconst newSubmenu = createBlock(\n\t\t\t\t\t\t'core/navigation-submenu',\n\t\t\t\t\t\tblock.attributes,\n\t\t\t\t\t\tblock.innerBlocks\n\t\t\t\t\t);\n\n\t\t\t\t\t// The following must happen as two independent actions.\n\t\t\t\t\t// Why? Because the offcanvas editor relies on the getLastInsertedBlocksClientIds\n\t\t\t\t\t// selector to determine which block is \"active\". As the UX needs the newLink to be\n\t\t\t\t\t// the \"active\" block it must be the last block to be inserted.\n\t\t\t\t\t// Therefore the Submenu is first created and **then** the newLink is inserted\n\t\t\t\t\t// thus ensuring it is the last inserted block.\n\t\t\t\t\treplaceBlock( clientId, newSubmenu );\n\n\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\tnewSubmenu.clientId,\n\t\t\t\t\t\t[ newLink ],\n\t\t\t\t\t\tupdateSelectionOnInsert\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// This call sets the local List View state for the \"last inserted block\".\n\t\t\t\t// This is required for the Nav Block to determine whether or not to display\n\t\t\t\t// the Link UI for this new block.\n\t\t\t\tsetInsertedBlock( newLink );\n\n\t\t\t\tif ( ! expandedState[ block.clientId ] ) {\n\t\t\t\t\texpand( block.clientId );\n\t\t\t\t}\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Add submenu link' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default function LeafMoreMenu( props ) {\n\tconst { block } = props;\n\tconst { clientId } = block;\n\n\tconst { moveBlocksDown, moveBlocksUp, removeBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst removeLabel = sprintf(\n\t\t/* translators: %s: block name */\n\t\t__( 'Remove %s' ),\n\t\tBlockTitle( { clientId, maximumLength: 25 } )\n\t);\n\n\tconst rootClientId = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\n\t\t\treturn getBlockRootClientId( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Options' ) }\n\t\t\tclassName=\"block-editor-block-settings-menu\"\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\tnoIcons\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksUp( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move up' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksDown( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move down' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<AddSubmenuItem\n\t\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\texpanded\n\t\t\t\t\t\t\texpandedState={ props.expandedState }\n\t\t\t\t\t\t\texpand={ props.expand }\n\t\t\t\t\t\t\tsetInsertedBlock={ props.setInsertedBlock }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tremoveBlocks( [ clientId ], false );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ removeLabel }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAgF,IAAAM,WAAA,GAAAN,OAAA;AAbhF;AACA;AACA;;AAaA,MAAMO,aAAa,GAAG;EACrBC,SAAS,EAAE,2CAA2C;EACtDC,SAAS,EAAE;AACZ,CAAC;AAED,MAAMC,uCAAuC,GAAG,CAC/C,sBAAsB,EACtB,yBAAyB,CACzB;AAED,SAASC,cAAcA,CAAE;EACxBC,KAAK;EACLC,OAAO;EACPC,aAAa;EACbC,MAAM;EACNC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAmB,CAAC,GACtD,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAEhC,MAAMC,QAAQ,GAAGV,KAAK,CAACU,QAAQ;EAC/B,MAAMC,UAAU,GAAG,CAAEb,uCAAuC,CAACc,QAAQ,CACpEZ,KAAK,CAACa,IACP,CAAC;EACD,oBACC,IAAAnB,WAAA,CAAAoB,GAAA,EAACxB,WAAA,CAAAyB,QAAQ;IACRC,IAAI,EAAGC,iBAAY;IACnBC,QAAQ,EAAGP,UAAY;IACvBQ,OAAO,EAAGA,CAAA,KAAM;MACf,MAAMC,uBAAuB,GAAG,KAAK;MACrC,MAAMC,OAAO,GAAG,IAAAC,mBAAW,EAAE,sBAAuB,CAAC;MAErD,IAAKtB,KAAK,CAACa,IAAI,KAAK,yBAAyB,EAAG;QAC/CR,WAAW,CACVgB,OAAO,EACPrB,KAAK,CAACuB,WAAW,CAACC,MAAM,EACxBd,QAAQ,EACRU,uBACD,CAAC;MACF,CAAC,MAAM;QACN;QACA,MAAMK,UAAU,GAAG,IAAAH,mBAAW,EAC7B,yBAAyB,EACzBtB,KAAK,CAAC0B,UAAU,EAChB1B,KAAK,CAACuB,WACP,CAAC;;QAED;QACA;QACA;QACA;QACA;QACA;QACAjB,YAAY,CAAEI,QAAQ,EAAEe,UAAW,CAAC;QAEpClB,kBAAkB,CACjBkB,UAAU,CAACf,QAAQ,EACnB,CAAEW,OAAO,CAAE,EACXD,uBACD,CAAC;MACF;;MAEA;MACA;MACA;MACAhB,gBAAgB,CAAEiB,OAAQ,CAAC;MAE3B,IAAK,CAAEnB,aAAa,CAAEF,KAAK,CAACU,QAAQ,CAAE,EAAG;QACxCP,MAAM,CAAEH,KAAK,CAACU,QAAS,CAAC;MACzB;MACAT,OAAO,CAAC,CAAC;IACV,CAAG;IAAA0B,QAAA,EAED,IAAAC,QAAE,EAAE,kBAAmB;EAAC,CACjB,CAAC;AAEb;AAEe,SAASC,YAAYA,CAAEC,KAAK,EAAG;EAC7C,MAAM;IAAE9B;EAAM,CAAC,GAAG8B,KAAK;EACvB,MAAM;IAAEpB;EAAS,CAAC,GAAGV,KAAK;EAE1B,MAAM;IAAE+B,cAAc;IAAEC,YAAY;IAAEC;EAAa,CAAC,GACnD,IAAAzB,iBAAW,EAAEC,kBAAiB,CAAC;EAEhC,MAAMyB,WAAW,GAAG,IAAAC,aAAO,EAC1B;EACA,IAAAP,QAAE,EAAE,WAAY,CAAC,EACjB,IAAAQ,uBAAU,EAAE;IAAE1B,QAAQ;IAAE2B,aAAa,EAAE;EAAG,CAAE,CAC7C,CAAC;EAED,MAAMC,YAAY,GAAG,IAAAC,eAAS,EAC3BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAqB,CAAC,GAAGD,MAAM,CAAE/B,kBAAiB,CAAC;IAE3D,OAAOgC,oBAAoB,CAAE/B,QAAS,CAAC;EACxC,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAED,oBACC,IAAAhB,WAAA,CAAAoB,GAAA,EAACxB,WAAA,CAAAoD,YAAY;IACZ1B,IAAI,EAAG2B,mBAAc;IACrBC,KAAK,EAAG,IAAAhB,QAAE,EAAE,SAAU,CAAG;IACzBhC,SAAS,EAAC,kCAAkC;IAC5CiD,YAAY,EAAGlD,aAAe;IAC9BmD,OAAO;IAAA,GACFhB,KAAK;IAAAH,QAAA,EAERA,CAAE;MAAE1B;IAAQ,CAAC,kBACd,IAAAP,WAAA,CAAAqD,IAAA,EAAArD,WAAA,CAAAsD,QAAA;MAAArB,QAAA,gBACC,IAAAjC,WAAA,CAAAqD,IAAA,EAACzD,WAAA,CAAA2D,SAAS;QAAAtB,QAAA,gBACT,IAAAjC,WAAA,CAAAoB,GAAA,EAACxB,WAAA,CAAAyB,QAAQ;UACRC,IAAI,EAAGkC,gBAAW;UAClB/B,OAAO,EAAGA,CAAA,KAAM;YACfa,YAAY,CAAE,CAAEtB,QAAQ,CAAE,EAAE4B,YAAa,CAAC;YAC1CrC,OAAO,CAAC,CAAC;UACV,CAAG;UAAA0B,QAAA,EAED,IAAAC,QAAE,EAAE,SAAU;QAAC,CACR,CAAC,eACX,IAAAlC,WAAA,CAAAoB,GAAA,EAACxB,WAAA,CAAAyB,QAAQ;UACRC,IAAI,EAAGmC,kBAAa;UACpBhC,OAAO,EAAGA,CAAA,KAAM;YACfY,cAAc,CAAE,CAAErB,QAAQ,CAAE,EAAE4B,YAAa,CAAC;YAC5CrC,OAAO,CAAC,CAAC;UACV,CAAG;UAAA0B,QAAA,EAED,IAAAC,QAAE,EAAE,WAAY;QAAC,CACV,CAAC,eACX,IAAAlC,WAAA,CAAAoB,GAAA,EAACf,cAAc;UACdC,KAAK,EAAGA,KAAO;UACfC,OAAO,EAAGA,OAAS;UACnBmD,QAAQ;UACRlD,aAAa,EAAG4B,KAAK,CAAC5B,aAAe;UACrCC,MAAM,EAAG2B,KAAK,CAAC3B,MAAQ;UACvBC,gBAAgB,EAAG0B,KAAK,CAAC1B;QAAkB,CAC3C,CAAC;MAAA,CACQ,CAAC,eACZ,IAAAV,WAAA,CAAAoB,GAAA,EAACxB,WAAA,CAAA2D,SAAS;QAAAtB,QAAA,eACT,IAAAjC,WAAA,CAAAoB,GAAA,EAACxB,WAAA,CAAAyB,QAAQ;UACRI,OAAO,EAAGA,CAAA,KAAM;YACfc,YAAY,CAAE,CAAEvB,QAAQ,CAAE,EAAE,KAAM,CAAC;YACnCT,OAAO,CAAC,CAAC;UACV,CAAG;UAAA0B,QAAA,EAEDO;QAAW,CACJ;MAAC,CACD,CAAC;IAAA,CACX;EACF,CACY,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["_blocks","require","_icons","_components","_data","_i18n","_blockEditor","_jsxRuntime","POPOVER_PROPS","className","placement","BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU","AddSubmenuItem","block","onClose","expandedState","expand","setInsertedBlock","insertBlock","replaceBlock","replaceInnerBlocks","useDispatch","blockEditorStore","clientId","isDisabled","includes","name","jsx","MenuItem","icon","addSubmenu","disabled","onClick","updateSelectionOnInsert","newLink","createBlock","innerBlocks","length","newSubmenu","attributes","children","__","LeafMoreMenu","props","moveBlocksDown","moveBlocksUp","removeBlocks","removeLabel","sprintf","BlockTitle","maximumLength","rootClientId","useSelect","select","getBlockRootClientId","DropdownMenu","moreVertical","label","popoverProps","noIcons","jsxs","Fragment","MenuGroup","chevronUp","chevronDown"],"sources":["@wordpress/block-library/src/navigation/edit/leaf-more-menu.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\taddSubmenu,\n\tchevronUp,\n\tchevronDown,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { DropdownMenu, MenuItem, MenuGroup } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BlockTitle, store as blockEditorStore } from '@wordpress/block-editor';\n\nconst POPOVER_PROPS = {\n\tclassName: 'block-editor-block-settings-menu__popover',\n\tplacement: 'bottom-start',\n};\n\nconst BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU = [\n\t'core/navigation-link',\n\t'core/navigation-submenu',\n];\n\nfunction AddSubmenuItem( {\n\tblock,\n\tonClose,\n\texpandedState,\n\texpand,\n\tsetInsertedBlock,\n} ) {\n\tconst { insertBlock, replaceBlock, replaceInnerBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst clientId = block.clientId;\n\tconst isDisabled = ! BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU.includes(\n\t\tblock.name\n\t);\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ addSubmenu }\n\t\t\tdisabled={ isDisabled }\n\t\t\tonClick={ () => {\n\t\t\t\tconst updateSelectionOnInsert = false;\n\t\t\t\tconst newLink = createBlock( 'core/navigation-link' );\n\n\t\t\t\tif ( block.name === 'core/navigation-submenu' ) {\n\t\t\t\t\tinsertBlock(\n\t\t\t\t\t\tnewLink,\n\t\t\t\t\t\tblock.innerBlocks.length,\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tupdateSelectionOnInsert\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\t// Convert to a submenu if the block currently isn't one.\n\t\t\t\t\tconst newSubmenu = createBlock(\n\t\t\t\t\t\t'core/navigation-submenu',\n\t\t\t\t\t\tblock.attributes,\n\t\t\t\t\t\tblock.innerBlocks\n\t\t\t\t\t);\n\n\t\t\t\t\t// The following must happen as two independent actions.\n\t\t\t\t\t// Why? Because the offcanvas editor relies on the getLastInsertedBlocksClientIds\n\t\t\t\t\t// selector to determine which block is \"active\". As the UX needs the newLink to be\n\t\t\t\t\t// the \"active\" block it must be the last block to be inserted.\n\t\t\t\t\t// Therefore the Submenu is first created and **then** the newLink is inserted\n\t\t\t\t\t// thus ensuring it is the last inserted block.\n\t\t\t\t\treplaceBlock( clientId, newSubmenu );\n\n\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\tnewSubmenu.clientId,\n\t\t\t\t\t\t[ newLink ],\n\t\t\t\t\t\tupdateSelectionOnInsert\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// This call sets the local List View state for the \"last inserted block\".\n\t\t\t\t// This is required for the Nav Block to determine whether or not to display\n\t\t\t\t// the Link UI for this new block.\n\t\t\t\tsetInsertedBlock( newLink );\n\n\t\t\t\tif ( ! expandedState[ block.clientId ] ) {\n\t\t\t\t\texpand( block.clientId );\n\t\t\t\t}\n\t\t\t\tonClose();\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Add submenu link' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default function LeafMoreMenu( props ) {\n\tconst { block } = props;\n\tconst { clientId } = block;\n\n\tconst { moveBlocksDown, moveBlocksUp, removeBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst removeLabel = sprintf(\n\t\t/* translators: %s: block name */\n\t\t__( 'Remove %s' ),\n\t\tBlockTitle( { clientId, maximumLength: 25 } )\n\t);\n\n\tconst rootClientId = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\n\t\t\treturn getBlockRootClientId( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\treturn (\n\t\t<DropdownMenu\n\t\t\ticon={ moreVertical }\n\t\t\tlabel={ __( 'Options' ) }\n\t\t\tclassName=\"block-editor-block-settings-menu\"\n\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\tnoIcons\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksUp( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move up' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tmoveBlocksDown( [ clientId ], rootClientId );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Move down' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t<AddSubmenuItem\n\t\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\texpandedState={ props.expandedState }\n\t\t\t\t\t\t\texpand={ props.expand }\n\t\t\t\t\t\t\tsetInsertedBlock={ props.setInsertedBlock }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tremoveBlocks( [ clientId ], false );\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ removeLabel }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/navigation/edit/menu-inspector-controls.js

@@ -36,7 +36,8 @@ function AdditionalBlockContent({
   setInsertedBlock
 }) {
   const {
-    updateBlockAttributes
+    updateBlockAttributes,
+    removeBlock
   } = (0, _data.useDispatch)(_blockEditor.store);
   const supportsLinkControls = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(insertedBlock?.name);
   const blockWasJustInserted = insertedBlock?.clientId === block.clientId;
@@ -44,24 +45,58 @@ function AdditionalBlockContent({
   if (!showLinkControls) {
     return null;
   }
+
+  /**
+   * Cleanup function for auto-inserted Navigation Link blocks.
+   *
+   * Removes the block if it has no URL and clears the inserted block state.
+   * This ensures consistent cleanup behavior across different contexts.
+   */
+  const cleanupInsertedBlock = () => {
+    // Prevent automatic block selection when removing blocks in list view context
+    // This avoids focus stealing that would close the list view and switch to canvas
+    const shouldAutoSelectBlock = false;
+
+    // Follows the exact same pattern as Navigation Link block's onClose handler
+    // If there is no URL then remove the auto-inserted block to avoid empty blocks
+    if (!insertedBlock?.attributes?.url && insertedBlock?.clientId) {
+      // Remove the block entirely to avoid poor UX
+      // This matches the Navigation Link block's behavior
+      removeBlock(insertedBlock.clientId, shouldAutoSelectBlock);
+    }
+    setInsertedBlock(null);
+  };
   const setInsertedBlockAttributes = _insertedBlockClientId => _updatedAttributes => {
     if (!_insertedBlockClientId) {
       return;
     }
     updateBlockAttributes(_insertedBlockClientId, _updatedAttributes);
   };
+
+  // Wrapper function to clean up original block when a new block is selected
+  const handleSetInsertedBlock = newBlock => {
+    // Prevent automatic block selection when removing blocks in list view context
+    // This avoids focus stealing that would close the list view and switch to canvas
+    const shouldAutoSelectBlock = false;
+
+    // If we have an existing inserted block and a new block is being set,
+    // remove the original block to avoid duplicates
+    if (insertedBlock?.clientId && newBlock) {
+      removeBlock(insertedBlock.clientId, shouldAutoSelectBlock);
+    }
+    setInsertedBlock(newBlock);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_linkUi.LinkUI, {
     clientId: insertedBlock?.clientId,
     link: insertedBlock?.attributes,
+    onBlockInsert: handleSetInsertedBlock,
     onClose: () => {
-      setInsertedBlock(null);
+      // Use cleanup function
+      cleanupInsertedBlock();
     },
     onChange: updatedValue => {
       (0, _updateAttributes.updateAttributes)(updatedValue, setInsertedBlockAttributes(insertedBlock?.clientId), insertedBlock?.attributes);
       setInsertedBlock(null);
-    },
-    onCancel: () => {
-      setInsertedBlock(null);
     }
   });
 }

package/build/navigation/edit/menu-inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_components","_data","_i18n","_navigationMenuSelector","_interopRequireDefault","_lockUnlock","_deletedNavigationWarning","_useNavigationMenu","_leafMoreMenu","_updateAttributes","_linkUi","_jsxRuntime","actionLabel","__","BLOCKS_WITH_LINK_UI_SUPPORT","PrivateListView","unlock","blockEditorPrivateApis","AdditionalBlockContent","block","insertedBlock","setInsertedBlock","updateBlockAttributes","useDispatch","blockEditorStore","supportsLinkControls","includes","name","blockWasJustInserted","clientId","showLinkControls","setInsertedBlockAttributes","_insertedBlockClientId","_updatedAttributes","jsx","LinkUI","link","attributes","onClose","onChange","updatedValue","updateAttributes","onCancel","MainContent","currentMenuId","isLoading","isNavigationMenuMissing","onCreateNew","hasChildren","useSelect","select","getBlockCount","navigationMenu","useNavigationMenu","default","isNotice","Spinner","description","sprintf","title","jsxs","className","children","rootClientId","isExpanded","showAppender","blockSettingsMenu","LeafMoreMenu","additionalBlockContent","MenuInspectorControls","props","createNavigationMenuIsSuccess","createNavigationMenuIsError","onSelectClassicMenu","onSelectNavigationMenu","isManageMenusButtonDisabled","blockEditingMode","InspectorControls","group","PanelBody","__experimentalHStack","__experimentalHeading","level","_default","exports"],"sources":["@wordpress/block-library/src/navigation/edit/menu-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\tSpinner,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport NavigationMenuSelector from './navigation-menu-selector';\nimport { unlock } from '../../lock-unlock';\nimport DeletedNavigationWarning from './deleted-navigation-warning';\nimport useNavigationMenu from '../use-navigation-menu';\nimport LeafMoreMenu from './leaf-more-menu';\nimport { updateAttributes } from '../../navigation-link/update-attributes';\nimport { LinkUI } from '../../navigation-link/link-ui';\n\nconst actionLabel =\n\t/* translators: %s: The name of a menu. */ __( \"Switch to '%s'\" );\nconst BLOCKS_WITH_LINK_UI_SUPPORT = [\n\t'core/navigation-link',\n\t'core/navigation-submenu',\n];\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\nfunction AdditionalBlockContent( { block, insertedBlock, setInsertedBlock } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst supportsLinkControls = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(\n\t\tinsertedBlock?.name\n\t);\n\tconst blockWasJustInserted = insertedBlock?.clientId === block.clientId;\n\tconst showLinkControls = supportsLinkControls && blockWasJustInserted;\n\n\tif ( ! showLinkControls ) {\n\t\treturn null;\n\t}\n\n\tconst setInsertedBlockAttributes =\n\t\t( _insertedBlockClientId ) => ( _updatedAttributes ) => {\n\t\t\tif ( ! _insertedBlockClientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tupdateBlockAttributes( _insertedBlockClientId, _updatedAttributes );\n\t\t};\n\n\treturn (\n\t\t<LinkUI\n\t\t\tclientId={ insertedBlock?.clientId }\n\t\t\tlink={ insertedBlock?.attributes }\n\t\t\tonClose={ () => {\n\t\t\t\tsetInsertedBlock( null );\n\t\t\t} }\n\t\t\tonChange={ ( updatedValue ) => {\n\t\t\t\tupdateAttributes(\n\t\t\t\t\tupdatedValue,\n\t\t\t\t\tsetInsertedBlockAttributes( insertedBlock?.clientId ),\n\t\t\t\t\tinsertedBlock?.attributes\n\t\t\t\t);\n\t\t\t\tsetInsertedBlock( null );\n\t\t\t} }\n\t\t\tonCancel={ () => {\n\t\t\t\tsetInsertedBlock( null );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nconst MainContent = ( {\n\tclientId,\n\tcurrentMenuId,\n\tisLoading,\n\tisNavigationMenuMissing,\n\tonCreateNew,\n} ) => {\n\tconst hasChildren = useSelect(\n\t\t( select ) => {\n\t\t\treturn !! select( blockEditorStore ).getBlockCount( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { navigationMenu } = useNavigationMenu( currentMenuId );\n\n\tif ( currentMenuId && isNavigationMenuMissing ) {\n\t\treturn (\n\t\t\t<DeletedNavigationWarning onCreateNew={ onCreateNew } isNotice />\n\t\t);\n\t}\n\n\tif ( isLoading ) {\n\t\treturn <Spinner />;\n\t}\n\n\tconst description = navigationMenu\n\t\t? sprintf(\n\t\t\t\t/* translators: %s: The name of a menu. */\n\t\t\t\t__( 'Structure for Navigation Menu: %s' ),\n\t\t\t\tnavigationMenu?.title || __( 'Untitled menu' )\n\t\t  )\n\t\t: __(\n\t\t\t\t'You have not yet created any menus. Displaying a list of your Pages'\n\t\t  );\n\n\treturn (\n\t\t<div className=\"wp-block-navigation__menu-inspector-controls\">\n\t\t\t{ ! hasChildren && (\n\t\t\t\t<p className=\"wp-block-navigation__menu-inspector-controls__empty-message\">\n\t\t\t\t\t{ __( 'This Navigation Menu is empty.' ) }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<PrivateListView\n\t\t\t\trootClientId={ clientId }\n\t\t\t\tisExpanded\n\t\t\t\tdescription={ description }\n\t\t\t\tshowAppender\n\t\t\t\tblockSettingsMenu={ LeafMoreMenu }\n\t\t\t\tadditionalBlockContent={ AdditionalBlockContent }\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nconst MenuInspectorControls = ( props ) => {\n\tconst {\n\t\tcreateNavigationMenuIsSuccess,\n\t\tcreateNavigationMenuIsError,\n\t\tcurrentMenuId = null,\n\t\tonCreateNew,\n\t\tonSelectClassicMenu,\n\t\tonSelectNavigationMenu,\n\t\tisManageMenusButtonDisabled,\n\t\tblockEditingMode,\n\t} = props;\n\n\treturn (\n\t\t<InspectorControls group=\"list\">\n\t\t\t<PanelBody title={ null }>\n\t\t\t\t<HStack className=\"wp-block-navigation-off-canvas-editor__header\">\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"wp-block-navigation-off-canvas-editor__title\"\n\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Menu' ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t\t<NavigationMenuSelector\n\t\t\t\t\t\t\tcurrentMenuId={ currentMenuId }\n\t\t\t\t\t\t\tonSelectClassicMenu={ onSelectClassicMenu }\n\t\t\t\t\t\t\tonSelectNavigationMenu={ onSelectNavigationMenu }\n\t\t\t\t\t\t\tonCreateNew={ onCreateNew }\n\t\t\t\t\t\t\tcreateNavigationMenuIsSuccess={\n\t\t\t\t\t\t\t\tcreateNavigationMenuIsSuccess\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcreateNavigationMenuIsError={\n\t\t\t\t\t\t\t\tcreateNavigationMenuIsError\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tactionLabel={ actionLabel }\n\t\t\t\t\t\t\tisManageMenusButtonDisabled={\n\t\t\t\t\t\t\t\tisManageMenusButtonDisabled\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<MainContent { ...props } />\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n};\n\nexport default MenuInspectorControls;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_components","_data","_i18n","_navigationMenuSelector","_interopRequireDefault","_lockUnlock","_deletedNavigationWarning","_useNavigationMenu","_leafMoreMenu","_updateAttributes","_linkUi","_jsxRuntime","actionLabel","__","BLOCKS_WITH_LINK_UI_SUPPORT","PrivateListView","unlock","blockEditorPrivateApis","AdditionalBlockContent","block","insertedBlock","setInsertedBlock","updateBlockAttributes","removeBlock","useDispatch","blockEditorStore","supportsLinkControls","includes","name","blockWasJustInserted","clientId","showLinkControls","cleanupInsertedBlock","shouldAutoSelectBlock","attributes","url","setInsertedBlockAttributes","_insertedBlockClientId","_updatedAttributes","handleSetInsertedBlock","newBlock","jsx","LinkUI","link","onBlockInsert","onClose","onChange","updatedValue","updateAttributes","MainContent","currentMenuId","isLoading","isNavigationMenuMissing","onCreateNew","hasChildren","useSelect","select","getBlockCount","navigationMenu","useNavigationMenu","default","isNotice","Spinner","description","sprintf","title","jsxs","className","children","rootClientId","isExpanded","showAppender","blockSettingsMenu","LeafMoreMenu","additionalBlockContent","MenuInspectorControls","props","createNavigationMenuIsSuccess","createNavigationMenuIsError","onSelectClassicMenu","onSelectNavigationMenu","isManageMenusButtonDisabled","blockEditingMode","InspectorControls","group","PanelBody","__experimentalHStack","__experimentalHeading","level","_default","exports"],"sources":["@wordpress/block-library/src/navigation/edit/menu-inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tInspectorControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tPanelBody,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\tSpinner,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport NavigationMenuSelector from './navigation-menu-selector';\nimport { unlock } from '../../lock-unlock';\nimport DeletedNavigationWarning from './deleted-navigation-warning';\nimport useNavigationMenu from '../use-navigation-menu';\nimport LeafMoreMenu from './leaf-more-menu';\nimport { updateAttributes } from '../../navigation-link/update-attributes';\nimport { LinkUI } from '../../navigation-link/link-ui';\n\nconst actionLabel =\n\t/* translators: %s: The name of a menu. */ __( \"Switch to '%s'\" );\nconst BLOCKS_WITH_LINK_UI_SUPPORT = [\n\t'core/navigation-link',\n\t'core/navigation-submenu',\n];\nconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\nfunction AdditionalBlockContent( { block, insertedBlock, setInsertedBlock } ) {\n\tconst { updateBlockAttributes, removeBlock } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst supportsLinkControls = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(\n\t\tinsertedBlock?.name\n\t);\n\tconst blockWasJustInserted = insertedBlock?.clientId === block.clientId;\n\tconst showLinkControls = supportsLinkControls && blockWasJustInserted;\n\n\tif ( ! showLinkControls ) {\n\t\treturn null;\n\t}\n\n\t/**\n\t * Cleanup function for auto-inserted Navigation Link blocks.\n\t *\n\t * Removes the block if it has no URL and clears the inserted block state.\n\t * This ensures consistent cleanup behavior across different contexts.\n\t */\n\tconst cleanupInsertedBlock = () => {\n\t\t// Prevent automatic block selection when removing blocks in list view context\n\t\t// This avoids focus stealing that would close the list view and switch to canvas\n\t\tconst shouldAutoSelectBlock = false;\n\n\t\t// Follows the exact same pattern as Navigation Link block's onClose handler\n\t\t// If there is no URL then remove the auto-inserted block to avoid empty blocks\n\t\tif ( ! insertedBlock?.attributes?.url && insertedBlock?.clientId ) {\n\t\t\t// Remove the block entirely to avoid poor UX\n\t\t\t// This matches the Navigation Link block's behavior\n\t\t\tremoveBlock( insertedBlock.clientId, shouldAutoSelectBlock );\n\t\t}\n\t\tsetInsertedBlock( null );\n\t};\n\n\tconst setInsertedBlockAttributes =\n\t\t( _insertedBlockClientId ) => ( _updatedAttributes ) => {\n\t\t\tif ( ! _insertedBlockClientId ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tupdateBlockAttributes( _insertedBlockClientId, _updatedAttributes );\n\t\t};\n\n\t// Wrapper function to clean up original block when a new block is selected\n\tconst handleSetInsertedBlock = ( newBlock ) => {\n\t\t// Prevent automatic block selection when removing blocks in list view context\n\t\t// This avoids focus stealing that would close the list view and switch to canvas\n\t\tconst shouldAutoSelectBlock = false;\n\n\t\t// If we have an existing inserted block and a new block is being set,\n\t\t// remove the original block to avoid duplicates\n\t\tif ( insertedBlock?.clientId && newBlock ) {\n\t\t\tremoveBlock( insertedBlock.clientId, shouldAutoSelectBlock );\n\t\t}\n\t\tsetInsertedBlock( newBlock );\n\t};\n\n\treturn (\n\t\t<LinkUI\n\t\t\tclientId={ insertedBlock?.clientId }\n\t\t\tlink={ insertedBlock?.attributes }\n\t\t\tonBlockInsert={ handleSetInsertedBlock }\n\t\t\tonClose={ () => {\n\t\t\t\t// Use cleanup function\n\t\t\t\tcleanupInsertedBlock();\n\t\t\t} }\n\t\t\tonChange={ ( updatedValue ) => {\n\t\t\t\tupdateAttributes(\n\t\t\t\t\tupdatedValue,\n\t\t\t\t\tsetInsertedBlockAttributes( insertedBlock?.clientId ),\n\t\t\t\t\tinsertedBlock?.attributes\n\t\t\t\t);\n\t\t\t\tsetInsertedBlock( null );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nconst MainContent = ( {\n\tclientId,\n\tcurrentMenuId,\n\tisLoading,\n\tisNavigationMenuMissing,\n\tonCreateNew,\n} ) => {\n\tconst hasChildren = useSelect(\n\t\t( select ) => {\n\t\t\treturn !! select( blockEditorStore ).getBlockCount( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { navigationMenu } = useNavigationMenu( currentMenuId );\n\n\tif ( currentMenuId && isNavigationMenuMissing ) {\n\t\treturn (\n\t\t\t<DeletedNavigationWarning onCreateNew={ onCreateNew } isNotice />\n\t\t);\n\t}\n\n\tif ( isLoading ) {\n\t\treturn <Spinner />;\n\t}\n\n\tconst description = navigationMenu\n\t\t? sprintf(\n\t\t\t\t/* translators: %s: The name of a menu. */\n\t\t\t\t__( 'Structure for Navigation Menu: %s' ),\n\t\t\t\tnavigationMenu?.title || __( 'Untitled menu' )\n\t\t  )\n\t\t: __(\n\t\t\t\t'You have not yet created any menus. Displaying a list of your Pages'\n\t\t  );\n\n\treturn (\n\t\t<div className=\"wp-block-navigation__menu-inspector-controls\">\n\t\t\t{ ! hasChildren && (\n\t\t\t\t<p className=\"wp-block-navigation__menu-inspector-controls__empty-message\">\n\t\t\t\t\t{ __( 'This Navigation Menu is empty.' ) }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<PrivateListView\n\t\t\t\trootClientId={ clientId }\n\t\t\t\tisExpanded\n\t\t\t\tdescription={ description }\n\t\t\t\tshowAppender\n\t\t\t\tblockSettingsMenu={ LeafMoreMenu }\n\t\t\t\tadditionalBlockContent={ AdditionalBlockContent }\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nconst MenuInspectorControls = ( props ) => {\n\tconst {\n\t\tcreateNavigationMenuIsSuccess,\n\t\tcreateNavigationMenuIsError,\n\t\tcurrentMenuId = null,\n\t\tonCreateNew,\n\t\tonSelectClassicMenu,\n\t\tonSelectNavigationMenu,\n\t\tisManageMenusButtonDisabled,\n\t\tblockEditingMode,\n\t} = props;\n\n\treturn (\n\t\t<InspectorControls group=\"list\">\n\t\t\t<PanelBody title={ null }>\n\t\t\t\t<HStack className=\"wp-block-navigation-off-canvas-editor__header\">\n\t\t\t\t\t<Heading\n\t\t\t\t\t\tclassName=\"wp-block-navigation-off-canvas-editor__title\"\n\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Menu' ) }\n\t\t\t\t\t</Heading>\n\t\t\t\t\t{ blockEditingMode === 'default' && (\n\t\t\t\t\t\t<NavigationMenuSelector\n\t\t\t\t\t\t\tcurrentMenuId={ currentMenuId }\n\t\t\t\t\t\t\tonSelectClassicMenu={ onSelectClassicMenu }\n\t\t\t\t\t\t\tonSelectNavigationMenu={ onSelectNavigationMenu }\n\t\t\t\t\t\t\tonCreateNew={ onCreateNew }\n\t\t\t\t\t\t\tcreateNavigationMenuIsSuccess={\n\t\t\t\t\t\t\t\tcreateNavigationMenuIsSuccess\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcreateNavigationMenuIsError={\n\t\t\t\t\t\t\t\tcreateNavigationMenuIsError\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tactionLabel={ actionLabel }\n\t\t\t\t\t\t\tisManageMenusButtonDisabled={\n\t\t\t\t\t\t\t\tisManageMenusButtonDisabled\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t\t<MainContent { ...props } />\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n};\n\nexport default MenuInspectorControls;\n"],"mappings":"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","ignoreList":[]}

package/build/navigation-link/block-inserter.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+var _data = require("@wordpress/data");
+var _blockEditor = require("@wordpress/block-editor");
+var _dialogWrapper = _interopRequireDefault(require("./dialog-wrapper"));
+var _lockUnlock = require("../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  PrivateQuickInserter: QuickInserter
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
+/**
+ * Component for inserting blocks within the Navigation Link UI.
+ *
+ * @param {Object}   props               Component props.
+ * @param {string}   props.clientId      Client ID of the navigation link block.
+ * @param {Function} props.onBack        Callback when user wants to go back.
+ * @param {Function} props.onBlockInsert Callback when a block is inserted.
+ */
+function LinkUIBlockInserter({
+  clientId,
+  onBack,
+  onBlockInsert
+}) {
+  const {
+    rootBlockClientId
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockRootClientId
+    } = select(_blockEditor.store);
+    return {
+      rootBlockClientId: getBlockRootClientId(clientId)
+    };
+  }, [clientId]);
+  if (!clientId) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogWrapper.default, {
+    className: "link-ui-block-inserter",
+    title: (0, _i18n.__)('Add block'),
+    description: (0, _i18n.__)('Choose a block to add to your Navigation.'),
+    onBack: onBack,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(QuickInserter, {
+      rootClientId: rootBlockClientId,
+      clientId: clientId,
+      isAppender: false,
+      prioritizePatterns: false,
+      selectBlockOnInsert: !onBlockInsert,
+      onSelect: onBlockInsert ? onBlockInsert : undefined,
+      hasSearch: false
+    })
+  });
+}
+var _default = exports.default = LinkUIBlockInserter;
+//# sourceMappingURL=block-inserter.js.map

package/build/navigation-link/block-inserter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_data","_blockEditor","_dialogWrapper","_interopRequireDefault","_lockUnlock","_jsxRuntime","PrivateQuickInserter","QuickInserter","unlock","blockEditorPrivateApis","LinkUIBlockInserter","clientId","onBack","onBlockInsert","rootBlockClientId","useSelect","select","getBlockRootClientId","blockEditorStore","jsx","default","className","title","__","description","children","rootClientId","isAppender","prioritizePatterns","selectBlockOnInsert","onSelect","undefined","hasSearch","_default","exports"],"sources":["@wordpress/block-library/src/navigation-link/block-inserter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DialogWrapper from './dialog-wrapper';\nimport { unlock } from '../lock-unlock';\n\nconst { PrivateQuickInserter: QuickInserter } = unlock(\n\tblockEditorPrivateApis\n);\n\n/**\n * Component for inserting blocks within the Navigation Link UI.\n *\n * @param {Object}   props               Component props.\n * @param {string}   props.clientId      Client ID of the navigation link block.\n * @param {Function} props.onBack        Callback when user wants to go back.\n * @param {Function} props.onBlockInsert Callback when a block is inserted.\n */\nfunction LinkUIBlockInserter( { clientId, onBack, onBlockInsert } ) {\n\tconst { rootBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockRootClientId } = select( blockEditorStore );\n\n\t\t\treturn {\n\t\t\t\trootBlockClientId: getBlockRootClientId( clientId ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tif ( ! clientId ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DialogWrapper\n\t\t\tclassName=\"link-ui-block-inserter\"\n\t\t\ttitle={ __( 'Add block' ) }\n\t\t\tdescription={ __( 'Choose a block to add to your Navigation.' ) }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<QuickInserter\n\t\t\t\trootClientId={ rootBlockClientId }\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisAppender={ false }\n\t\t\t\tprioritizePatterns={ false }\n\t\t\t\tselectBlockOnInsert={ ! onBlockInsert }\n\t\t\t\tonSelect={ onBlockInsert ? onBlockInsert : undefined }\n\t\t\t\thasSearch={ false }\n\t\t\t/>\n\t\t</DialogWrapper>\n\t);\n}\n\nexport default LinkUIBlockInserter;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAQA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAwC,IAAAM,WAAA,GAAAN,OAAA;AAdxC;AACA;AACA;;AAQA;AACA;AACA;;AAIA,MAAM;EAAEO,oBAAoB,EAAEC;AAAc,CAAC,GAAG,IAAAC,kBAAM,EACrDC,wBACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,mBAAmBA,CAAE;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAc,CAAC,EAAG;EACnE,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,eAAS,EACpCC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAqB,CAAC,GAAGD,MAAM,CAAEE,kBAAiB,CAAC;IAE3D,OAAO;MACNJ,iBAAiB,EAAEG,oBAAoB,CAAEN,QAAS;IACnD,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAED,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAN,WAAA,CAAAc,GAAA,EAACjB,cAAA,CAAAkB,OAAa;IACbC,SAAS,EAAC,wBAAwB;IAClCC,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BC,WAAW,EAAG,IAAAD,QAAE,EAAE,2CAA4C,CAAG;IACjEX,MAAM,EAAGA,MAAQ;IAAAa,QAAA,eAEjB,IAAApB,WAAA,CAAAc,GAAA,EAACZ,aAAa;MACbmB,YAAY,EAAGZ,iBAAmB;MAClCH,QAAQ,EAAGA,QAAU;MACrBgB,UAAU,EAAG,KAAO;MACpBC,kBAAkB,EAAG,KAAO;MAC5BC,mBAAmB,EAAG,CAAEhB,aAAe;MACvCiB,QAAQ,EAAGjB,aAAa,GAAGA,aAAa,GAAGkB,SAAW;MACtDC,SAAS,EAAG;IAAO,CACnB;EAAC,CACY,CAAC;AAElB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEcV,mBAAmB","ignoreList":[]}

package/build/navigation-link/dialog-wrapper.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
+var _compose = require("@wordpress/compose");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Shared BackButton component for consistent navigation across LinkUI sub-components.
+ *
+ * @param {Object}   props           Component props.
+ * @param {string}   props.className CSS class name for the button.
+ * @param {Function} props.onBack    Callback when user wants to go back.
+ */function BackButton({
+  className,
+  onBack
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    className: className,
+    icon: (0, _i18n.isRTL)() ? _icons.chevronRightSmall : _icons.chevronLeftSmall,
+    onClick: e => {
+      e.preventDefault();
+      onBack();
+    },
+    size: "small",
+    children: (0, _i18n.__)('Back')
+  });
+}
+
+/**
+ * Shared DialogWrapper component for consistent dialog structure across LinkUI sub-components.
+ *
+ * @param {Object}   props             Component props.
+ * @param {string}   props.className   CSS class name for the dialog container.
+ * @param {string}   props.title       Dialog title for accessibility.
+ * @param {string}   props.description Dialog description for accessibility.
+ * @param {Function} props.onBack      Callback when user wants to go back.
+ * @param {Object}   props.children    Child components to render inside the dialog.
+ */
+function DialogWrapper({
+  className,
+  title,
+  description,
+  onBack,
+  children
+}) {
+  const dialogTitleId = (0, _compose.useInstanceId)(DialogWrapper, 'link-ui-dialog-title');
+  const dialogDescriptionId = (0, _compose.useInstanceId)(DialogWrapper, 'link-ui-dialog-description');
+  const focusOnMountRef = (0, _compose.useFocusOnMount)('firstElement');
+  const backButtonClassName = `${className}__back`;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    role: "dialog",
+    "aria-labelledby": dialogTitleId,
+    "aria-describedby": dialogDescriptionId,
+    ref: focusOnMountRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.VisuallyHidden, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+        id: dialogTitleId,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        id: dialogDescriptionId,
+        children: description
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(BackButton, {
+      className: backButtonClassName,
+      onBack: onBack
+    }), children]
+  });
+}
+var _default = exports.default = DialogWrapper;
+//# sourceMappingURL=dialog-wrapper.js.map

package/build/navigation-link/dialog-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_icons","_compose","_jsxRuntime","BackButton","className","onBack","jsx","Button","icon","isRTL","chevronRightSmall","chevronLeftSmall","onClick","e","preventDefault","size","children","__","DialogWrapper","title","description","dialogTitleId","useInstanceId","dialogDescriptionId","focusOnMountRef","useFocusOnMount","backButtonClassName","jsxs","role","ref","VisuallyHidden","id","_default","exports","default"],"sources":["@wordpress/block-library/src/navigation-link/dialog-wrapper.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { chevronLeftSmall, chevronRightSmall } from '@wordpress/icons';\nimport { useInstanceId, useFocusOnMount } from '@wordpress/compose';\n\n/**\n * Shared BackButton component for consistent navigation across LinkUI sub-components.\n *\n * @param {Object}   props           Component props.\n * @param {string}   props.className CSS class name for the button.\n * @param {Function} props.onBack    Callback when user wants to go back.\n */\nfunction BackButton( { className, onBack } ) {\n\treturn (\n\t\t<Button\n\t\t\tclassName={ className }\n\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\tonClick={ ( e ) => {\n\t\t\t\te.preventDefault();\n\t\t\t\tonBack();\n\t\t\t} }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t{ __( 'Back' ) }\n\t\t</Button>\n\t);\n}\n\n/**\n * Shared DialogWrapper component for consistent dialog structure across LinkUI sub-components.\n *\n * @param {Object}   props             Component props.\n * @param {string}   props.className   CSS class name for the dialog container.\n * @param {string}   props.title       Dialog title for accessibility.\n * @param {string}   props.description Dialog description for accessibility.\n * @param {Function} props.onBack      Callback when user wants to go back.\n * @param {Object}   props.children    Child components to render inside the dialog.\n */\nfunction DialogWrapper( { className, title, description, onBack, children } ) {\n\tconst dialogTitleId = useInstanceId(\n\t\tDialogWrapper,\n\t\t'link-ui-dialog-title'\n\t);\n\tconst dialogDescriptionId = useInstanceId(\n\t\tDialogWrapper,\n\t\t'link-ui-dialog-description'\n\t);\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\tconst backButtonClassName = `${ className }__back`;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ className }\n\t\t\trole=\"dialog\"\n\t\t\taria-labelledby={ dialogTitleId }\n\t\t\taria-describedby={ dialogDescriptionId }\n\t\t\tref={ focusOnMountRef }\n\t\t>\n\t\t\t<VisuallyHidden>\n\t\t\t\t<h2 id={ dialogTitleId }>{ title }</h2>\n\t\t\t\t<p id={ dialogDescriptionId }>{ description }</p>\n\t\t\t</VisuallyHidden>\n\n\t\t\t<BackButton className={ backButtonClassName } onBack={ onBack } />\n\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default DialogWrapper;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AANpE;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,SAASK,UAAUA,CAAE;EAAEC,SAAS;EAAEC;AAAO,CAAC,EAAG;EAC5C,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACT,WAAA,CAAAU,MAAM;IACNH,SAAS,EAAGA,SAAW;IACvBI,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,wBAAiB,GAAGC,uBAAkB;IACvDC,OAAO,EAAKC,CAAC,IAAM;MAClBA,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBT,MAAM,CAAC,CAAC;IACT,CAAG;IACHU,IAAI,EAAC,OAAO;IAAAC,QAAA,EAEV,IAAAC,QAAE,EAAE,MAAO;EAAC,CACP,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAAE;EAAEd,SAAS;EAAEe,KAAK;EAAEC,WAAW;EAAEf,MAAM;EAAEW;AAAS,CAAC,EAAG;EAC7E,MAAMK,aAAa,GAAG,IAAAC,sBAAa,EAClCJ,aAAa,EACb,sBACD,CAAC;EACD,MAAMK,mBAAmB,GAAG,IAAAD,sBAAa,EACxCJ,aAAa,EACb,4BACD,CAAC;EACD,MAAMM,eAAe,GAAG,IAAAC,wBAAe,EAAE,cAAe,CAAC;EACzD,MAAMC,mBAAmB,GAAG,GAAItB,SAAS,QAAS;EAElD,oBACC,IAAAF,WAAA,CAAAyB,IAAA;IACCvB,SAAS,EAAGA,SAAW;IACvBwB,IAAI,EAAC,QAAQ;IACb,mBAAkBP,aAAe;IACjC,oBAAmBE,mBAAqB;IACxCM,GAAG,EAAGL,eAAiB;IAAAR,QAAA,gBAEvB,IAAAd,WAAA,CAAAyB,IAAA,EAAC9B,WAAA,CAAAiC,cAAc;MAAAd,QAAA,gBACd,IAAAd,WAAA,CAAAI,GAAA;QAAIyB,EAAE,EAAGV,aAAe;QAAAL,QAAA,EAAGG;MAAK,CAAM,CAAC,eACvC,IAAAjB,WAAA,CAAAI,GAAA;QAAGyB,EAAE,EAAGR,mBAAqB;QAAAP,QAAA,EAAGI;MAAW,CAAK,CAAC;IAAA,CAClC,CAAC,eAEjB,IAAAlB,WAAA,CAAAI,GAAA,EAACH,UAAU;MAACC,SAAS,EAAGsB,mBAAqB;MAACrB,MAAM,EAAGA;IAAQ,CAAE,CAAC,EAEhEW,QAAQ;EAAA,CACN,CAAC;AAER;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEchB,aAAa","ignoreList":[]}

package/build/navigation-link/link-ui.js

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,11 +12,10 @@ var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
 var _coreData = require("@wordpress/core-data");
-var _htmlEntities = require("@wordpress/html-entities");
-var _data = require("@wordpress/data");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
-var _lockUnlock = require("../lock-unlock");
+var _pageCreator = require("./page-creator");
+var _blockInserter = _interopRequireDefault(require("./block-inserter"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -25,10 +25,6 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const {
-  PrivateQuickInserter: QuickInserter
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-
 /**
  * Given the Link block's type attribute, return the query params to give to
  * /wp/v2/search.
@@ -83,59 +79,6 @@ function getSuggestionsQuery(type, kind) {
       };
   }
 }
-function LinkUIBlockInserter({
-  clientId,
-  onBack
-}) {
-  const {
-    rootBlockClientId
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockRootClientId
-    } = select(_blockEditor.store);
-    return {
-      rootBlockClientId: getBlockRootClientId(clientId)
-    };
-  }, [clientId]);
-  const focusOnMountRef = (0, _compose.useFocusOnMount)('firstElement');
-  const dialogTitleId = (0, _compose.useInstanceId)(_blockEditor.LinkControl, `link-ui-block-inserter__title`);
-  const dialogDescriptionId = (0, _compose.useInstanceId)(_blockEditor.LinkControl, `link-ui-block-inserter__description`);
-  if (!clientId) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "link-ui-block-inserter",
-    role: "dialog",
-    "aria-labelledby": dialogTitleId,
-    "aria-describedby": dialogDescriptionId,
-    ref: focusOnMountRef,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.VisuallyHidden, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
-        id: dialogTitleId,
-        children: (0, _i18n.__)('Add block')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        id: dialogDescriptionId,
-        children: (0, _i18n.__)('Choose a block to add to your Navigation.')
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      className: "link-ui-block-inserter__back",
-      icon: (0, _i18n.isRTL)() ? _icons.chevronRightSmall : _icons.chevronLeftSmall,
-      onClick: e => {
-        e.preventDefault();
-        onBack();
-      },
-      size: "small",
-      children: (0, _i18n.__)('Back')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(QuickInserter, {
-      rootClientId: rootBlockClientId,
-      clientId: clientId,
-      isAppender: false,
-      prioritizePatterns: false,
-      selectBlockOnInsert: true,
-      hasSearch: false
-    })]
-  });
-}
 function UnforwardedLinkUI(props, ref) {
   const {
     label,
@@ -146,42 +89,14 @@ function UnforwardedLinkUI(props, ref) {
   } = props.link;
   const postType = type || 'page';
   const [addingBlock, setAddingBlock] = (0, _element.useState)(false);
+  const [addingPage, setAddingPage] = (0, _element.useState)(false);
   const [focusAddBlockButton, setFocusAddBlockButton] = (0, _element.useState)(false);
-  const {
-    saveEntityRecord
-  } = (0, _data.useDispatch)(_coreData.store);
+  const [focusAddPageButton, setFocusAddPageButton] = (0, _element.useState)(false);
   const permissions = (0, _coreData.useResourcePermissions)({
     kind: 'postType',
     name: postType
   });
 
-  // Check if we're in contentOnly mode
-  const blockEditingMode = (0, _blockEditor.useBlockEditingMode)();
-  const isDefaultBlockEditingMode = blockEditingMode === 'default';
-  async function handleCreate(pageTitle) {
-    const page = await saveEntityRecord('postType', postType, {
-      title: pageTitle,
-      status: 'draft'
-    });
-    return {
-      id: page.id,
-      type: postType,
-      // Make `title` property consistent with that in `fetchLinkSuggestions` where the `rendered` title (containing HTML entities)
-      // is also being decoded. By being consistent in both locations we avoid having to branch in the rendering output code.
-      // Ideally in the future we will update both APIs to utilise the "raw" form of the title which is better suited to edit contexts.
-      // e.g.
-      // - title.raw = "Yes & No"
-      // - title.rendered = "Yes & No"
-      // - decodeEntities( title.rendered ) = "Yes & No"
-      // See:
-      // - https://github.com/WordPress/gutenberg/pull/41063
-      // - https://github.com/WordPress/gutenberg/blob/a1e1fdc0e6278457e9f4fc0b31ac6d2095f5450b/packages/core-data/src/fetch/__experimental-fetch-link-suggestions.js#L212-L218
-      title: (0, _htmlEntities.decodeEntities)(page.title.rendered),
-      url: page.link,
-      kind: 'post-type'
-    };
-  }
-
   // Memoize link value to avoid overriding the LinkControl's internal state.
   // This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/50976#issuecomment-1568226407.
   const link = (0, _element.useMemo)(() => ({
@@ -189,15 +104,22 @@ function UnforwardedLinkUI(props, ref) {
     opensInNewTab,
     title: label && (0, _dom.__unstableStripHTML)(label)
   }), [label, opensInNewTab, url]);
-  const dialogTitleId = (0, _compose.useInstanceId)(LinkUI, `link-ui-link-control__title`);
-  const dialogDescriptionId = (0, _compose.useInstanceId)(LinkUI, `link-ui-link-control__description`);
+  const handlePageCreated = pageLink => {
+    // Set the new page as the current link
+    props.onChange(pageLink);
+    // Return to main Link UI
+    setAddingPage(false);
+  };
+  const dialogTitleId = (0, _compose.useInstanceId)(LinkUI, 'link-ui-link-control__title');
+  const dialogDescriptionId = (0, _compose.useInstanceId)(LinkUI, 'link-ui-link-control__description');
+  const blockEditingMode = (0, _blockEditor.useBlockEditingMode)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Popover, {
     ref: ref,
     placement: "bottom",
     onClose: props.onClose,
     anchor: props.anchor,
     shift: true,
-    children: [!addingBlock && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [!addingBlock && !addingPage && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       role: "dialog",
       "aria-labelledby": dialogTitleId,
       "aria-describedby": dialogDescriptionId,
@@ -214,51 +136,66 @@ function UnforwardedLinkUI(props, ref) {
         hasRichPreviews: true,
         value: link,
         showInitialSuggestions: true,
-        withCreateSuggestion: permissions.canCreate,
-        createSuggestion: handleCreate,
-        createSuggestionButtonText: searchTerm => {
-          let format;
-          if (type === 'post') {
-            /* translators: %s: search term. */
-            format = (0, _i18n.__)('Create draft post: <mark>%s</mark>');
-          } else {
-            /* translators: %s: search term. */
-            format = (0, _i18n.__)('Create draft page: <mark>%s</mark>');
-          }
-          return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(format, searchTerm), {
-            mark: /*#__PURE__*/(0, _jsxRuntime.jsx)("mark", {})
-          });
-        },
+        withCreateSuggestion: false,
         noDirectEntry: !!type,
         noURLSuggestion: !!type,
         suggestionsQuery: getSuggestionsQuery(type, kind),
         onChange: props.onChange,
         onRemove: props.onRemove,
         onCancel: props.onCancel,
-        renderControlBottom: () => !link?.url?.length && isDefaultBlockEditingMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkUITools, {
-          focusAddBlockButton: focusAddBlockButton,
-          setAddingBlock: () => {
-            setAddingBlock(true);
-            setFocusAddBlockButton(false);
+        renderControlBottom: () => {
+          // Don't show the tools when there is submitted link (preview state).
+          if (link?.url?.length) {
+            return null;
           }
-        })
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkUITools, {
+            focusAddBlockButton: focusAddBlockButton,
+            focusAddPageButton: focusAddPageButton,
+            setAddingBlock: () => {
+              setAddingBlock(true);
+              setFocusAddBlockButton(false);
+            },
+            setAddingPage: () => {
+              setAddingPage(true);
+              setFocusAddPageButton(false);
+            },
+            canAddPage: permissions?.canCreate && type === 'page',
+            canAddBlock: blockEditingMode === 'default'
+          });
+        }
       })]
-    }), addingBlock && /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkUIBlockInserter, {
+    }), addingBlock && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockInserter.default, {
       clientId: props.clientId,
       onBack: () => {
         setAddingBlock(false);
         setFocusAddBlockButton(true);
-      }
+        setFocusAddPageButton(false);
+      },
+      onBlockInsert: props?.onBlockInsert
+    }), addingPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pageCreator.LinkUIPageCreator, {
+      postType: postType,
+      onBack: () => {
+        setAddingPage(false);
+        setFocusAddPageButton(true);
+        setFocusAddBlockButton(false);
+      },
+      onPageCreated: handlePageCreated,
+      initialTitle: link?.url || ''
     })]
   });
 }
 const LinkUI = exports.LinkUI = (0, _element.forwardRef)(UnforwardedLinkUI);
 const LinkUITools = ({
   setAddingBlock,
-  focusAddBlockButton
+  setAddingPage,
+  focusAddBlockButton,
+  focusAddPageButton,
+  canAddPage,
+  canAddBlock
 }) => {
   const blockInserterAriaRole = 'listbox';
   const addBlockButtonRef = (0, _element.useRef)();
+  const addPageButtonRef = (0, _element.useRef)();
 
   // Focus the add block button when the popover is opened.
   (0, _element.useEffect)(() => {
@@ -266,9 +203,32 @@ const LinkUITools = ({
       addBlockButtonRef.current?.focus();
     }
   }, [focusAddBlockButton]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalVStack, {
+
+  // Focus the add page button when the popover is opened.
+  (0, _element.useEffect)(() => {
+    if (focusAddPageButton) {
+      addPageButtonRef.current?.focus();
+    }
+  }, [focusAddPageButton]);
+
+  // Don't render anything if neither button should be shown
+  if (!canAddPage && !canAddBlock) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    spacing: 0,
     className: "link-ui-tools",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    children: [canAddPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      __next40pxDefaultSize: true,
+      ref: addPageButtonRef,
+      icon: _icons.plus,
+      onClick: e => {
+        e.preventDefault();
+        setAddingPage(true);
+      },
+      "aria-haspopup": blockInserterAriaRole,
+      children: (0, _i18n.__)('Create page')
+    }), canAddBlock && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
       __next40pxDefaultSize: true,
       ref: addBlockButtonRef,
       icon: _icons.plus,
@@ -278,7 +238,7 @@ const LinkUITools = ({
       },
       "aria-haspopup": blockInserterAriaRole,
       children: (0, _i18n.__)('Add block')
-    })
+    })]
   });
 };
 var _default = exports.default = LinkUITools;