@wordpress/block-library 8.11.0 → 8.12.1

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

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = LeafMoreMenu;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _blocks = require("@wordpress/blocks");
 
 var _icons = require("@wordpress/icons");
@@ -28,19 +24,17 @@ var _blockEditor = require("@wordpress/block-editor");
  */
 const POPOVER_PROPS = {
   className: 'block-editor-block-settings-menu__popover',
-  position: 'bottom right',
-  variant: 'toolbar'
+  placement: 'bottom-start'
 };
 const BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU = ['core/navigation-link', 'core/navigation-submenu'];
 
-function AddSubmenuItem(_ref) {
-  let {
-    block,
-    onClose,
-    expandedState,
-    expand,
-    setInsertedBlock
-  } = _ref;
+function AddSubmenuItem({
+  block,
+  onClose,
+  expandedState,
+  expand,
+  setInsertedBlock
+}) {
   const {
     insertBlock,
     replaceBlock,
@@ -108,41 +102,39 @@ function LeafMoreMenu(props) {
     } = select(_blockEditor.store);
     return getBlockRootClientId(clientId);
   }, [clientId]);
-  return (0, _element.createElement)(_components.DropdownMenu, (0, _extends2.default)({
+  return (0, _element.createElement)(_components.DropdownMenu, {
     icon: _icons.moreVertical,
     label: (0, _i18n.__)('Options'),
     className: "block-editor-block-settings-menu",
     popoverProps: POPOVER_PROPS,
-    noIcons: true
-  }, props), _ref2 => {
-    let {
-      onClose
-    } = _ref2;
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
-      icon: _icons.chevronUp,
-      onClick: () => {
-        moveBlocksUp([clientId], rootClientId);
-        onClose();
-      }
-    }, (0, _i18n.__)('Move up')), (0, _element.createElement)(_components.MenuItem, {
-      icon: _icons.chevronDown,
-      onClick: () => {
-        moveBlocksDown([clientId], rootClientId);
-        onClose();
-      }
-    }, (0, _i18n.__)('Move down')), (0, _element.createElement)(AddSubmenuItem, {
-      block: block,
-      onClose: onClose,
-      expanded: true,
-      expandedState: props.expandedState,
-      expand: props.expand,
-      setInsertedBlock: props.setInsertedBlock
-    })), (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
-      onClick: () => {
-        removeBlocks([clientId], false);
-        onClose();
-      }
-    }, removeLabel)));
-  });
+    noIcons: true,
+    ...props
+  }, ({
+    onClose
+  }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+    icon: _icons.chevronUp,
+    onClick: () => {
+      moveBlocksUp([clientId], rootClientId);
+      onClose();
+    }
+  }, (0, _i18n.__)('Move up')), (0, _element.createElement)(_components.MenuItem, {
+    icon: _icons.chevronDown,
+    onClick: () => {
+      moveBlocksDown([clientId], rootClientId);
+      onClose();
+    }
+  }, (0, _i18n.__)('Move down')), (0, _element.createElement)(AddSubmenuItem, {
+    block: block,
+    onClose: onClose,
+    expanded: true,
+    expandedState: props.expandedState,
+    expand: props.expand,
+    setInsertedBlock: props.setInsertedBlock
+  })), (0, _element.createElement)(_components.MenuGroup, null, (0, _element.createElement)(_components.MenuItem, {
+    onClick: () => {
+      removeBlocks([clientId], false);
+      onClose();
+    }
+  }, removeLabel))));
 }
 //# sourceMappingURL=leaf-more-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/leaf-more-menu.js"],"names":["POPOVER_PROPS","className","position","variant","BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU","AddSubmenuItem","block","onClose","expandedState","expand","setInsertedBlock","insertBlock","replaceBlock","replaceInnerBlocks","blockEditorStore","clientId","isDisabled","includes","name","addSubmenu","updateSelectionOnInsert","newLink","innerBlocks","length","newSubmenu","attributes","LeafMoreMenu","props","moveBlocksDown","moveBlocksUp","removeBlocks","removeLabel","maximumLength","rootClientId","select","getBlockRootClientId","moreVertical","chevronUp","chevronDown"],"mappings":"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","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\tposition: 'bottom right',\n\tvariant: 'toolbar',\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"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/leaf-more-menu.js"],"names":["POPOVER_PROPS","className","placement","BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU","AddSubmenuItem","block","onClose","expandedState","expand","setInsertedBlock","insertBlock","replaceBlock","replaceInnerBlocks","blockEditorStore","clientId","isDisabled","includes","name","addSubmenu","updateSelectionOnInsert","newLink","innerBlocks","length","newSubmenu","attributes","LeafMoreMenu","props","moveBlocksDown","moveBlocksUp","removeBlocks","removeLabel","maximumLength","rootClientId","select","getBlockRootClientId","moreVertical","chevronUp","chevronDown"],"mappings":"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","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"]}

package/build/navigation/edit/manage-menus-button.js

@@ -16,12 +16,11 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
-const ManageMenusButton = _ref => {
-  let {
-    className = '',
-    disabled,
-    isMenuItem = false
-  } = _ref;
+const ManageMenusButton = ({
+  className = '',
+  disabled,
+  isMenuItem = false
+}) => {
   let ComponentName = _components.Button;
 
   if (isMenuItem) {

package/build/navigation/edit/manage-menus-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/manage-menus-button.js"],"names":["ManageMenusButton","className","disabled","isMenuItem","ComponentName","Button","MenuItem","post_type"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKA,MAAMA,iBAAiB,GAAG,QAInB;AAAA,MAJqB;AAC3BC,IAAAA,SAAS,GAAG,EADe;AAE3BC,IAAAA,QAF2B;AAG3BC,IAAAA,UAAU,GAAG;AAHc,GAIrB;AACN,MAAIC,aAAa,GAAGC,kBAApB;;AACA,MAAKF,UAAL,EAAkB;AACjBC,IAAAA,aAAa,GAAGE,oBAAhB;AACA;;AAED,SACC,4BAAC,aAAD;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,QAAQ,EAAGJ,QAFZ;AAGC,IAAA,SAAS,EAAGD,SAHb;AAIC,IAAA,IAAI,EAAG,uBAAc,UAAd,EAA0B;AAChCM,MAAAA,SAAS,EAAE;AADqB,KAA1B;AAJR,KAQG,cAAI,cAAJ,CARH,CADD;AAYA,CAtBD;;eAwBeP,iB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addQueryArgs } from '@wordpress/url';\nimport { Button, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst ManageMenusButton = ( {\n\tclassName = '',\n\tdisabled,\n\tisMenuItem = false,\n} ) => {\n\tlet ComponentName = Button;\n\tif ( isMenuItem ) {\n\t\tComponentName = MenuItem;\n\t}\n\n\treturn (\n\t\t<ComponentName\n\t\t\tvariant=\"link\"\n\t\t\tdisabled={ disabled }\n\t\t\tclassName={ className }\n\t\t\thref={ addQueryArgs( 'edit.php', {\n\t\t\t\tpost_type: 'wp_navigation',\n\t\t\t} ) }\n\t\t>\n\t\t\t{ __( 'Manage menus' ) }\n\t\t</ComponentName>\n\t);\n};\n\nexport default ManageMenusButton;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/manage-menus-button.js"],"names":["ManageMenusButton","className","disabled","isMenuItem","ComponentName","Button","MenuItem","post_type"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;AAKA,MAAMA,iBAAiB,GAAG,CAAE;AAC3BC,EAAAA,SAAS,GAAG,EADe;AAE3BC,EAAAA,QAF2B;AAG3BC,EAAAA,UAAU,GAAG;AAHc,CAAF,KAInB;AACN,MAAIC,aAAa,GAAGC,kBAApB;;AACA,MAAKF,UAAL,EAAkB;AACjBC,IAAAA,aAAa,GAAGE,oBAAhB;AACA;;AAED,SACC,4BAAC,aAAD;AACC,IAAA,OAAO,EAAC,MADT;AAEC,IAAA,QAAQ,EAAGJ,QAFZ;AAGC,IAAA,SAAS,EAAGD,SAHb;AAIC,IAAA,IAAI,EAAG,uBAAc,UAAd,EAA0B;AAChCM,MAAAA,SAAS,EAAE;AADqB,KAA1B;AAJR,KAQG,cAAI,cAAJ,CARH,CADD;AAYA,CAtBD;;eAwBeP,iB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addQueryArgs } from '@wordpress/url';\nimport { Button, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst ManageMenusButton = ( {\n\tclassName = '',\n\tdisabled,\n\tisMenuItem = false,\n} ) => {\n\tlet ComponentName = Button;\n\tif ( isMenuItem ) {\n\t\tComponentName = MenuItem;\n\t}\n\n\treturn (\n\t\t<ComponentName\n\t\t\tvariant=\"link\"\n\t\t\tdisabled={ disabled }\n\t\t\tclassName={ className }\n\t\t\thref={ addQueryArgs( 'edit.php', {\n\t\t\t\tpost_type: 'wp_navigation',\n\t\t\t} ) }\n\t\t>\n\t\t\t{ __( 'Manage menus' ) }\n\t\t</ComponentName>\n\t);\n};\n\nexport default ManageMenusButton;\n"]}

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

@@ -19,7 +19,7 @@ var _i18n = require("@wordpress/i18n");
 
 var _navigationMenuSelector = _interopRequireDefault(require("./navigation-menu-selector"));
 
-var _privateApis = require("../../private-apis");
+var _lockUnlock = require("../../lock-unlock");
 
 var _deletedNavigationWarning = _interopRequireDefault(require("./deleted-navigation-warning"));
 
@@ -42,37 +42,58 @@ var _linkUi = require("../../navigation-link/link-ui");
 /* translators: %s: The name of a menu. */
 const actionLabel = (0, _i18n.__)("Switch to '%s'");
 const BLOCKS_WITH_LINK_UI_SUPPORT = ['core/navigation-link', 'core/navigation-submenu'];
-
-const MainContent = _ref => {
-  var _navigationMenu$title;
-
-  let {
-    clientId,
-    currentMenuId,
-    isLoading,
-    isNavigationMenuMissing,
-    onCreateNew
-  } = _ref;
-  const {
-    PrivateListView
-  } = (0, _privateApis.unlock)(_blockEditor.privateApis); // Provide a hierarchy of clientIds for the given Navigation block (clientId).
-  // This is required else the list view will display the entire block tree.
-
-  const clientIdsTree = (0, _data.useSelect)(select => {
-    const {
-      __unstableGetClientIdsTree
-    } = select(_blockEditor.store);
-    return __unstableGetClientIdsTree(clientId);
-  }, [clientId]);
+const {
+  PrivateListView
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+
+function AdditionalBlockContent({
+  block,
+  insertedBlock,
+  setInsertedBlock
+}) {
   const {
     updateBlockAttributes
   } = (0, _data.useDispatch)(_blockEditor.store);
+  const supportsLinkControls = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(insertedBlock?.name);
+  const blockWasJustInserted = insertedBlock?.clientId === block.clientId;
+  const showLinkControls = supportsLinkControls && blockWasJustInserted;
+
+  if (!showLinkControls) {
+    return null;
+  }
 
   const setInsertedBlockAttributes = _insertedBlockClientId => _updatedAttributes => {
     if (!_insertedBlockClientId) return;
     updateBlockAttributes(_insertedBlockClientId, _updatedAttributes);
   };
 
+  return (0, _element.createElement)(_linkUi.LinkUI, {
+    clientId: insertedBlock?.clientId,
+    link: insertedBlock?.attributes,
+    onClose: () => {
+      setInsertedBlock(null);
+    },
+    hasCreateSuggestion: false,
+    onChange: updatedValue => {
+      (0, _updateAttributes.updateAttributes)(updatedValue, setInsertedBlockAttributes(insertedBlock?.clientId), insertedBlock?.attributes);
+      setInsertedBlock(null);
+    },
+    onCancel: () => {
+      setInsertedBlock(null);
+    }
+  });
+}
+
+const MainContent = ({
+  clientId,
+  currentMenuId,
+  isLoading,
+  isNavigationMenuMissing,
+  onCreateNew
+}) => {
+  const hasChildren = (0, _data.useSelect)(select => {
+    return !!select(_blockEditor.store).getBlockCount(clientId);
+  }, [clientId]);
   const {
     navigationMenu
   } = (0, _useNavigationMenu.default)(currentMenuId);
@@ -89,41 +110,18 @@ const MainContent = _ref => {
 
   const description = navigationMenu ? (0, _i18n.sprintf)(
   /* translators: %s: The name of a menu. */
-  (0, _i18n.__)('Structure for navigation menu: %s'), (navigationMenu === null || navigationMenu === void 0 ? void 0 : (_navigationMenu$title = navigationMenu.title) === null || _navigationMenu$title === void 0 ? void 0 : _navigationMenu$title.rendered) || (0, _i18n.__)('Untitled menu')) : (0, _i18n.__)('You have not yet created any menus. Displaying a list of your Pages');
-
-  const renderLinkUI = (currentBlock, lastInsertedBlock, setLastInsertedBlock) => {
-    const blockSupportsLinkUI = BLOCKS_WITH_LINK_UI_SUPPORT === null || BLOCKS_WITH_LINK_UI_SUPPORT === void 0 ? void 0 : BLOCKS_WITH_LINK_UI_SUPPORT.includes(lastInsertedBlock === null || lastInsertedBlock === void 0 ? void 0 : lastInsertedBlock.name);
-    const currentBlockWasJustInserted = (lastInsertedBlock === null || lastInsertedBlock === void 0 ? void 0 : lastInsertedBlock.clientId) === currentBlock.clientId;
-    const shouldShowLinkUIForBlock = blockSupportsLinkUI && currentBlockWasJustInserted;
-    return shouldShowLinkUIForBlock && (0, _element.createElement)(_linkUi.LinkUI, {
-      clientId: lastInsertedBlock === null || lastInsertedBlock === void 0 ? void 0 : lastInsertedBlock.clientId,
-      link: lastInsertedBlock === null || lastInsertedBlock === void 0 ? void 0 : lastInsertedBlock.attributes,
-      onClose: () => {
-        setLastInsertedBlock(null);
-      },
-      hasCreateSuggestion: false,
-      onChange: updatedValue => {
-        (0, _updateAttributes.updateAttributes)(updatedValue, setInsertedBlockAttributes(lastInsertedBlock === null || lastInsertedBlock === void 0 ? void 0 : lastInsertedBlock.clientId), lastInsertedBlock === null || lastInsertedBlock === void 0 ? void 0 : lastInsertedBlock.attributes);
-        setLastInsertedBlock(null);
-      },
-      onCancel: () => {
-        setLastInsertedBlock(null);
-      }
-    });
-  };
-
+  (0, _i18n.__)('Structure for navigation menu: %s'), navigationMenu?.title?.rendered || (0, _i18n.__)('Untitled menu')) : (0, _i18n.__)('You have not yet created any menus. Displaying a list of your Pages');
   return (0, _element.createElement)("div", {
     className: "wp-block-navigation__menu-inspector-controls"
-  }, clientIdsTree.length === 0 && (0, _element.createElement)("p", {
+  }, !hasChildren && (0, _element.createElement)("p", {
     className: "wp-block-navigation__menu-inspector-controls__empty-message"
   }, (0, _i18n.__)('This navigation menu is empty.')), (0, _element.createElement)(PrivateListView, {
-    blocks: clientIdsTree,
     rootClientId: clientId,
     isExpanded: true,
     description: description,
     showAppender: true,
     blockSettingsMenu: _leafMoreMenu.default,
-    renderAdditionalBlockUI: renderLinkUI
+    additionalBlockContent: AdditionalBlockContent
   }));
 };
 
@@ -135,7 +133,8 @@ const MenuInspectorControls = props => {
     onCreateNew,
     onSelectClassicMenu,
     onSelectNavigationMenu,
-    isManageMenusButtonDisabled
+    isManageMenusButtonDisabled,
+    blockEditingMode
   } = props;
   return (0, _element.createElement)(_blockEditor.InspectorControls, {
     group: "list"
@@ -146,7 +145,7 @@ const MenuInspectorControls = props => {
   }, (0, _element.createElement)(_components.__experimentalHeading, {
     className: "wp-block-navigation-off-canvas-editor__title",
     level: 2
-  }, (0, _i18n.__)('Menu')), (0, _element.createElement)(_navigationMenuSelector.default, {
+  }, (0, _i18n.__)('Menu')), blockEditingMode === 'default' && (0, _element.createElement)(_navigationMenuSelector.default, {
     currentMenuId: currentMenuId,
     onSelectClassicMenu: onSelectClassicMenu,
     onSelectNavigationMenu: onSelectNavigationMenu,
@@ -155,7 +154,8 @@ const MenuInspectorControls = props => {
     createNavigationMenuIsError: createNavigationMenuIsError,
     actionLabel: actionLabel,
     isManageMenusButtonDisabled: isManageMenusButtonDisabled
-  })), (0, _element.createElement)(MainContent, props)));
+  })), (0, _element.createElement)(MainContent, { ...props
+  })));
 };
 
 var _default = MenuInspectorControls;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/menu-inspector-controls.js"],"names":["actionLabel","BLOCKS_WITH_LINK_UI_SUPPORT","MainContent","clientId","currentMenuId","isLoading","isNavigationMenuMissing","onCreateNew","PrivateListView","blockEditorPrivateApis","clientIdsTree","select","__unstableGetClientIdsTree","blockEditorStore","updateBlockAttributes","setInsertedBlockAttributes","_insertedBlockClientId","_updatedAttributes","navigationMenu","description","title","rendered","renderLinkUI","currentBlock","lastInsertedBlock","setLastInsertedBlock","blockSupportsLinkUI","includes","name","currentBlockWasJustInserted","shouldShowLinkUIForBlock","attributes","updatedValue","length","LeafMoreMenu","MenuInspectorControls","props","createNavigationMenuIsSuccess","createNavigationMenuIsError","onSelectClassicMenu","onSelectNavigationMenu","isManageMenusButtonDisabled"],"mappings":"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","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 '../../private-apis';\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\n/* translators: %s: The name of a menu. */\nconst actionLabel = __( \"Switch to '%s'\" );\nconst BLOCKS_WITH_LINK_UI_SUPPORT = [\n\t'core/navigation-link',\n\t'core/navigation-submenu',\n];\n\nconst MainContent = ( {\n\tclientId,\n\tcurrentMenuId,\n\tisLoading,\n\tisNavigationMenuMissing,\n\tonCreateNew,\n} ) => {\n\tconst { PrivateListView } = unlock( blockEditorPrivateApis );\n\n\t// Provide a hierarchy of clientIds for the given Navigation block (clientId).\n\t// This is required else the list view will display the entire block tree.\n\tconst clientIdsTree = useSelect(\n\t\t( select ) => {\n\t\t\tconst { __unstableGetClientIdsTree } = select( blockEditorStore );\n\t\t\treturn __unstableGetClientIdsTree( clientId );\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\tconst setInsertedBlockAttributes =\n\t\t( _insertedBlockClientId ) => ( _updatedAttributes ) => {\n\t\t\tif ( ! _insertedBlockClientId ) return;\n\t\t\tupdateBlockAttributes( _insertedBlockClientId, _updatedAttributes );\n\t\t};\n\n\tconst { navigationMenu } = useNavigationMenu( currentMenuId );\n\n\tif ( currentMenuId && isNavigationMenuMissing ) {\n\t\treturn <DeletedNavigationWarning onCreateNew={ onCreateNew } />;\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?.rendered || __( '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\tconst renderLinkUI = (\n\t\tcurrentBlock,\n\t\tlastInsertedBlock,\n\t\tsetLastInsertedBlock\n\t) => {\n\t\tconst blockSupportsLinkUI = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(\n\t\t\tlastInsertedBlock?.name\n\t\t);\n\t\tconst currentBlockWasJustInserted =\n\t\t\tlastInsertedBlock?.clientId === currentBlock.clientId;\n\n\t\tconst shouldShowLinkUIForBlock =\n\t\t\tblockSupportsLinkUI && currentBlockWasJustInserted;\n\n\t\treturn (\n\t\t\tshouldShowLinkUIForBlock && (\n\t\t\t\t<LinkUI\n\t\t\t\t\tclientId={ lastInsertedBlock?.clientId }\n\t\t\t\t\tlink={ lastInsertedBlock?.attributes }\n\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\tsetLastInsertedBlock( null );\n\t\t\t\t\t} }\n\t\t\t\t\thasCreateSuggestion={ false }\n\t\t\t\t\tonChange={ ( updatedValue ) => {\n\t\t\t\t\t\tupdateAttributes(\n\t\t\t\t\t\t\tupdatedValue,\n\t\t\t\t\t\t\tsetInsertedBlockAttributes(\n\t\t\t\t\t\t\t\tlastInsertedBlock?.clientId\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tlastInsertedBlock?.attributes\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetLastInsertedBlock( null );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetLastInsertedBlock( null );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t)\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"wp-block-navigation__menu-inspector-controls\">\n\t\t\t{ clientIdsTree.length === 0 && (\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\tblocks={ clientIdsTree }\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\trenderAdditionalBlockUI={ renderLinkUI }\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} = 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<NavigationMenuSelector\n\t\t\t\t\t\tcurrentMenuId={ currentMenuId }\n\t\t\t\t\t\tonSelectClassicMenu={ onSelectClassicMenu }\n\t\t\t\t\t\tonSelectNavigationMenu={ onSelectNavigationMenu }\n\t\t\t\t\t\tonCreateNew={ onCreateNew }\n\t\t\t\t\t\tcreateNavigationMenuIsSuccess={\n\t\t\t\t\t\t\tcreateNavigationMenuIsSuccess\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcreateNavigationMenuIsError={\n\t\t\t\t\t\t\tcreateNavigationMenuIsError\n\t\t\t\t\t\t}\n\t\t\t\t\t\tactionLabel={ actionLabel }\n\t\t\t\t\t\tisManageMenusButtonDisabled={\n\t\t\t\t\t\t\tisManageMenusButtonDisabled\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"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/menu-inspector-controls.js"],"names":["actionLabel","BLOCKS_WITH_LINK_UI_SUPPORT","PrivateListView","blockEditorPrivateApis","AdditionalBlockContent","block","insertedBlock","setInsertedBlock","updateBlockAttributes","blockEditorStore","supportsLinkControls","includes","name","blockWasJustInserted","clientId","showLinkControls","setInsertedBlockAttributes","_insertedBlockClientId","_updatedAttributes","attributes","updatedValue","MainContent","currentMenuId","isLoading","isNavigationMenuMissing","onCreateNew","hasChildren","select","getBlockCount","navigationMenu","description","title","rendered","LeafMoreMenu","MenuInspectorControls","props","createNavigationMenuIsSuccess","createNavigationMenuIsError","onSelectClassicMenu","onSelectNavigationMenu","isManageMenusButtonDisabled","blockEditingMode"],"mappings":"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","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\n/* translators: %s: The name of a menu. */\nconst actionLabel = __( \"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 ) return;\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\thasCreateSuggestion={ false }\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 <DeletedNavigationWarning onCreateNew={ onCreateNew } />;\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?.rendered || __( '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"]}

package/build/navigation/edit/navigation-menu-delete-control.js

@@ -18,10 +18,9 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
-function NavigationMenuDeleteControl(_ref) {
-  let {
-    onDelete
-  } = _ref;
+function NavigationMenuDeleteControl({
+  onDelete
+}) {
   const [isConfirmModalVisible, setIsConfirmModalVisible] = (0, _element.useState)(false);
   const id = (0, _coreData.useEntityId)('postType', 'wp_navigation');
   const [title] = (0, _coreData.useEntityProp)('postType', 'wp_navigation', 'title');

package/build/navigation/edit/navigation-menu-delete-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/navigation-menu-delete-control.js"],"names":["NavigationMenuDeleteControl","onDelete","isConfirmModalVisible","setIsConfirmModalVisible","id","title","deleteEntityRecord","coreStore","force"],"mappings":";;;;;;;AAcA;;AAXA;;AAKA;;AAKA;;AAEA;;AAfA;AACA;AACA;AAee,SAASA,2BAAT,OAAqD;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACnE,QAAM,CAAEC,qBAAF,EAAyBC,wBAAzB,IACL,uBAAU,KAAV,CADD;AAEA,QAAMC,EAAE,GAAG,2BAAa,UAAb,EAAyB,eAAzB,CAAX;AACA,QAAM,CAAEC,KAAF,IAAY,6BAAe,UAAf,EAA2B,eAA3B,EAA4C,OAA5C,CAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaC,eAAb,CAA/B;AAEA,SACC,qDACC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,aAAa,MAHd;AAIC,IAAA,OAAO,EAAG,MAAM;AACfJ,MAAAA,wBAAwB,CAAE,IAAF,CAAxB;AACA;AANF,KAQG,cAAI,aAAJ,CARH,CADD,EAWGD,qBAAqB,IACtB,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG;AACP;AACA,kBAAI,WAAJ,CAFO,EAGPG,KAHO,CADT;AAMC,IAAA,cAAc,EAAG,MAAMF,wBAAwB,CAAE,KAAF;AANhD,KAQC,uCACG,cACD,uDADC,CADH,CARD,EAaC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,UADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfA,MAAAA,wBAAwB,CAAE,KAAF,CAAxB;AACA;AAJF,KAMG,cAAI,QAAJ,CANH,CADD,EASC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfG,MAAAA,kBAAkB,CACjB,UADiB,EAEjB,eAFiB,EAGjBF,EAHiB,EAIjB;AAAEI,QAAAA,KAAK,EAAE;AAAT,OAJiB,CAAlB;AAMAP,MAAAA,QAAQ,CAAEI,KAAF,CAAR;AACA;AAVF,KAYG,cAAI,SAAJ,CAZH,CATD,CAbD,CAZF,CADD;AAsDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport {\n\tstore as coreStore,\n\tuseEntityId,\n\tuseEntityProp,\n} from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\nexport default function NavigationMenuDeleteControl( { onDelete } ) {\n\tconst [ isConfirmModalVisible, setIsConfirmModalVisible ] =\n\t\tuseState( false );\n\tconst id = useEntityId( 'postType', 'wp_navigation' );\n\tconst [ title ] = useEntityProp( 'postType', 'wp_navigation', 'title' );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\tclassName=\"wp-block-navigation-delete-menu-button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tisDestructive\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsConfirmModalVisible( true );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Delete menu' ) }\n\t\t\t</Button>\n\t\t\t{ isConfirmModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t/* translators: %s: the name of a menu to delete */\n\t\t\t\t\t\t__( 'Delete %s' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t\tonRequestClose={ () => setIsConfirmModalVisible( false ) }\n\t\t\t\t>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Are you sure you want to delete this navigation menu?'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsConfirmModalVisible( false );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tdeleteEntityRecord(\n\t\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\t\t'wp_navigation',\n\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t{ force: true }\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonDelete( title );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Confirm' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/navigation-menu-delete-control.js"],"names":["NavigationMenuDeleteControl","onDelete","isConfirmModalVisible","setIsConfirmModalVisible","id","title","deleteEntityRecord","coreStore","force"],"mappings":";;;;;;;AAcA;;AAXA;;AAKA;;AAKA;;AAEA;;AAfA;AACA;AACA;AAee,SAASA,2BAAT,CAAsC;AAAEC,EAAAA;AAAF,CAAtC,EAAqD;AACnE,QAAM,CAAEC,qBAAF,EAAyBC,wBAAzB,IACL,uBAAU,KAAV,CADD;AAEA,QAAMC,EAAE,GAAG,2BAAa,UAAb,EAAyB,eAAzB,CAAX;AACA,QAAM,CAAEC,KAAF,IAAY,6BAAe,UAAf,EAA2B,eAA3B,EAA4C,OAA5C,CAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaC,eAAb,CAA/B;AAEA,SACC,qDACC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,aAAa,MAHd;AAIC,IAAA,OAAO,EAAG,MAAM;AACfJ,MAAAA,wBAAwB,CAAE,IAAF,CAAxB;AACA;AANF,KAQG,cAAI,aAAJ,CARH,CADD,EAWGD,qBAAqB,IACtB,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG;AACP;AACA,kBAAI,WAAJ,CAFO,EAGPG,KAHO,CADT;AAMC,IAAA,cAAc,EAAG,MAAMF,wBAAwB,CAAE,KAAF;AANhD,KAQC,uCACG,cACD,uDADC,CADH,CARD,EAaC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,UADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfA,MAAAA,wBAAwB,CAAE,KAAF,CAAxB;AACA;AAJF,KAMG,cAAI,QAAJ,CANH,CADD,EASC,4BAAC,kBAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,OAAO,EAAG,MAAM;AACfG,MAAAA,kBAAkB,CACjB,UADiB,EAEjB,eAFiB,EAGjBF,EAHiB,EAIjB;AAAEI,QAAAA,KAAK,EAAE;AAAT,OAJiB,CAAlB;AAMAP,MAAAA,QAAQ,CAAEI,KAAF,CAAR;AACA;AAVF,KAYG,cAAI,SAAJ,CAZH,CATD,CAbD,CAZF,CADD;AAsDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport {\n\tstore as coreStore,\n\tuseEntityId,\n\tuseEntityProp,\n} from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\nexport default function NavigationMenuDeleteControl( { onDelete } ) {\n\tconst [ isConfirmModalVisible, setIsConfirmModalVisible ] =\n\t\tuseState( false );\n\tconst id = useEntityId( 'postType', 'wp_navigation' );\n\tconst [ title ] = useEntityProp( 'postType', 'wp_navigation', 'title' );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\n\treturn (\n\t\t<>\n\t\t\t<Button\n\t\t\t\tclassName=\"wp-block-navigation-delete-menu-button\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tisDestructive\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsConfirmModalVisible( true );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Delete menu' ) }\n\t\t\t</Button>\n\t\t\t{ isConfirmModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t/* translators: %s: the name of a menu to delete */\n\t\t\t\t\t\t__( 'Delete %s' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t) }\n\t\t\t\t\tonRequestClose={ () => setIsConfirmModalVisible( false ) }\n\t\t\t\t>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Are you sure you want to delete this navigation menu?'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsConfirmModalVisible( false );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tdeleteEntityRecord(\n\t\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\t\t'wp_navigation',\n\t\t\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\t\t\t{ force: true }\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonDelete( title );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Confirm' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build/navigation/edit/navigation-menu-selector.js

@@ -30,24 +30,29 @@ var _useNavigationEntities = _interopRequireDefault(require("../use-navigation-e
 /**
  * Internal dependencies
  */
-function buildMenuLabel(title, id) {
-  const label = (0, _htmlEntities.decodeEntities)(title === null || title === void 0 ? void 0 : title.rendered) ||
-  /* translators: %s is the index of the menu in the list of menus. */
-  (0, _i18n.sprintf)((0, _i18n.__)('(no title %s)'), id);
-  return label;
-}
+function buildMenuLabel(title, id, status) {
+  if (!title?.rendered) {
+    /* translators: %s is the index of the menu in the list of menus. */
+    return (0, _i18n.sprintf)((0, _i18n.__)('(no title %s)'), id);
+  }
 
-function NavigationMenuSelector(_ref) {
-  let {
-    currentMenuId,
-    onSelectNavigationMenu,
-    onSelectClassicMenu,
-    onCreateNew,
-    actionLabel,
-    createNavigationMenuIsSuccess,
-    createNavigationMenuIsError
-  } = _ref;
+  if (status === 'publish') {
+    return (0, _htmlEntities.decodeEntities)(title?.rendered);
+  }
+
+  return (0, _i18n.sprintf)( // translators: %1s: title of the menu; %2s: status of the menu (draft, pending, etc.).
+  (0, _i18n.__)('%1$s (%2$s)'), (0, _htmlEntities.decodeEntities)(title?.rendered), status);
+}
 
+function NavigationMenuSelector({
+  currentMenuId,
+  onSelectNavigationMenu,
+  onSelectClassicMenu,
+  onCreateNew,
+  actionLabel,
+  createNavigationMenuIsSuccess,
+  createNavigationMenuIsError
+}) {
   /* translators: %s: The name of a menu. */
   const createActionLabel = (0, _i18n.__)("Create from '%s'");
   const [isCreatingMenu, setIsCreatingMenu] = (0, _element.useState)(false);
@@ -64,21 +69,21 @@ function NavigationMenuSelector(_ref) {
   } = (0, _useNavigationMenu.default)();
   const [currentTitle] = (0, _coreData.useEntityProp)('postType', 'wp_navigation', 'title');
   const menuChoices = (0, _element.useMemo)(() => {
-    return (navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.map((_ref2, index) => {
-      let {
-        id,
-        title
-      } = _ref2;
-      const label = buildMenuLabel(title, index + 1);
+    return navigationMenus?.map(({
+      id,
+      title,
+      status
+    }, index) => {
+      const label = buildMenuLabel(title, index + 1, status);
       return {
         value: id,
         label,
         ariaLabel: (0, _i18n.sprintf)(actionLabel, label)
       };
-    })) || [];
+    }) || [];
   }, [navigationMenus, actionLabel]);
-  const hasNavigationMenus = !!(navigationMenus !== null && navigationMenus !== void 0 && navigationMenus.length);
-  const hasClassicMenus = !!(classicMenus !== null && classicMenus !== void 0 && classicMenus.length);
+  const hasNavigationMenus = !!navigationMenus?.length;
+  const hasClassicMenus = !!classicMenus?.length;
   const showNavigationMenus = !!canSwitchNavigationMenu;
   const showClassicMenus = !!canUserCreateNavigationMenu;
   const noMenuSelected = hasNavigationMenus && !currentMenuId;
@@ -107,46 +112,43 @@ function NavigationMenuSelector(_ref) {
     toggleProps: {
       isSmall: true
     }
-  }, _ref3 => {
-    let {
-      onClose
-    } = _ref3;
-    return (0, _element.createElement)(_element.Fragment, null, showNavigationMenus && hasNavigationMenus && (0, _element.createElement)(_components.MenuGroup, {
-      label: (0, _i18n.__)('Menus')
-    }, (0, _element.createElement)(_components.MenuItemsChoice, {
-      value: currentMenuId,
-      onSelect: menuId => {
+  }, ({
+    onClose
+  }) => (0, _element.createElement)(_element.Fragment, null, showNavigationMenus && hasNavigationMenus && (0, _element.createElement)(_components.MenuGroup, {
+    label: (0, _i18n.__)('Menus')
+  }, (0, _element.createElement)(_components.MenuItemsChoice, {
+    value: currentMenuId,
+    onSelect: menuId => {
+      setIsCreatingMenu(true);
+      onSelectNavigationMenu(menuId);
+      onClose();
+    },
+    choices: menuChoices,
+    disabled: isCreatingMenu
+  })), showClassicMenus && hasClassicMenus && (0, _element.createElement)(_components.MenuGroup, {
+    label: (0, _i18n.__)('Import Classic Menus')
+  }, classicMenus?.map(menu => {
+    const label = (0, _htmlEntities.decodeEntities)(menu.name);
+    return (0, _element.createElement)(_components.MenuItem, {
+      onClick: () => {
         setIsCreatingMenu(true);
-        onSelectNavigationMenu(menuId);
+        onSelectClassicMenu(menu);
         onClose();
       },
-      choices: menuChoices,
+      key: menu.id,
+      "aria-label": (0, _i18n.sprintf)(createActionLabel, label),
       disabled: isCreatingMenu
-    })), showClassicMenus && hasClassicMenus && (0, _element.createElement)(_components.MenuGroup, {
-      label: (0, _i18n.__)('Import Classic Menus')
-    }, classicMenus === null || classicMenus === void 0 ? void 0 : classicMenus.map(menu => {
-      const label = (0, _htmlEntities.decodeEntities)(menu.name);
-      return (0, _element.createElement)(_components.MenuItem, {
-        onClick: () => {
-          setIsCreatingMenu(true);
-          onSelectClassicMenu(menu);
-          onClose();
-        },
-        key: menu.id,
-        "aria-label": (0, _i18n.sprintf)(createActionLabel, label),
-        disabled: isCreatingMenu
-      }, label);
-    })), canUserCreateNavigationMenu && (0, _element.createElement)(_components.MenuGroup, {
-      label: (0, _i18n.__)('Tools')
-    }, (0, _element.createElement)(_components.MenuItem, {
-      disabled: isCreatingMenu,
-      onClick: () => {
-        onClose();
-        onCreateNew();
-        setIsCreatingMenu(true);
-      }
-    }, (0, _i18n.__)('Create new menu'))));
-  });
+    }, label);
+  })), canUserCreateNavigationMenu && (0, _element.createElement)(_components.MenuGroup, {
+    label: (0, _i18n.__)('Tools')
+  }, (0, _element.createElement)(_components.MenuItem, {
+    disabled: isCreatingMenu,
+    onClick: () => {
+      onClose();
+      onCreateNew();
+      setIsCreatingMenu(true);
+    }
+  }, (0, _i18n.__)('Create new menu')))));
   return NavigationMenuSelectorDropdown;
 }