@wordpress/block-library 5.0.1 → 6.0.1

package/build-module/navigation/edit.js

@@ -9,7 +9,7 @@ import classnames from 'classnames';
  */
 
 import { useState, useEffect, useMemo, useRef, Platform } from '@wordpress/element';
-import { InnerBlocks, __experimentalUseInnerBlocksProps as useInnerBlocksProps, InspectorControls, JustifyToolbar, BlockControls, useBlockProps, store as blockEditorStore, withColors, PanelColorSettings, ContrastChecker, getColorClassName } from '@wordpress/block-editor';
+import { __experimentalUseInnerBlocksProps as useInnerBlocksProps, InspectorControls, JustifyToolbar, BlockControls, useBlockProps, store as blockEditorStore, withColors, PanelColorSettings, ContrastChecker, getColorClassName } from '@wordpress/block-editor';
 import { useDispatch, withSelect, withDispatch } from '@wordpress/data';
 import { PanelBody, ToggleControl, ToolbarGroup } from '@wordpress/components';
 import { compose } from '@wordpress/compose';
@@ -22,7 +22,15 @@ import useBlockNavigator from './use-block-navigator';
 import NavigationPlaceholder from './placeholder';
 import PlaceholderPreview from './placeholder-preview';
 import ResponsiveWrapper from './responsive-wrapper';
-const ALLOWED_BLOCKS = ['core/navigation-link', 'core/search', 'core/social-links', 'core/page-list', 'core/spacer', 'core/home-link'];
+const ALLOWED_BLOCKS = ['core/navigation-link', 'core/search', 'core/social-links', 'core/page-list', 'core/spacer', 'core/home-link', 'core/site-title', 'core/site-logo', 'core/navigation-submenu'];
+const DEFAULT_BLOCK = ['core/navigation-link'];
+
+const DIRECT_INSERT = block => {
+  return block.innerBlocks.every(({
+    name
+  }) => name === 'core/navigation-link' || name === 'core/navigation-submenu');
+};
+
 const LAYOUT = {
   type: 'default',
   alignments: []
@@ -67,9 +75,13 @@ function Navigation({
   setOverlayBackgroundColor,
   overlayTextColor,
   setOverlayTextColor,
+  // These props are used by the navigation editor to override specific
+  // navigation block settings.
   hasSubmenuIndicatorSetting = true,
   hasItemJustificationControls = true,
-  hasColorSettings = true
+  hasColorSettings = true,
+  customPlaceholder: CustomPlaceholder = null,
+  customAppender: CustomAppender = null
 }) {
   const [isPlaceholderShown, setIsPlaceholderShown] = useState(!hasExistingNavItems);
   const [isResponsiveMenuOpen, setResponsiveMenuVisibility] = useState(false);
@@ -97,20 +109,29 @@ function Navigation({
     navigatorToolbarButton,
     navigatorModal
   } = useBlockNavigator(clientId);
-  const placeholder = useMemo(() => createElement(PlaceholderPreview, null), []);
+  const placeholder = useMemo(() => createElement(PlaceholderPreview, null), []); // When the block is selected itself or has a top level item selected that
+  // doesn't itself have children, show the standard appender. Else show no
+  // appender.
+
+  const appender = isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasDescendants ? undefined : false;
   const innerBlocksProps = useInnerBlocksProps({
     className: 'wp-block-navigation__container'
   }, {
     allowedBlocks: ALLOWED_BLOCKS,
-    orientation: attributes.orientation || 'horizontal',
-    renderAppender: isImmediateParentOfSelectedBlock && !selectedBlockHasDescendants || isSelected ? InnerBlocks.DefaultAppender : false,
-    __experimentalCaptureToolbars: true,
+    __experimentalDefaultBlock: DEFAULT_BLOCK,
+    __experimentalDirectInsert: DIRECT_INSERT,
+    orientation: attributes.orientation,
+    renderAppender: CustomAppender || appender,
+    // Ensure block toolbar is not too far removed from item
+    // being edited when in vertical mode.
+    // see: https://github.com/WordPress/gutenberg/pull/34615.
+    __experimentalCaptureToolbars: attributes.orientation !== 'vertical',
     // Template lock set to false here so that the Nav
     // Block on the experimental menus screen does not
     // inherit templateLock={ 'all' }.
     templateLock: false,
     __experimentalLayout: LAYOUT,
-    placeholder
+    placeholder: !CustomPlaceholder ? placeholder : undefined
   }); // Turn on contrast checker for web only since it's not supported on mobile yet.
 
   const enableContrastChecking = Platform.OS === 'web';
@@ -132,7 +153,8 @@ function Navigation({
   });
 
   if (isPlaceholderShown) {
-    return createElement("div", blockProps, createElement(NavigationPlaceholder, {
+    const PlaceholderComponent = CustomPlaceholder ? CustomPlaceholder : NavigationPlaceholder;
+    return createElement("div", blockProps, createElement(PlaceholderComponent, {
       onCreate: (blocks, selectNavigationBlock) => {
         setIsPlaceholderShown(false);
         updateInnerBlocks(blocks);
@@ -158,21 +180,29 @@ function Navigation({
   }), createElement(ToolbarGroup, null, navigatorToolbarButton)), navigatorModal, createElement(InspectorControls, null, hasSubmenuIndicatorSetting && createElement(PanelBody, {
     title: __('Display settings')
   }, createElement(ToggleControl, {
-    checked: attributes.showSubmenuIcon,
+    checked: attributes.isResponsive,
     onChange: value => {
       setAttributes({
-        showSubmenuIcon: value
+        isResponsive: value
       });
     },
-    label: __('Show submenu indicator icons')
+    label: __('Enable responsive menu')
   }), createElement(ToggleControl, {
-    checked: attributes.isResponsive,
+    checked: attributes.openSubmenusOnClick,
     onChange: value => {
       setAttributes({
-        isResponsive: value
+        openSubmenusOnClick: value
       });
     },
-    label: __('Enable responsive menu')
+    label: __('Open submenus on click')
+  }), !attributes.openSubmenusOnClick && createElement(ToggleControl, {
+    checked: attributes.showSubmenuIcon,
+    onChange: value => {
+      setAttributes({
+        showSubmenuIcon: value
+      });
+    },
+    label: __('Show submenu indicator icons')
   })), hasColorSettings && createElement(PanelColorSettings, {
     title: __('Color'),
     initialOpen: false,

package/build-module/navigation/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit.js"],"names":["classnames","useState","useEffect","useMemo","useRef","Platform","InnerBlocks","__experimentalUseInnerBlocksProps","useInnerBlocksProps","InspectorControls","JustifyToolbar","BlockControls","useBlockProps","store","blockEditorStore","withColors","PanelColorSettings","ContrastChecker","getColorClassName","useDispatch","withSelect","withDispatch","PanelBody","ToggleControl","ToolbarGroup","compose","__","useBlockNavigator","NavigationPlaceholder","PlaceholderPreview","ResponsiveWrapper","ALLOWED_BLOCKS","LAYOUT","type","alignments","getComputedStyle","node","ownerDocument","defaultView","detectColors","colorsDetectionElement","setColor","setBackground","color","backgroundColorNode","backgroundColor","parentNode","nodeType","ELEMENT_NODE","Navigation","selectedBlockHasDescendants","attributes","setAttributes","clientId","hasExistingNavItems","isImmediateParentOfSelectedBlock","isSelected","updateInnerBlocks","className","setBackgroundColor","textColor","setTextColor","overlayBackgroundColor","setOverlayBackgroundColor","overlayTextColor","setOverlayTextColor","hasSubmenuIndicatorSetting","hasItemJustificationControls","hasColorSettings","isPlaceholderShown","setIsPlaceholderShown","isResponsiveMenuOpen","setResponsiveMenuVisibility","selectBlock","navRef","blockProps","ref","itemsJustification","orientation","isResponsive","class","slug","style","navigatorToolbarButton","navigatorModal","placeholder","innerBlocksProps","allowedBlocks","renderAppender","DefaultAppender","__experimentalCaptureToolbars","templateLock","__experimentalLayout","enableContrastChecking","OS","detectedBackgroundColor","setDetectedBackgroundColor","detectedColor","setDetectedColor","detectedOverlayBackgroundColor","setDetectedOverlayBackgroundColor","detectedOverlayColor","setDetectedOverlayColor","current","subMenuElement","querySelector","blocks","selectNavigationBlock","justifyAllowedControls","value","position","isAlternate","showSubmenuIcon","onChange","label","select","innerBlocks","getBlocks","getClientIdsOfDescendants","hasSelectedInnerBlock","getSelectedBlockClientId","selectedBlockId","length","dispatch","replaceInnerBlocks"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tPlatform,\n} from '@wordpress/element';\nimport {\n\tInnerBlocks,\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tInspectorControls,\n\tJustifyToolbar,\n\tBlockControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\twithColors,\n\tPanelColorSettings,\n\tContrastChecker,\n\tgetColorClassName,\n} from '@wordpress/block-editor';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport { PanelBody, ToggleControl, ToolbarGroup } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useBlockNavigator from './use-block-navigator';\nimport NavigationPlaceholder from './placeholder';\nimport PlaceholderPreview from './placeholder-preview';\nimport ResponsiveWrapper from './responsive-wrapper';\n\nconst ALLOWED_BLOCKS = [\n\t'core/navigation-link',\n\t'core/search',\n\t'core/social-links',\n\t'core/page-list',\n\t'core/spacer',\n\t'core/home-link',\n];\n\nconst LAYOUT = {\n\ttype: 'default',\n\talignments: [],\n};\n\nfunction getComputedStyle( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\nfunction detectColors( colorsDetectionElement, setColor, setBackground ) {\n\tif ( ! colorsDetectionElement ) {\n\t\treturn;\n\t}\n\tsetColor( getComputedStyle( colorsDetectionElement ).color );\n\n\tlet backgroundColorNode = colorsDetectionElement;\n\tlet backgroundColor = getComputedStyle( backgroundColorNode )\n\t\t.backgroundColor;\n\twhile (\n\t\tbackgroundColor === 'rgba(0, 0, 0, 0)' &&\n\t\tbackgroundColorNode.parentNode &&\n\t\tbackgroundColorNode.parentNode.nodeType ===\n\t\t\tbackgroundColorNode.parentNode.ELEMENT_NODE\n\t) {\n\t\tbackgroundColorNode = backgroundColorNode.parentNode;\n\t\tbackgroundColor = getComputedStyle( backgroundColorNode )\n\t\t\t.backgroundColor;\n\t}\n\n\tsetBackground( backgroundColor );\n}\n\nfunction Navigation( {\n\tselectedBlockHasDescendants,\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\thasExistingNavItems,\n\tisImmediateParentOfSelectedBlock,\n\tisSelected,\n\tupdateInnerBlocks,\n\tclassName,\n\tbackgroundColor,\n\tsetBackgroundColor,\n\ttextColor,\n\tsetTextColor,\n\toverlayBackgroundColor,\n\tsetOverlayBackgroundColor,\n\toverlayTextColor,\n\tsetOverlayTextColor,\n\thasSubmenuIndicatorSetting = true,\n\thasItemJustificationControls = true,\n\thasColorSettings = true,\n} ) {\n\tconst [ isPlaceholderShown, setIsPlaceholderShown ] = useState(\n\t\t! hasExistingNavItems\n\t);\n\tconst [ isResponsiveMenuOpen, setResponsiveMenuVisibility ] = useState(\n\t\tfalse\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst navRef = useRef();\n\n\tconst blockProps = useBlockProps( {\n\t\tref: navRef,\n\t\tclassName: classnames( className, {\n\t\t\t[ `items-justified-${ attributes.itemsJustification }` ]: attributes.itemsJustification,\n\t\t\t'is-vertical': attributes.orientation === 'vertical',\n\t\t\t'is-responsive': attributes.isResponsive,\n\t\t\t'has-text-color': !! textColor.color || !! textColor?.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'color',\n\t\t\t\ttextColor?.slug\n\t\t\t) ]: !! textColor?.slug,\n\t\t\t'has-background': !! backgroundColor.color || backgroundColor.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor?.slug\n\t\t\t) ]: !! backgroundColor?.slug,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: ! textColor?.slug && textColor?.color,\n\t\t\tbackgroundColor: ! backgroundColor?.slug && backgroundColor?.color,\n\t\t},\n\t} );\n\n\tconst { navigatorToolbarButton, navigatorModal } = useBlockNavigator(\n\t\tclientId\n\t);\n\n\tconst placeholder = useMemo( () => <PlaceholderPreview />, [] );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-navigation__container',\n\t\t},\n\t\t{\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\torientation: attributes.orientation || 'horizontal',\n\t\t\trenderAppender:\n\t\t\t\t( isImmediateParentOfSelectedBlock &&\n\t\t\t\t\t! selectedBlockHasDescendants ) ||\n\t\t\t\tisSelected\n\t\t\t\t\t? InnerBlocks.DefaultAppender\n\t\t\t\t\t: false,\n\t\t\t__experimentalCaptureToolbars: true,\n\t\t\t// Template lock set to false here so that the Nav\n\t\t\t// Block on the experimental menus screen does not\n\t\t\t// inherit templateLock={ 'all' }.\n\t\t\ttemplateLock: false,\n\t\t\t__experimentalLayout: LAYOUT,\n\t\t\tplaceholder,\n\t\t}\n\t);\n\n\t// Turn on contrast checker for web only since it's not supported on mobile yet.\n\tconst enableContrastChecking = Platform.OS === 'web';\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedColor, setDetectedColor ] = useState();\n\tconst [\n\t\tdetectedOverlayBackgroundColor,\n\t\tsetDetectedOverlayBackgroundColor,\n\t] = useState();\n\tconst [ detectedOverlayColor, setDetectedOverlayColor ] = useState();\n\n\tuseEffect( () => {\n\t\tif ( ! enableContrastChecking ) {\n\t\t\treturn;\n\t\t}\n\t\tdetectColors(\n\t\t\tnavRef.current,\n\t\t\tsetDetectedColor,\n\t\t\tsetDetectedBackgroundColor\n\t\t);\n\t\tconst subMenuElement = navRef.current.querySelector(\n\t\t\t'[data-type=\"core/navigation-link\"] [data-type=\"core/navigation-link\"]'\n\t\t);\n\t\tif ( subMenuElement ) {\n\t\t\tdetectColors(\n\t\t\t\tsubMenuElement,\n\t\t\t\tsetDetectedOverlayColor,\n\t\t\t\tsetDetectedOverlayBackgroundColor\n\t\t\t);\n\t\t}\n\t} );\n\n\tif ( isPlaceholderShown ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<NavigationPlaceholder\n\t\t\t\t\tonCreate={ ( blocks, selectNavigationBlock ) => {\n\t\t\t\t\t\tsetIsPlaceholderShown( false );\n\t\t\t\t\t\tupdateInnerBlocks( blocks );\n\t\t\t\t\t\tif ( selectNavigationBlock ) {\n\t\t\t\t\t\t\tselectBlock( clientId );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst justifyAllowedControls =\n\t\tattributes.orientation === 'vertical'\n\t\t\t? [ 'left', 'center', 'right' ]\n\t\t\t: [ 'left', 'center', 'right', 'space-between' ];\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t{ hasItemJustificationControls && (\n\t\t\t\t\t<JustifyToolbar\n\t\t\t\t\t\tvalue={ attributes.itemsJustification }\n\t\t\t\t\t\tallowedControls={ justifyAllowedControls }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { itemsJustification: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t\tposition: 'bottom right',\n\t\t\t\t\t\t\tisAlternate: true,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<ToolbarGroup>{ navigatorToolbarButton }</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t{ navigatorModal }\n\t\t\t<InspectorControls>\n\t\t\t\t{ hasSubmenuIndicatorSetting && (\n\t\t\t\t\t<PanelBody title={ __( 'Display settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tchecked={ attributes.showSubmenuIcon }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tshowSubmenuIcon: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ __( 'Show submenu indicator icons' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tchecked={ attributes.isResponsive }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tisResponsive: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ __( 'Enable responsive menu' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t{ hasColorSettings && (\n\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\tcolorSettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: textColor.color,\n\t\t\t\t\t\t\t\tonChange: setTextColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: backgroundColor.color,\n\t\t\t\t\t\t\t\tonChange: setBackgroundColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: overlayTextColor.color,\n\t\t\t\t\t\t\t\tonChange: setOverlayTextColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay text' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: overlayBackgroundColor.color,\n\t\t\t\t\t\t\t\tonChange: setOverlayBackgroundColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay background' ),\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\t\t{ enableContrastChecking && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\tbackgroundColor={ detectedBackgroundColor }\n\t\t\t\t\t\t\t\t\ttextColor={ detectedColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\tbackgroundColor={\n\t\t\t\t\t\t\t\t\t\tdetectedOverlayBackgroundColor\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\ttextColor={ detectedOverlayColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<ResponsiveWrapper\n\t\t\t\t\tid={ clientId }\n\t\t\t\t\tonToggle={ setResponsiveMenuVisibility }\n\t\t\t\t\tisOpen={ isResponsiveMenuOpen }\n\t\t\t\t\tisResponsive={ attributes.isResponsive }\n\t\t\t\t>\n\t\t\t\t\t<div { ...innerBlocksProps }></div>\n\t\t\t\t</ResponsiveWrapper>\n\t\t\t</nav>\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst innerBlocks = select( blockEditorStore ).getBlocks( clientId );\n\t\tconst {\n\t\t\tgetClientIdsOfDescendants,\n\t\t\thasSelectedInnerBlock,\n\t\t\tgetSelectedBlockClientId,\n\t\t} = select( blockEditorStore );\n\t\tconst isImmediateParentOfSelectedBlock = hasSelectedInnerBlock(\n\t\t\tclientId,\n\t\t\tfalse\n\t\t);\n\t\tconst selectedBlockId = getSelectedBlockClientId();\n\t\tconst selectedBlockHasDescendants = !! getClientIdsOfDescendants( [\n\t\t\tselectedBlockId,\n\t\t] )?.length;\n\n\t\treturn {\n\t\t\tisImmediateParentOfSelectedBlock,\n\t\t\tselectedBlockHasDescendants,\n\t\t\thasExistingNavItems: !! innerBlocks.length,\n\n\t\t\t// This prop is already available but computing it here ensures it's\n\t\t\t// fresh compared to isImmediateParentOfSelectedBlock\n\t\t\tisSelected: selectedBlockId === clientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\treturn {\n\t\t\tupdateInnerBlocks( blocks ) {\n\t\t\t\tif ( blocks?.length === 0 ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tdispatch( blockEditorStore ).replaceInnerBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\tblocks,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t} ),\n\twithColors(\n\t\t{ textColor: 'color' },\n\t\t{ backgroundColor: 'color' },\n\t\t{ overlayBackgroundColor: 'color' },\n\t\t{ overlayTextColor: 'color' }\n\t),\n] )( Navigation );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit.js"],"names":["classnames","useState","useEffect","useMemo","useRef","Platform","__experimentalUseInnerBlocksProps","useInnerBlocksProps","InspectorControls","JustifyToolbar","BlockControls","useBlockProps","store","blockEditorStore","withColors","PanelColorSettings","ContrastChecker","getColorClassName","useDispatch","withSelect","withDispatch","PanelBody","ToggleControl","ToolbarGroup","compose","__","useBlockNavigator","NavigationPlaceholder","PlaceholderPreview","ResponsiveWrapper","ALLOWED_BLOCKS","DEFAULT_BLOCK","DIRECT_INSERT","block","innerBlocks","every","name","LAYOUT","type","alignments","getComputedStyle","node","ownerDocument","defaultView","detectColors","colorsDetectionElement","setColor","setBackground","color","backgroundColorNode","backgroundColor","parentNode","nodeType","ELEMENT_NODE","Navigation","selectedBlockHasDescendants","attributes","setAttributes","clientId","hasExistingNavItems","isImmediateParentOfSelectedBlock","isSelected","updateInnerBlocks","className","setBackgroundColor","textColor","setTextColor","overlayBackgroundColor","setOverlayBackgroundColor","overlayTextColor","setOverlayTextColor","hasSubmenuIndicatorSetting","hasItemJustificationControls","hasColorSettings","customPlaceholder","CustomPlaceholder","customAppender","CustomAppender","isPlaceholderShown","setIsPlaceholderShown","isResponsiveMenuOpen","setResponsiveMenuVisibility","selectBlock","navRef","blockProps","ref","itemsJustification","orientation","isResponsive","class","slug","style","navigatorToolbarButton","navigatorModal","placeholder","appender","undefined","innerBlocksProps","allowedBlocks","__experimentalDefaultBlock","__experimentalDirectInsert","renderAppender","__experimentalCaptureToolbars","templateLock","__experimentalLayout","enableContrastChecking","OS","detectedBackgroundColor","setDetectedBackgroundColor","detectedColor","setDetectedColor","detectedOverlayBackgroundColor","setDetectedOverlayBackgroundColor","detectedOverlayColor","setDetectedOverlayColor","current","subMenuElement","querySelector","PlaceholderComponent","blocks","selectNavigationBlock","justifyAllowedControls","value","position","isAlternate","openSubmenusOnClick","showSubmenuIcon","onChange","label","select","getBlocks","getClientIdsOfDescendants","hasSelectedInnerBlock","getSelectedBlockClientId","selectedBlockId","length","dispatch","replaceInnerBlocks"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tPlatform,\n} from '@wordpress/element';\nimport {\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tInspectorControls,\n\tJustifyToolbar,\n\tBlockControls,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\twithColors,\n\tPanelColorSettings,\n\tContrastChecker,\n\tgetColorClassName,\n} from '@wordpress/block-editor';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport { PanelBody, ToggleControl, ToolbarGroup } from '@wordpress/components';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useBlockNavigator from './use-block-navigator';\nimport NavigationPlaceholder from './placeholder';\nimport PlaceholderPreview from './placeholder-preview';\nimport ResponsiveWrapper from './responsive-wrapper';\n\nconst ALLOWED_BLOCKS = [\n\t'core/navigation-link',\n\t'core/search',\n\t'core/social-links',\n\t'core/page-list',\n\t'core/spacer',\n\t'core/home-link',\n\t'core/site-title',\n\t'core/site-logo',\n\t'core/navigation-submenu',\n];\n\nconst DEFAULT_BLOCK = [ 'core/navigation-link' ];\n\nconst DIRECT_INSERT = ( block ) => {\n\treturn block.innerBlocks.every(\n\t\t( { name } ) =>\n\t\t\tname === 'core/navigation-link' ||\n\t\t\tname === 'core/navigation-submenu'\n\t);\n};\n\nconst LAYOUT = {\n\ttype: 'default',\n\talignments: [],\n};\n\nfunction getComputedStyle( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\nfunction detectColors( colorsDetectionElement, setColor, setBackground ) {\n\tif ( ! colorsDetectionElement ) {\n\t\treturn;\n\t}\n\tsetColor( getComputedStyle( colorsDetectionElement ).color );\n\n\tlet backgroundColorNode = colorsDetectionElement;\n\tlet backgroundColor = getComputedStyle( backgroundColorNode )\n\t\t.backgroundColor;\n\twhile (\n\t\tbackgroundColor === 'rgba(0, 0, 0, 0)' &&\n\t\tbackgroundColorNode.parentNode &&\n\t\tbackgroundColorNode.parentNode.nodeType ===\n\t\t\tbackgroundColorNode.parentNode.ELEMENT_NODE\n\t) {\n\t\tbackgroundColorNode = backgroundColorNode.parentNode;\n\t\tbackgroundColor = getComputedStyle( backgroundColorNode )\n\t\t\t.backgroundColor;\n\t}\n\n\tsetBackground( backgroundColor );\n}\n\nfunction Navigation( {\n\tselectedBlockHasDescendants,\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\thasExistingNavItems,\n\tisImmediateParentOfSelectedBlock,\n\tisSelected,\n\tupdateInnerBlocks,\n\tclassName,\n\tbackgroundColor,\n\tsetBackgroundColor,\n\ttextColor,\n\tsetTextColor,\n\toverlayBackgroundColor,\n\tsetOverlayBackgroundColor,\n\toverlayTextColor,\n\tsetOverlayTextColor,\n\n\t// These props are used by the navigation editor to override specific\n\t// navigation block settings.\n\thasSubmenuIndicatorSetting = true,\n\thasItemJustificationControls = true,\n\thasColorSettings = true,\n\tcustomPlaceholder: CustomPlaceholder = null,\n\tcustomAppender: CustomAppender = null,\n} ) {\n\tconst [ isPlaceholderShown, setIsPlaceholderShown ] = useState(\n\t\t! hasExistingNavItems\n\t);\n\tconst [ isResponsiveMenuOpen, setResponsiveMenuVisibility ] = useState(\n\t\tfalse\n\t);\n\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst navRef = useRef();\n\n\tconst blockProps = useBlockProps( {\n\t\tref: navRef,\n\t\tclassName: classnames( className, {\n\t\t\t[ `items-justified-${ attributes.itemsJustification }` ]: attributes.itemsJustification,\n\t\t\t'is-vertical': attributes.orientation === 'vertical',\n\t\t\t'is-responsive': attributes.isResponsive,\n\t\t\t'has-text-color': !! textColor.color || !! textColor?.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'color',\n\t\t\t\ttextColor?.slug\n\t\t\t) ]: !! textColor?.slug,\n\t\t\t'has-background': !! backgroundColor.color || backgroundColor.class,\n\t\t\t[ getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor?.slug\n\t\t\t) ]: !! backgroundColor?.slug,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: ! textColor?.slug && textColor?.color,\n\t\t\tbackgroundColor: ! backgroundColor?.slug && backgroundColor?.color,\n\t\t},\n\t} );\n\n\tconst { navigatorToolbarButton, navigatorModal } = useBlockNavigator(\n\t\tclientId\n\t);\n\n\tconst placeholder = useMemo( () => <PlaceholderPreview />, [] );\n\n\t// When the block is selected itself or has a top level item selected that\n\t// doesn't itself have children, show the standard appender. Else show no\n\t// appender.\n\tconst appender =\n\t\tisSelected ||\n\t\t( isImmediateParentOfSelectedBlock && ! selectedBlockHasDescendants )\n\t\t\t? undefined\n\t\t\t: false;\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-navigation__container',\n\t\t},\n\t\t{\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\t__experimentalDefaultBlock: DEFAULT_BLOCK,\n\t\t\t__experimentalDirectInsert: DIRECT_INSERT,\n\t\t\torientation: attributes.orientation,\n\t\t\trenderAppender: CustomAppender || appender,\n\n\t\t\t// Ensure block toolbar is not too far removed from item\n\t\t\t// being edited when in vertical mode.\n\t\t\t// see: https://github.com/WordPress/gutenberg/pull/34615.\n\t\t\t__experimentalCaptureToolbars:\n\t\t\t\tattributes.orientation !== 'vertical',\n\t\t\t// Template lock set to false here so that the Nav\n\t\t\t// Block on the experimental menus screen does not\n\t\t\t// inherit templateLock={ 'all' }.\n\t\t\ttemplateLock: false,\n\t\t\t__experimentalLayout: LAYOUT,\n\t\t\tplaceholder: ! CustomPlaceholder ? placeholder : undefined,\n\t\t}\n\t);\n\n\t// Turn on contrast checker for web only since it's not supported on mobile yet.\n\tconst enableContrastChecking = Platform.OS === 'web';\n\n\tconst [ detectedBackgroundColor, setDetectedBackgroundColor ] = useState();\n\tconst [ detectedColor, setDetectedColor ] = useState();\n\tconst [\n\t\tdetectedOverlayBackgroundColor,\n\t\tsetDetectedOverlayBackgroundColor,\n\t] = useState();\n\tconst [ detectedOverlayColor, setDetectedOverlayColor ] = useState();\n\n\tuseEffect( () => {\n\t\tif ( ! enableContrastChecking ) {\n\t\t\treturn;\n\t\t}\n\t\tdetectColors(\n\t\t\tnavRef.current,\n\t\t\tsetDetectedColor,\n\t\t\tsetDetectedBackgroundColor\n\t\t);\n\t\tconst subMenuElement = navRef.current.querySelector(\n\t\t\t'[data-type=\"core/navigation-link\"] [data-type=\"core/navigation-link\"]'\n\t\t);\n\t\tif ( subMenuElement ) {\n\t\t\tdetectColors(\n\t\t\t\tsubMenuElement,\n\t\t\t\tsetDetectedOverlayColor,\n\t\t\t\tsetDetectedOverlayBackgroundColor\n\t\t\t);\n\t\t}\n\t} );\n\n\tif ( isPlaceholderShown ) {\n\t\tconst PlaceholderComponent = CustomPlaceholder\n\t\t\t? CustomPlaceholder\n\t\t\t: NavigationPlaceholder;\n\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<PlaceholderComponent\n\t\t\t\t\tonCreate={ ( blocks, selectNavigationBlock ) => {\n\t\t\t\t\t\tsetIsPlaceholderShown( false );\n\t\t\t\t\t\tupdateInnerBlocks( blocks );\n\t\t\t\t\t\tif ( selectNavigationBlock ) {\n\t\t\t\t\t\t\tselectBlock( clientId );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst justifyAllowedControls =\n\t\tattributes.orientation === 'vertical'\n\t\t\t? [ 'left', 'center', 'right' ]\n\t\t\t: [ 'left', 'center', 'right', 'space-between' ];\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t{ hasItemJustificationControls && (\n\t\t\t\t\t<JustifyToolbar\n\t\t\t\t\t\tvalue={ attributes.itemsJustification }\n\t\t\t\t\t\tallowedControls={ justifyAllowedControls }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { itemsJustification: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t\tposition: 'bottom right',\n\t\t\t\t\t\t\tisAlternate: true,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t<ToolbarGroup>{ navigatorToolbarButton }</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t{ navigatorModal }\n\t\t\t<InspectorControls>\n\t\t\t\t{ hasSubmenuIndicatorSetting && (\n\t\t\t\t\t<PanelBody title={ __( 'Display settings' ) }>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tchecked={ attributes.isResponsive }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tisResponsive: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ __( 'Enable responsive menu' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tchecked={ attributes.openSubmenusOnClick }\n\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\topenSubmenusOnClick: value,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ __( 'Open submenus on click' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! attributes.openSubmenusOnClick && (\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tchecked={ attributes.showSubmenuIcon }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tshowSubmenuIcon: value,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tlabel={ __( 'Show submenu indicator icons' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t\t{ hasColorSettings && (\n\t\t\t\t\t<PanelColorSettings\n\t\t\t\t\t\ttitle={ __( 'Color' ) }\n\t\t\t\t\t\tinitialOpen={ false }\n\t\t\t\t\t\tcolorSettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: textColor.color,\n\t\t\t\t\t\t\t\tonChange: setTextColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Text' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: backgroundColor.color,\n\t\t\t\t\t\t\t\tonChange: setBackgroundColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Background' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: overlayTextColor.color,\n\t\t\t\t\t\t\t\tonChange: setOverlayTextColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay text' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: overlayBackgroundColor.color,\n\t\t\t\t\t\t\t\tonChange: setOverlayBackgroundColor,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay background' ),\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\t\t{ enableContrastChecking && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\tbackgroundColor={ detectedBackgroundColor }\n\t\t\t\t\t\t\t\t\ttextColor={ detectedColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\tbackgroundColor={\n\t\t\t\t\t\t\t\t\t\tdetectedOverlayBackgroundColor\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\ttextColor={ detectedOverlayColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</PanelColorSettings>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<ResponsiveWrapper\n\t\t\t\t\tid={ clientId }\n\t\t\t\t\tonToggle={ setResponsiveMenuVisibility }\n\t\t\t\t\tisOpen={ isResponsiveMenuOpen }\n\t\t\t\t\tisResponsive={ attributes.isResponsive }\n\t\t\t\t>\n\t\t\t\t\t<div { ...innerBlocksProps }></div>\n\t\t\t\t</ResponsiveWrapper>\n\t\t\t</nav>\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst innerBlocks = select( blockEditorStore ).getBlocks( clientId );\n\t\tconst {\n\t\t\tgetClientIdsOfDescendants,\n\t\t\thasSelectedInnerBlock,\n\t\t\tgetSelectedBlockClientId,\n\t\t} = select( blockEditorStore );\n\t\tconst isImmediateParentOfSelectedBlock = hasSelectedInnerBlock(\n\t\t\tclientId,\n\t\t\tfalse\n\t\t);\n\t\tconst selectedBlockId = getSelectedBlockClientId();\n\t\tconst selectedBlockHasDescendants = !! getClientIdsOfDescendants( [\n\t\t\tselectedBlockId,\n\t\t] )?.length;\n\n\t\treturn {\n\t\t\tisImmediateParentOfSelectedBlock,\n\t\t\tselectedBlockHasDescendants,\n\t\t\thasExistingNavItems: !! innerBlocks.length,\n\n\t\t\t// This prop is already available but computing it here ensures it's\n\t\t\t// fresh compared to isImmediateParentOfSelectedBlock\n\t\t\tisSelected: selectedBlockId === clientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\treturn {\n\t\t\tupdateInnerBlocks( blocks ) {\n\t\t\t\tif ( blocks?.length === 0 ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tdispatch( blockEditorStore ).replaceInnerBlocks(\n\t\t\t\t\tclientId,\n\t\t\t\t\tblocks,\n\t\t\t\t\ttrue\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t} ),\n\twithColors(\n\t\t{ textColor: 'color' },\n\t\t{ backgroundColor: 'color' },\n\t\t{ overlayBackgroundColor: 'color' },\n\t\t{ overlayTextColor: 'color' }\n\t),\n] )( Navigation );\n"]}

package/build-module/navigation/index.js

@@ -17,7 +17,8 @@ const metadata = {
   textdomain: "default",
   attributes: {
     orientation: {
-      type: "string"
+      type: "string",
+      "default": "horizontal"
     },
     textColor: {
       type: "string"
@@ -44,6 +45,10 @@ const metadata = {
       type: "boolean",
       "default": true
     },
+    openSubmenusOnClick: {
+      type: "boolean",
+      "default": false
+    },
     isResponsive: {
       type: "boolean",
       "default": false
@@ -76,6 +81,7 @@ const metadata = {
     fontSize: "fontSize",
     customFontSize: "customFontSize",
     showSubmenuIcon: "showSubmenuIcon",
+    openSubmenusOnClick: "openSubmenusOnClick",
     style: "style",
     orientation: "orientation"
   },

package/build-module/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/index.js"],"names":["__","navigation","icon","edit","save","deprecated","variations","name","metadata","settings","example","innerBlocks","attributes","label","url"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAU,IAAIC,IAAvB,QAAmC,kBAAnC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBI,EAAAA,UAFuB;AAGvBI,EAAAA,OAAO,EAAE;AACRC,IAAAA,WAAW,EAAE,CACZ;AACCJ,MAAAA,IAAI,EAAE,sBADP;AAECK,MAAAA,UAAU,EAAE;AACX;AACAC,QAAAA,KAAK,EAAEb,EAAE,CAAE,MAAF,CAFE;AAGXc,QAAAA,GAAG,EAAE;AAHM;AAFb,KADY,EASZ;AACCP,MAAAA,IAAI,EAAE,sBADP;AAECK,MAAAA,UAAU,EAAE;AACX;AACAC,QAAAA,KAAK,EAAEb,EAAE,CAAE,OAAF,CAFE;AAGXc,QAAAA,GAAG,EAAE;AAHM;AAFb,KATY,EAiBZ;AACCP,MAAAA,IAAI,EAAE,sBADP;AAECK,MAAAA,UAAU,EAAE;AACX;AACAC,QAAAA,KAAK,EAAEb,EAAE,CAAE,SAAF,CAFE;AAGXc,QAAAA,GAAG,EAAE;AAHM;AAFb,KAjBY;AADL,GAHc;AA+BvBX,EAAAA,IA/BuB;AAgCvBC,EAAAA,IAhCuB;AAiCvBC,EAAAA;AAjCuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { navigation as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport deprecated from './deprecated';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tvariations,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Home' as in a website's home page.\n\t\t\t\t\tlabel: __( 'Home' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'About' as in a website's about page.\n\t\t\t\t\tlabel: __( 'About' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Contact' as in a website's contact page.\n\t\t\t\t\tlabel: __( 'Contact' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tedit,\n\tsave,\n\tdeprecated,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/index.js"],"names":["__","navigation","icon","edit","save","deprecated","variations","name","metadata","settings","example","innerBlocks","attributes","label","url"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAU,IAAIC,IAAvB,QAAmC,kBAAnC;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBI,EAAAA,UAFuB;AAGvBI,EAAAA,OAAO,EAAE;AACRC,IAAAA,WAAW,EAAE,CACZ;AACCJ,MAAAA,IAAI,EAAE,sBADP;AAECK,MAAAA,UAAU,EAAE;AACX;AACAC,QAAAA,KAAK,EAAEb,EAAE,CAAE,MAAF,CAFE;AAGXc,QAAAA,GAAG,EAAE;AAHM;AAFb,KADY,EASZ;AACCP,MAAAA,IAAI,EAAE,sBADP;AAECK,MAAAA,UAAU,EAAE;AACX;AACAC,QAAAA,KAAK,EAAEb,EAAE,CAAE,OAAF,CAFE;AAGXc,QAAAA,GAAG,EAAE;AAHM;AAFb,KATY,EAiBZ;AACCP,MAAAA,IAAI,EAAE,sBADP;AAECK,MAAAA,UAAU,EAAE;AACX;AACAC,QAAAA,KAAK,EAAEb,EAAE,CAAE,SAAF,CAFE;AAGXc,QAAAA,GAAG,EAAE;AAHM;AAFb,KAjBY;AADL,GAHc;AA+BvBX,EAAAA,IA/BuB;AAgCvBC,EAAAA,IAhCuB;AAiCvBC,EAAAA;AAjCuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { navigation as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport deprecated from './deprecated';\nimport variations from './variations';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tvariations,\n\texample: {\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Home' as in a website's home page.\n\t\t\t\t\tlabel: __( 'Home' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'About' as in a website's about page.\n\t\t\t\t\tlabel: __( 'About' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'core/navigation-link',\n\t\t\t\tattributes: {\n\t\t\t\t\t// translators: 'Contact' as in a website's contact page.\n\t\t\t\t\tlabel: __( 'Contact' ),\n\t\t\t\t\turl: 'https://make.wordpress.org/',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\tedit,\n\tsave,\n\tdeprecated,\n};\n"]}

package/build-module/navigation/menu-items-to-blocks.js

@@ -35,7 +35,7 @@ function mapMenuItemsToBlocks(menuItems) {
 
   const sortedItems = sortBy(menuItems, 'menu_order');
   const innerBlocks = sortedItems.map(menuItem => {
-    var _menuItem$children;
+    var _menuItem$children, _menuItem$children2;
 
     if (menuItem.type === 'block') {
       const [block] = parse(menuItem.content.raw);
@@ -60,9 +60,10 @@ function mapMenuItemsToBlocks(menuItems) {
 
     mapping = { ...mapping,
       ...nestedMapping
-    }; // Create block with nested "innerBlocks".
+    };
+    const blockType = (_menuItem$children2 = menuItem.children) !== null && _menuItem$children2 !== void 0 && _menuItem$children2.length ? 'core/navigation-submenu' : 'core/navigation-link'; // Create block with nested "innerBlocks".
 
-    const block = createBlock('core/navigation-link', attributes, nestedBlocks); // Create mapping for menuItem -> block
+    const block = createBlock(blockType, attributes, nestedBlocks); // Create mapping for menuItem -> block
 
     mapping[menuItem.id] = block.clientId;
     return block;
@@ -178,10 +179,10 @@ function createDataTree(dataset, id = 'id', relation = 'parent') {
     hashTable[data[id]] = { ...data,
       children: []
     };
-  }
 
-  for (const data of dataset) {
     if (data[relation]) {
+      hashTable[data[relation]] = hashTable[data[relation]] || {};
+      hashTable[data[relation]].children = hashTable[data[relation]].children || [];
       hashTable[data[relation]].children.push(hashTable[data[id]]);
     } else {
       dataTree.push(hashTable[data[id]]);

package/build-module/navigation/menu-items-to-blocks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/menu-items-to-blocks.js"],"names":["sortBy","createBlock","parse","menuItemsToBlocks","menuItems","menuTree","createDataTree","mapMenuItemsToBlocks","mapping","sortedItems","innerBlocks","map","menuItem","type","block","content","raw","attributes","menuItemToBlockAttributes","nestedBlocks","nestedMapping","children","length","id","clientId","title","menuItemTitleField","xfn","classes","attr_title","object","object_id","description","url","menuItemTypeField","target","label","rendered","kind","replace","join","trim","rel","className","opensInNewTab","dataset","relation","hashTable","Object","create","dataTree","data","push"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { sortBy } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock, parse } from '@wordpress/blocks';\n\n/**\n * Convert a flat menu item structure to a nested blocks structure.\n *\n * @param {Object[]} menuItems An array of menu items.\n *\n * @return {WPBlock[]} An array of blocks.\n */\nexport default function menuItemsToBlocks( menuItems ) {\n\tif ( ! menuItems ) {\n\t\treturn null;\n\t}\n\n\tconst menuTree = createDataTree( menuItems );\n\treturn mapMenuItemsToBlocks( menuTree );\n}\n\n/**\n * A recursive function that maps menu item nodes to blocks.\n *\n * @param {WPNavMenuItem[]} menuItems An array of WPNavMenuItem items.\n * @return {Object} Object containing innerBlocks and mapping.\n */\nfunction mapMenuItemsToBlocks( menuItems ) {\n\tlet mapping = {};\n\n\t// The menuItem should be in menu_order sort order.\n\tconst sortedItems = sortBy( menuItems, 'menu_order' );\n\n\tconst innerBlocks = sortedItems.map( ( menuItem ) => {\n\t\tif ( menuItem.type === 'block' ) {\n\t\t\tconst [ block ] = parse( menuItem.content.raw );\n\n\t\t\tif ( ! block ) {\n\t\t\t\treturn createBlock( 'core/freeform', {\n\t\t\t\t\tcontent: menuItem.content,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn block;\n\t\t}\n\n\t\tconst attributes = menuItemToBlockAttributes( menuItem );\n\n\t\t// If there are children recurse to build those nested blocks.\n\t\tconst {\n\t\t\tinnerBlocks: nestedBlocks = [], // alias to avoid shadowing\n\t\t\tmapping: nestedMapping = {}, // alias to avoid shadowing\n\t\t} = menuItem.children?.length\n\t\t\t? mapMenuItemsToBlocks( menuItem.children )\n\t\t\t: {};\n\n\t\t// Update parent mapping with nested mapping.\n\t\tmapping = {\n\t\t\t...mapping,\n\t\t\t...nestedMapping,\n\t\t};\n\n\t\t// Create block with nested \"innerBlocks\".\n\t\tconst block = createBlock(\n\t\t\t'core/navigation-link',\n\t\t\tattributes,\n\t\t\tnestedBlocks\n\t\t);\n\n\t\t// Create mapping for menuItem -> block\n\t\tmapping[ menuItem.id ] = block.clientId;\n\n\t\treturn block;\n\t} );\n\n\treturn {\n\t\tinnerBlocks,\n\t\tmapping,\n\t};\n}\n\n/**\n * A WP nav_menu_item object.\n * For more documentation on the individual fields present on a menu item please see:\n * https://core.trac.wordpress.org/browser/tags/5.7.1/src/wp-includes/nav-menu.php#L789\n *\n * Changes made here should also be mirrored in packages/edit-navigation/src/store/utils.js.\n *\n * @typedef WPNavMenuItem\n *\n * @property {Object} title       stores the raw and rendered versions of the title/label for this menu item.\n * @property {Array}  xfn         the XFN relationships expressed in the link of this menu item.\n * @property {Array}  classes     the HTML class attributes for this menu item.\n * @property {string} attr_title  the HTML title attribute for this menu item.\n * @property {string} object      The type of object originally represented, such as 'category', 'post', or 'attachment'.\n * @property {string} object_id   The DB ID of the original object this menu item represents, e.g. ID for posts and term_id for categories.\n * @property {string} description The description of this menu item.\n * @property {string} url         The URL to which this menu item points.\n * @property {string} type        The family of objects originally represented, such as 'post_type' or 'taxonomy'.\n * @property {string} target      The target attribute of the link element for this menu item.\n */\n\n/**\n * Convert block attributes to menu item.\n *\n * @param {WPNavMenuItem} menuItem the menu item to be converted to block attributes.\n * @return {Object} the block attributes converted from the WPNavMenuItem item.\n */\nfunction menuItemToBlockAttributes( {\n\ttitle: menuItemTitleField,\n\txfn,\n\tclasses,\n\t// eslint-disable-next-line camelcase\n\tattr_title,\n\tobject,\n\t// eslint-disable-next-line camelcase\n\tobject_id,\n\tdescription,\n\turl,\n\ttype: menuItemTypeField,\n\ttarget,\n} ) {\n\t// For historical reasons, the `core/navigation-link` variation type is `tag`\n\t// whereas WP Core expects `post_tag` as the `object` type.\n\t// To avoid writing a block migration we perform a conversion here.\n\t// See also inverse equivalent in `blockAttributesToMenuItem`.\n\tif ( object && object === 'post_tag' ) {\n\t\tobject = 'tag';\n\t}\n\n\treturn {\n\t\tlabel: menuItemTitleField?.rendered || '',\n\t\t...( object?.length && {\n\t\t\ttype: object,\n\t\t} ),\n\t\tkind: menuItemTypeField?.replace( '_', '-' ) || 'custom',\n\t\turl: url || '',\n\t\t...( xfn?.length &&\n\t\t\txfn.join( ' ' ).trim() && {\n\t\t\t\trel: xfn.join( ' ' ).trim(),\n\t\t\t} ),\n\t\t...( classes?.length &&\n\t\t\tclasses.join( ' ' ).trim() && {\n\t\t\t\tclassName: classes.join( ' ' ).trim(),\n\t\t\t} ),\n\t\t...( attr_title?.length && {\n\t\t\ttitle: attr_title,\n\t\t} ),\n\t\t// eslint-disable-next-line camelcase\n\t\t...( object_id &&\n\t\t\t'custom' !== object && {\n\t\t\t\tid: object_id,\n\t\t\t} ),\n\t\t...( description?.length && {\n\t\t\tdescription,\n\t\t} ),\n\t\t...( target === '_blank' && {\n\t\t\topensInNewTab: true,\n\t\t} ),\n\t};\n}\n\n/**\n * Creates a nested, hierarchical tree representation from unstructured data that\n * has an inherent relationship defined between individual items.\n *\n * For example, by default, each element in the dataset should have an `id` and\n * `parent` property where the `parent` property indicates a relationship between\n * the current item and another item with a matching `id` properties.\n *\n * This is useful for building linked lists of data from flat data structures.\n *\n * @param {Array}  dataset  linked data to be rearranged into a hierarchical tree based on relational fields.\n * @param {string} id       the property which uniquely identifies each entry within the array.\n * @param {*}      relation the property which identifies how the current item is related to other items in the data (if at all).\n * @return {Array} a nested array of parent/child relationships\n */\nfunction createDataTree( dataset, id = 'id', relation = 'parent' ) {\n\tconst hashTable = Object.create( null );\n\tconst dataTree = [];\n\n\tfor ( const data of dataset ) {\n\t\thashTable[ data[ id ] ] = {\n\t\t\t...data,\n\t\t\tchildren: [],\n\t\t};\n\t}\n\tfor ( const data of dataset ) {\n\t\tif ( data[ relation ] ) {\n\t\t\thashTable[ data[ relation ] ].children.push(\n\t\t\t\thashTable[ data[ id ] ]\n\t\t\t);\n\t\t} else {\n\t\t\tdataTree.push( hashTable[ data[ id ] ] );\n\t\t}\n\t}\n\n\treturn dataTree;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/menu-items-to-blocks.js"],"names":["sortBy","createBlock","parse","menuItemsToBlocks","menuItems","menuTree","createDataTree","mapMenuItemsToBlocks","mapping","sortedItems","innerBlocks","map","menuItem","type","block","content","raw","attributes","menuItemToBlockAttributes","nestedBlocks","nestedMapping","children","length","blockType","id","clientId","title","menuItemTitleField","xfn","classes","attr_title","object","object_id","description","url","menuItemTypeField","target","label","rendered","kind","replace","join","trim","rel","className","opensInNewTab","dataset","relation","hashTable","Object","create","dataTree","data","push"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { sortBy } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock, parse } from '@wordpress/blocks';\n\n/**\n * Convert a flat menu item structure to a nested blocks structure.\n *\n * @param {Object[]} menuItems An array of menu items.\n *\n * @return {WPBlock[]} An array of blocks.\n */\nexport default function menuItemsToBlocks( menuItems ) {\n\tif ( ! menuItems ) {\n\t\treturn null;\n\t}\n\n\tconst menuTree = createDataTree( menuItems );\n\treturn mapMenuItemsToBlocks( menuTree );\n}\n\n/**\n * A recursive function that maps menu item nodes to blocks.\n *\n * @param {WPNavMenuItem[]} menuItems An array of WPNavMenuItem items.\n * @return {Object} Object containing innerBlocks and mapping.\n */\nfunction mapMenuItemsToBlocks( menuItems ) {\n\tlet mapping = {};\n\n\t// The menuItem should be in menu_order sort order.\n\tconst sortedItems = sortBy( menuItems, 'menu_order' );\n\n\tconst innerBlocks = sortedItems.map( ( menuItem ) => {\n\t\tif ( menuItem.type === 'block' ) {\n\t\t\tconst [ block ] = parse( menuItem.content.raw );\n\n\t\t\tif ( ! block ) {\n\t\t\t\treturn createBlock( 'core/freeform', {\n\t\t\t\t\tcontent: menuItem.content,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn block;\n\t\t}\n\n\t\tconst attributes = menuItemToBlockAttributes( menuItem );\n\n\t\t// If there are children recurse to build those nested blocks.\n\t\tconst {\n\t\t\tinnerBlocks: nestedBlocks = [], // alias to avoid shadowing\n\t\t\tmapping: nestedMapping = {}, // alias to avoid shadowing\n\t\t} = menuItem.children?.length\n\t\t\t? mapMenuItemsToBlocks( menuItem.children )\n\t\t\t: {};\n\n\t\t// Update parent mapping with nested mapping.\n\t\tmapping = {\n\t\t\t...mapping,\n\t\t\t...nestedMapping,\n\t\t};\n\n\t\tconst blockType = menuItem.children?.length\n\t\t\t? 'core/navigation-submenu'\n\t\t\t: 'core/navigation-link';\n\n\t\t// Create block with nested \"innerBlocks\".\n\t\tconst block = createBlock( blockType, attributes, nestedBlocks );\n\n\t\t// Create mapping for menuItem -> block\n\t\tmapping[ menuItem.id ] = block.clientId;\n\n\t\treturn block;\n\t} );\n\n\treturn {\n\t\tinnerBlocks,\n\t\tmapping,\n\t};\n}\n\n/**\n * A WP nav_menu_item object.\n * For more documentation on the individual fields present on a menu item please see:\n * https://core.trac.wordpress.org/browser/tags/5.7.1/src/wp-includes/nav-menu.php#L789\n *\n * Changes made here should also be mirrored in packages/edit-navigation/src/store/utils.js.\n *\n * @typedef WPNavMenuItem\n *\n * @property {Object} title       stores the raw and rendered versions of the title/label for this menu item.\n * @property {Array}  xfn         the XFN relationships expressed in the link of this menu item.\n * @property {Array}  classes     the HTML class attributes for this menu item.\n * @property {string} attr_title  the HTML title attribute for this menu item.\n * @property {string} object      The type of object originally represented, such as 'category', 'post', or 'attachment'.\n * @property {string} object_id   The DB ID of the original object this menu item represents, e.g. ID for posts and term_id for categories.\n * @property {string} description The description of this menu item.\n * @property {string} url         The URL to which this menu item points.\n * @property {string} type        The family of objects originally represented, such as 'post_type' or 'taxonomy'.\n * @property {string} target      The target attribute of the link element for this menu item.\n */\n\n/**\n * Convert block attributes to menu item.\n *\n * @param {WPNavMenuItem} menuItem the menu item to be converted to block attributes.\n * @return {Object} the block attributes converted from the WPNavMenuItem item.\n */\nfunction menuItemToBlockAttributes( {\n\ttitle: menuItemTitleField,\n\txfn,\n\tclasses,\n\t// eslint-disable-next-line camelcase\n\tattr_title,\n\tobject,\n\t// eslint-disable-next-line camelcase\n\tobject_id,\n\tdescription,\n\turl,\n\ttype: menuItemTypeField,\n\ttarget,\n} ) {\n\t// For historical reasons, the `core/navigation-link` variation type is `tag`\n\t// whereas WP Core expects `post_tag` as the `object` type.\n\t// To avoid writing a block migration we perform a conversion here.\n\t// See also inverse equivalent in `blockAttributesToMenuItem`.\n\tif ( object && object === 'post_tag' ) {\n\t\tobject = 'tag';\n\t}\n\n\treturn {\n\t\tlabel: menuItemTitleField?.rendered || '',\n\t\t...( object?.length && {\n\t\t\ttype: object,\n\t\t} ),\n\t\tkind: menuItemTypeField?.replace( '_', '-' ) || 'custom',\n\t\turl: url || '',\n\t\t...( xfn?.length &&\n\t\t\txfn.join( ' ' ).trim() && {\n\t\t\t\trel: xfn.join( ' ' ).trim(),\n\t\t\t} ),\n\t\t...( classes?.length &&\n\t\t\tclasses.join( ' ' ).trim() && {\n\t\t\t\tclassName: classes.join( ' ' ).trim(),\n\t\t\t} ),\n\t\t...( attr_title?.length && {\n\t\t\ttitle: attr_title,\n\t\t} ),\n\t\t// eslint-disable-next-line camelcase\n\t\t...( object_id &&\n\t\t\t'custom' !== object && {\n\t\t\t\tid: object_id,\n\t\t\t} ),\n\t\t...( description?.length && {\n\t\t\tdescription,\n\t\t} ),\n\t\t...( target === '_blank' && {\n\t\t\topensInNewTab: true,\n\t\t} ),\n\t};\n}\n\n/**\n * Creates a nested, hierarchical tree representation from unstructured data that\n * has an inherent relationship defined between individual items.\n *\n * For example, by default, each element in the dataset should have an `id` and\n * `parent` property where the `parent` property indicates a relationship between\n * the current item and another item with a matching `id` properties.\n *\n * This is useful for building linked lists of data from flat data structures.\n *\n * @param {Array}  dataset  linked data to be rearranged into a hierarchical tree based on relational fields.\n * @param {string} id       the property which uniquely identifies each entry within the array.\n * @param {*}      relation the property which identifies how the current item is related to other items in the data (if at all).\n * @return {Array} a nested array of parent/child relationships\n */\nfunction createDataTree( dataset, id = 'id', relation = 'parent' ) {\n\tconst hashTable = Object.create( null );\n\tconst dataTree = [];\n\n\tfor ( const data of dataset ) {\n\t\thashTable[ data[ id ] ] = {\n\t\t\t...data,\n\t\t\tchildren: [],\n\t\t};\n\t\tif ( data[ relation ] ) {\n\t\t\thashTable[ data[ relation ] ] = hashTable[ data[ relation ] ] || {};\n\t\t\thashTable[ data[ relation ] ].children =\n\t\t\t\thashTable[ data[ relation ] ].children || [];\n\t\t\thashTable[ data[ relation ] ].children.push(\n\t\t\t\thashTable[ data[ id ] ]\n\t\t\t);\n\t\t} else {\n\t\t\tdataTree.push( hashTable[ data[ id ] ] );\n\t\t}\n\t}\n\n\treturn dataTree;\n}\n"]}

package/build-module/navigation/placeholder-preview.js

@@ -9,11 +9,11 @@ const PlaceholderPreview = () => {
   return createElement("ul", {
     className: "wp-block-navigation-placeholder__preview wp-block-navigation__container"
   }, createElement("li", {
-    className: "wp-block-navigation-link"
+    className: "wp-block-navigation-item"
   }, "\u200B"), createElement("li", {
-    className: "wp-block-navigation-link"
+    className: "wp-block-navigation-item"
   }, "\u200B"), createElement("li", {
-    className: "wp-block-navigation-link"
+    className: "wp-block-navigation-item"
   }, "\u200B"), createElement("li", {
     className: "wp-block-navigation-placeholder__preview-search-icon"
   }, createElement(Icon, {

package/build-module/navigation/placeholder-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/placeholder-preview.js"],"names":["Icon","search","PlaceholderPreview"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,MAAf,QAA6B,kBAA7B;;AAEA,MAAMC,kBAAkB,GAAG,MAAM;AAChC,SACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,cADD,EAEC;AAAI,IAAA,SAAS,EAAC;AAAd,cAFD,EAGC;AAAI,IAAA,SAAS,EAAC;AAAd,cAHD,EAIC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGD;AAAb,IADD,CAJD,CADD;AAUA,CAXD;;AAaA,eAAeC,kBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, search } from '@wordpress/icons';\n\nconst PlaceholderPreview = () => {\n\treturn (\n\t\t<ul className=\"wp-block-navigation-placeholder__preview wp-block-navigation__container\">\n\t\t\t<li className=\"wp-block-navigation-link\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-link\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-link\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-placeholder__preview-search-icon\">\n\t\t\t\t<Icon icon={ search } />\n\t\t\t</li>\n\t\t</ul>\n\t);\n};\n\nexport default PlaceholderPreview;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/placeholder-preview.js"],"names":["Icon","search","PlaceholderPreview"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,MAAf,QAA6B,kBAA7B;;AAEA,MAAMC,kBAAkB,GAAG,MAAM;AAChC,SACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,cADD,EAEC;AAAI,IAAA,SAAS,EAAC;AAAd,cAFD,EAGC;AAAI,IAAA,SAAS,EAAC;AAAd,cAHD,EAIC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGD;AAAb,IADD,CAJD,CADD;AAUA,CAXD;;AAaA,eAAeC,kBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, search } from '@wordpress/icons';\n\nconst PlaceholderPreview = () => {\n\treturn (\n\t\t<ul className=\"wp-block-navigation-placeholder__preview wp-block-navigation__container\">\n\t\t\t<li className=\"wp-block-navigation-item\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-item\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-item\">&#8203;</li>\n\t\t\t<li className=\"wp-block-navigation-placeholder__preview-search-icon\">\n\t\t\t\t<Icon icon={ search } />\n\t\t\t</li>\n\t\t</ul>\n\t);\n};\n\nexport default PlaceholderPreview;\n"]}

package/build-module/navigation/placeholder.js

@@ -37,7 +37,7 @@ function NavigationPlaceholder({
     } = menuItemsToBlocks(menuItems);
     const selectNavigationBlock = true;
     onCreate(blocks, selectNavigationBlock);
-  });
+  }, [menuItems, menuItemsToBlocks, onCreate]);
 
   const onCreateFromMenu = () => {
     // If we have menu items, create the block right away.

package/build-module/navigation/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/placeholder.js"],"names":["createBlock","Placeholder","Button","DropdownMenu","MenuGroup","MenuItem","Spinner","forwardRef","useCallback","useState","useEffect","__","navigation","chevronDown","Icon","useNavigationEntities","PlaceholderPreview","menuItemsToBlocks","NavigationPlaceholder","onCreate","ref","selectedMenu","setSelectedMenu","isCreatingFromMenu","setIsCreatingFromMenu","isResolvingPages","menus","isResolvingMenus","menuItems","hasResolvedMenuItems","hasPages","hasMenus","isLoading","createFromMenu","innerBlocks","blocks","selectNavigationBlock","onCreateFromMenu","onCreateEmptyMenu","onCreateAllPages","block","toggleProps","variant","className","onClose","map","menu","id","name","undefined"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tPlaceholder,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tSpinner,\n} from '@wordpress/components';\n\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseState,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { navigation, chevronDown, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useNavigationEntities from './use-navigation-entities';\nimport PlaceholderPreview from './placeholder-preview';\nimport menuItemsToBlocks from './menu-items-to-blocks';\n\nfunction NavigationPlaceholder( { onCreate }, ref ) {\n\tconst [ selectedMenu, setSelectedMenu ] = useState();\n\n\tconst [ isCreatingFromMenu, setIsCreatingFromMenu ] = useState( false );\n\n\tconst {\n\t\tisResolvingPages,\n\t\tmenus,\n\t\tisResolvingMenus,\n\t\tmenuItems,\n\t\thasResolvedMenuItems,\n\t\thasPages,\n\t\thasMenus,\n\t} = useNavigationEntities( selectedMenu );\n\n\tconst isLoading = isResolvingPages || isResolvingMenus;\n\n\tconst createFromMenu = useCallback( () => {\n\t\tconst { innerBlocks: blocks } = menuItemsToBlocks( menuItems );\n\t\tconst selectNavigationBlock = true;\n\t\tonCreate( blocks, selectNavigationBlock );\n\t} );\n\n\tconst onCreateFromMenu = () => {\n\t\t// If we have menu items, create the block right away.\n\t\tif ( hasResolvedMenuItems ) {\n\t\t\tcreateFromMenu();\n\t\t\treturn;\n\t\t}\n\n\t\t// Otherwise, create the block when resolution finishes.\n\t\tsetIsCreatingFromMenu( true );\n\t};\n\n\tconst onCreateEmptyMenu = () => {\n\t\tonCreate( [] );\n\t};\n\n\tconst onCreateAllPages = () => {\n\t\tconst block = [ createBlock( 'core/page-list' ) ];\n\t\tconst selectNavigationBlock = true;\n\t\tonCreate( block, selectNavigationBlock );\n\t};\n\n\tuseEffect( () => {\n\t\t// If the user selected a menu but we had to wait for menu items to\n\t\t// finish resolving, then create the block once resolution finishes.\n\t\tif ( isCreatingFromMenu && hasResolvedMenuItems ) {\n\t\t\tcreateFromMenu();\n\t\t\tsetIsCreatingFromMenu( false );\n\t\t}\n\t}, [ isCreatingFromMenu, hasResolvedMenuItems ] );\n\n\tconst toggleProps = {\n\t\tvariant: 'primary',\n\t\tclassName: 'wp-block-navigation-placeholder__actions__dropdown',\n\t};\n\treturn (\n\t\t<Placeholder className=\"wp-block-navigation-placeholder\">\n\t\t\t<PlaceholderPreview />\n\n\t\t\t<div className=\"wp-block-navigation-placeholder__controls\">\n\t\t\t\t{ isLoading && (\n\t\t\t\t\t<div ref={ ref }>\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-navigation-placeholder__actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t\t\t\t<Icon icon={ navigation } /> { __( 'Navigation' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{ hasMenus ? (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ttext={ __( 'Add existing menu' ) }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t\t{ menus.map( ( menu ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedMenu(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmenu.id\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonCreateFromMenu();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ menu.id }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ menu.name }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t) : undefined }\n\t\t\t\t\t\t{ hasPages ? (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant={ hasMenus ? 'tertiary' : 'primary' }\n\t\t\t\t\t\t\t\tonClick={ onCreateAllPages }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Add all pages' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : undefined }\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={ onCreateEmptyMenu }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Start empty' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</Placeholder>\n\t);\n}\n\nexport default forwardRef( NavigationPlaceholder );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/placeholder.js"],"names":["createBlock","Placeholder","Button","DropdownMenu","MenuGroup","MenuItem","Spinner","forwardRef","useCallback","useState","useEffect","__","navigation","chevronDown","Icon","useNavigationEntities","PlaceholderPreview","menuItemsToBlocks","NavigationPlaceholder","onCreate","ref","selectedMenu","setSelectedMenu","isCreatingFromMenu","setIsCreatingFromMenu","isResolvingPages","menus","isResolvingMenus","menuItems","hasResolvedMenuItems","hasPages","hasMenus","isLoading","createFromMenu","innerBlocks","blocks","selectNavigationBlock","onCreateFromMenu","onCreateEmptyMenu","onCreateAllPages","block","toggleProps","variant","className","onClose","map","menu","id","name","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,mBAA5B;AACA,SACCC,WADD,EAECC,MAFD,EAGCC,YAHD,EAICC,SAJD,EAKCC,QALD,EAMCC,OAND,QAOO,uBAPP;AASA,SACCC,UADD,EAECC,WAFD,EAGCC,QAHD,EAICC,SAJD,QAKO,oBALP;AAMA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAT,EAAqBC,WAArB,EAAkCC,IAAlC,QAA8C,kBAA9C;AAEA;AACA;AACA;;AACA,OAAOC,qBAAP,MAAkC,2BAAlC;AACA,OAAOC,kBAAP,MAA+B,uBAA/B;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;;AAEA,SAASC,qBAAT,CAAgC;AAAEC,EAAAA;AAAF,CAAhC,EAA8CC,GAA9C,EAAoD;AACnD,QAAM,CAAEC,YAAF,EAAgBC,eAAhB,IAAoCb,QAAQ,EAAlD;AAEA,QAAM,CAAEc,kBAAF,EAAsBC,qBAAtB,IAAgDf,QAAQ,CAAE,KAAF,CAA9D;AAEA,QAAM;AACLgB,IAAAA,gBADK;AAELC,IAAAA,KAFK;AAGLC,IAAAA,gBAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA,oBALK;AAMLC,IAAAA,QANK;AAOLC,IAAAA;AAPK,MAQFhB,qBAAqB,CAAEM,YAAF,CARzB;AAUA,QAAMW,SAAS,GAAGP,gBAAgB,IAAIE,gBAAtC;AAEA,QAAMM,cAAc,GAAGzB,WAAW,CAAE,MAAM;AACzC,UAAM;AAAE0B,MAAAA,WAAW,EAAEC;AAAf,QAA0BlB,iBAAiB,CAAEW,SAAF,CAAjD;AACA,UAAMQ,qBAAqB,GAAG,IAA9B;AACAjB,IAAAA,QAAQ,CAAEgB,MAAF,EAAUC,qBAAV,CAAR;AACA,GAJiC,EAI/B,CAAER,SAAF,EAAaX,iBAAb,EAAgCE,QAAhC,CAJ+B,CAAlC;;AAMA,QAAMkB,gBAAgB,GAAG,MAAM;AAC9B;AACA,QAAKR,oBAAL,EAA4B;AAC3BI,MAAAA,cAAc;AACd;AACA,KAL6B,CAO9B;;;AACAT,IAAAA,qBAAqB,CAAE,IAAF,CAArB;AACA,GATD;;AAWA,QAAMc,iBAAiB,GAAG,MAAM;AAC/BnB,IAAAA,QAAQ,CAAE,EAAF,CAAR;AACA,GAFD;;AAIA,QAAMoB,gBAAgB,GAAG,MAAM;AAC9B,UAAMC,KAAK,GAAG,CAAExC,WAAW,CAAE,gBAAF,CAAb,CAAd;AACA,UAAMoC,qBAAqB,GAAG,IAA9B;AACAjB,IAAAA,QAAQ,CAAEqB,KAAF,EAASJ,qBAAT,CAAR;AACA,GAJD;;AAMA1B,EAAAA,SAAS,CAAE,MAAM;AAChB;AACA;AACA,QAAKa,kBAAkB,IAAIM,oBAA3B,EAAkD;AACjDI,MAAAA,cAAc;AACdT,MAAAA,qBAAqB,CAAE,KAAF,CAArB;AACA;AACD,GAPQ,EAON,CAAED,kBAAF,EAAsBM,oBAAtB,CAPM,CAAT;AASA,QAAMY,WAAW,GAAG;AACnBC,IAAAA,OAAO,EAAE,SADU;AAEnBC,IAAAA,SAAS,EAAE;AAFQ,GAApB;AAIA,SACC,cAAC,WAAD;AAAa,IAAA,SAAS,EAAC;AAAvB,KACC,cAAC,kBAAD,OADD,EAGC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,SAAS,IACV;AAAK,IAAA,GAAG,EAAGZ;AAAX,KACC,cAAC,OAAD,OADD,CAFF,EAMG,CAAEY,SAAF,IACD;AACC,IAAA,GAAG,EAAGZ,GADP;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGR;AAAb,IADD,OACgCD,EAAE,CAAE,YAAF,CADlC,CAJD,EAOGoB,QAAQ,GACT,cAAC,YAAD;AACC,IAAA,IAAI,EAAGpB,EAAE,CAAE,mBAAF,CADV;AAEC,IAAA,IAAI,EAAGE,WAFR;AAGC,IAAA,WAAW,EAAG4B;AAHf,KAKG,CAAE;AAAEG,IAAAA;AAAF,GAAF,KACD,cAAC,SAAD,QACGlB,KAAK,CAACmB,GAAN,CAAaC,IAAF,IAAY;AACxB,WACC,cAAC,QAAD;AACC,MAAA,OAAO,EAAG,MAAM;AACfxB,QAAAA,eAAe,CACdwB,IAAI,CAACC,EADS,CAAf;AAGAV,QAAAA,gBAAgB;AAChB,OANF;AAOC,MAAA,OAAO,EAAGO,OAPX;AAQC,MAAA,GAAG,EAAGE,IAAI,CAACC;AARZ,OAUGD,IAAI,CAACE,IAVR,CADD;AAcA,GAfC,CADH,CANF,CADS,GA2BNC,SAlCL,EAmCGnB,QAAQ,GACT,cAAC,MAAD;AACC,IAAA,OAAO,EAAGC,QAAQ,GAAG,UAAH,GAAgB,SADnC;AAEC,IAAA,OAAO,EAAGQ;AAFX,KAIG5B,EAAE,CAAE,eAAF,CAJL,CADS,GAONsC,SA1CL,EA2CC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,UADT;AAEC,IAAA,OAAO,EAAGX;AAFX,KAIG3B,EAAE,CAAE,aAAF,CAJL,CA3CD,CAPF,CAHD,CADD;AAiEA;;AAED,eAAeJ,UAAU,CAAEW,qBAAF,CAAzB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\tPlaceholder,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tSpinner,\n} from '@wordpress/components';\n\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseState,\n\tuseEffect,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { navigation, chevronDown, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useNavigationEntities from './use-navigation-entities';\nimport PlaceholderPreview from './placeholder-preview';\nimport menuItemsToBlocks from './menu-items-to-blocks';\n\nfunction NavigationPlaceholder( { onCreate }, ref ) {\n\tconst [ selectedMenu, setSelectedMenu ] = useState();\n\n\tconst [ isCreatingFromMenu, setIsCreatingFromMenu ] = useState( false );\n\n\tconst {\n\t\tisResolvingPages,\n\t\tmenus,\n\t\tisResolvingMenus,\n\t\tmenuItems,\n\t\thasResolvedMenuItems,\n\t\thasPages,\n\t\thasMenus,\n\t} = useNavigationEntities( selectedMenu );\n\n\tconst isLoading = isResolvingPages || isResolvingMenus;\n\n\tconst createFromMenu = useCallback( () => {\n\t\tconst { innerBlocks: blocks } = menuItemsToBlocks( menuItems );\n\t\tconst selectNavigationBlock = true;\n\t\tonCreate( blocks, selectNavigationBlock );\n\t}, [ menuItems, menuItemsToBlocks, onCreate ] );\n\n\tconst onCreateFromMenu = () => {\n\t\t// If we have menu items, create the block right away.\n\t\tif ( hasResolvedMenuItems ) {\n\t\t\tcreateFromMenu();\n\t\t\treturn;\n\t\t}\n\n\t\t// Otherwise, create the block when resolution finishes.\n\t\tsetIsCreatingFromMenu( true );\n\t};\n\n\tconst onCreateEmptyMenu = () => {\n\t\tonCreate( [] );\n\t};\n\n\tconst onCreateAllPages = () => {\n\t\tconst block = [ createBlock( 'core/page-list' ) ];\n\t\tconst selectNavigationBlock = true;\n\t\tonCreate( block, selectNavigationBlock );\n\t};\n\n\tuseEffect( () => {\n\t\t// If the user selected a menu but we had to wait for menu items to\n\t\t// finish resolving, then create the block once resolution finishes.\n\t\tif ( isCreatingFromMenu && hasResolvedMenuItems ) {\n\t\t\tcreateFromMenu();\n\t\t\tsetIsCreatingFromMenu( false );\n\t\t}\n\t}, [ isCreatingFromMenu, hasResolvedMenuItems ] );\n\n\tconst toggleProps = {\n\t\tvariant: 'primary',\n\t\tclassName: 'wp-block-navigation-placeholder__actions__dropdown',\n\t};\n\treturn (\n\t\t<Placeholder className=\"wp-block-navigation-placeholder\">\n\t\t\t<PlaceholderPreview />\n\n\t\t\t<div className=\"wp-block-navigation-placeholder__controls\">\n\t\t\t\t{ isLoading && (\n\t\t\t\t\t<div ref={ ref }>\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t{ ! isLoading && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-navigation-placeholder__actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t\t\t\t<Icon icon={ navigation } /> { __( 'Navigation' ) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{ hasMenus ? (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ttext={ __( 'Add existing menu' ) }\n\t\t\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t\t{ menus.map( ( menu ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedMenu(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmenu.id\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonCreateFromMenu();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={ menu.id }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ menu.name }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t) : undefined }\n\t\t\t\t\t\t{ hasPages ? (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant={ hasMenus ? 'tertiary' : 'primary' }\n\t\t\t\t\t\t\t\tonClick={ onCreateAllPages }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Add all pages' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) : undefined }\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={ onCreateEmptyMenu }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Start empty' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</Placeholder>\n\t);\n}\n\nexport default forwardRef( NavigationPlaceholder );\n"]}

package/build-module/navigation/use-block-navigator.js

@@ -25,7 +25,8 @@ export default function useBlockNavigator(clientId, __experimentalFeatures) {
     closeLabel: __('Close'),
     onRequestClose: () => {
       setIsNavigationListOpen(false);
-    }
+    },
+    shouldCloseOnClickOutside: false
   }, createElement(BlockNavigationList, {
     clientId: clientId,
     __experimentalFeatures: __experimentalFeatures

package/build-module/navigation/use-block-navigator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/use-block-navigator.js"],"names":["useState","ToolbarButton","Modal","__","listView","BlockNavigationList","useBlockNavigator","clientId","__experimentalFeatures","isNavigationListOpen","setIsNavigationListOpen","navigatorToolbarButton","navigatorModal"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,oBAAzB;AACA,SAASC,aAAT,EAAwBC,KAAxB,QAAqC,uBAArC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,kBAAzB;AAEA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,yBAAhC;AAEA,eAAe,SAASC,iBAAT,CAA4BC,QAA5B,EAAsCC,sBAAtC,EAA+D;AAC7E,QAAM,CAAEC,oBAAF,EAAwBC,uBAAxB,IAAoDV,QAAQ,CAAE,KAAF,CAAlE;AAEA,QAAMW,sBAAsB,GAC3B,cAAC,aAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,KAAK,EAAGR,EAAE,CAAE,uBAAF,CAFX;AAGC,IAAA,OAAO,EAAG,MAAMO,uBAAuB,CAAE,IAAF,CAHxC;AAIC,IAAA,IAAI,EAAGN;AAJR,IADD;AASA,QAAMQ,cAAc,GAAGH,oBAAoB,IAC1C,cAAC,KAAD;AACC,IAAA,KAAK,EAAGN,EAAE,CAAE,YAAF,CADX;AAEC,IAAA,UAAU,EAAGA,EAAE,CAAE,OAAF,CAFhB;AAGC,IAAA,cAAc,EAAG,MAAM;AACtBO,MAAAA,uBAAuB,CAAE,KAAF,CAAvB;AACA;AALF,KAOC,cAAC,mBAAD;AACC,IAAA,QAAQ,EAAGH,QADZ;AAEC,IAAA,sBAAsB,EAAGC;AAF1B,IAPD,CADD;AAeA,SAAO;AACNG,IAAAA,sBADM;AAENC,IAAAA;AAFM,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { ToolbarButton, Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockNavigationList from './block-navigation-list';\n\nexport default function useBlockNavigator( clientId, __experimentalFeatures ) {\n\tconst [ isNavigationListOpen, setIsNavigationListOpen ] = useState( false );\n\n\tconst navigatorToolbarButton = (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-toolbar__control\"\n\t\t\tlabel={ __( 'Open block navigation' ) }\n\t\t\tonClick={ () => setIsNavigationListOpen( true ) }\n\t\t\ticon={ listView }\n\t\t/>\n\t);\n\n\tconst navigatorModal = isNavigationListOpen && (\n\t\t<Modal\n\t\t\ttitle={ __( 'Navigation' ) }\n\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ () => {\n\t\t\t\tsetIsNavigationListOpen( false );\n\t\t\t} }\n\t\t>\n\t\t\t<BlockNavigationList\n\t\t\t\tclientId={ clientId }\n\t\t\t\t__experimentalFeatures={ __experimentalFeatures }\n\t\t\t/>\n\t\t</Modal>\n\t);\n\n\treturn {\n\t\tnavigatorToolbarButton,\n\t\tnavigatorModal,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/use-block-navigator.js"],"names":["useState","ToolbarButton","Modal","__","listView","BlockNavigationList","useBlockNavigator","clientId","__experimentalFeatures","isNavigationListOpen","setIsNavigationListOpen","navigatorToolbarButton","navigatorModal"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,oBAAzB;AACA,SAASC,aAAT,EAAwBC,KAAxB,QAAqC,uBAArC;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,kBAAzB;AAEA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,yBAAhC;AAEA,eAAe,SAASC,iBAAT,CAA4BC,QAA5B,EAAsCC,sBAAtC,EAA+D;AAC7E,QAAM,CAAEC,oBAAF,EAAwBC,uBAAxB,IAAoDV,QAAQ,CAAE,KAAF,CAAlE;AAEA,QAAMW,sBAAsB,GAC3B,cAAC,aAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,KAAK,EAAGR,EAAE,CAAE,uBAAF,CAFX;AAGC,IAAA,OAAO,EAAG,MAAMO,uBAAuB,CAAE,IAAF,CAHxC;AAIC,IAAA,IAAI,EAAGN;AAJR,IADD;AASA,QAAMQ,cAAc,GAAGH,oBAAoB,IAC1C,cAAC,KAAD;AACC,IAAA,KAAK,EAAGN,EAAE,CAAE,YAAF,CADX;AAEC,IAAA,UAAU,EAAGA,EAAE,CAAE,OAAF,CAFhB;AAGC,IAAA,cAAc,EAAG,MAAM;AACtBO,MAAAA,uBAAuB,CAAE,KAAF,CAAvB;AACA,KALF;AAMC,IAAA,yBAAyB,EAAG;AAN7B,KAQC,cAAC,mBAAD;AACC,IAAA,QAAQ,EAAGH,QADZ;AAEC,IAAA,sBAAsB,EAAGC;AAF1B,IARD,CADD;AAgBA,SAAO;AACNG,IAAAA,sBADM;AAENC,IAAAA;AAFM,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { ToolbarButton, Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { listView } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BlockNavigationList from './block-navigation-list';\n\nexport default function useBlockNavigator( clientId, __experimentalFeatures ) {\n\tconst [ isNavigationListOpen, setIsNavigationListOpen ] = useState( false );\n\n\tconst navigatorToolbarButton = (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-toolbar__control\"\n\t\t\tlabel={ __( 'Open block navigation' ) }\n\t\t\tonClick={ () => setIsNavigationListOpen( true ) }\n\t\t\ticon={ listView }\n\t\t/>\n\t);\n\n\tconst navigatorModal = isNavigationListOpen && (\n\t\t<Modal\n\t\t\ttitle={ __( 'Navigation' ) }\n\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ () => {\n\t\t\t\tsetIsNavigationListOpen( false );\n\t\t\t} }\n\t\t\tshouldCloseOnClickOutside={ false }\n\t\t>\n\t\t\t<BlockNavigationList\n\t\t\t\tclientId={ clientId }\n\t\t\t\t__experimentalFeatures={ __experimentalFeatures }\n\t\t\t/>\n\t\t</Modal>\n\t);\n\n\treturn {\n\t\tnavigatorToolbarButton,\n\t\tnavigatorModal,\n\t};\n}\n"]}

package/build-module/navigation/variations.js

@@ -4,13 +4,12 @@
 import { __ } from '@wordpress/i18n';
 const variations = [{
   name: 'horizontal',
-  isDefault: true,
   title: __('Navigation (horizontal)'),
   description: __('Links shown in a row.'),
   attributes: {
     orientation: 'horizontal'
   },
-  scope: ['inserter', 'transform']
+  scope: ['transform']
 }, {
   name: 'vertical',
   title: __('Navigation (vertical)'),
@@ -18,7 +17,7 @@ const variations = [{
   attributes: {
     orientation: 'vertical'
   },
-  scope: ['inserter', 'transform']
+  scope: ['transform']
 }];
 export default variations;
 //# sourceMappingURL=variations.js.map

package/build-module/navigation/variations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/variations.js"],"names":["__","variations","name","isDefault","title","description","attributes","orientation","scope"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,YADP;AAECC,EAAAA,SAAS,EAAE,IAFZ;AAGCC,EAAAA,KAAK,EAAEJ,EAAE,CAAE,yBAAF,CAHV;AAICK,EAAAA,WAAW,EAAEL,EAAE,CAAE,uBAAF,CAJhB;AAKCM,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GALb;AAMCC,EAAAA,KAAK,EAAE,CAAE,UAAF,EAAc,WAAd;AANR,CADkB,EASlB;AACCN,EAAAA,IAAI,EAAE,UADP;AAECE,EAAAA,KAAK,EAAEJ,EAAE,CAAE,uBAAF,CAFV;AAGCK,EAAAA,WAAW,EAAEL,EAAE,CAAE,0BAAF,CAHhB;AAICM,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAJb;AAKCC,EAAAA,KAAK,EAAE,CAAE,UAAF,EAAc,WAAd;AALR,CATkB,CAAnB;AAkBA,eAAeP,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'horizontal',\n\t\tisDefault: true,\n\t\ttitle: __( 'Navigation (horizontal)' ),\n\t\tdescription: __( 'Links shown in a row.' ),\n\t\tattributes: { orientation: 'horizontal' },\n\t\tscope: [ 'inserter', 'transform' ],\n\t},\n\t{\n\t\tname: 'vertical',\n\t\ttitle: __( 'Navigation (vertical)' ),\n\t\tdescription: __( 'Links shown in a column.' ),\n\t\tattributes: { orientation: 'vertical' },\n\t\tscope: [ 'inserter', 'transform' ],\n\t},\n];\n\nexport default variations;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/variations.js"],"names":["__","variations","name","title","description","attributes","orientation","scope"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCC,EAAAA,IAAI,EAAE,YADP;AAECC,EAAAA,KAAK,EAAEH,EAAE,CAAE,yBAAF,CAFV;AAGCI,EAAAA,WAAW,EAAEJ,EAAE,CAAE,uBAAF,CAHhB;AAICK,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAJb;AAKCC,EAAAA,KAAK,EAAE,CAAE,WAAF;AALR,CADkB,EAQlB;AACCL,EAAAA,IAAI,EAAE,UADP;AAECC,EAAAA,KAAK,EAAEH,EAAE,CAAE,uBAAF,CAFV;AAGCI,EAAAA,WAAW,EAAEJ,EAAE,CAAE,0BAAF,CAHhB;AAICK,EAAAA,UAAU,EAAE;AAAEC,IAAAA,WAAW,EAAE;AAAf,GAJb;AAKCC,EAAAA,KAAK,EAAE,CAAE,WAAF;AALR,CARkB,CAAnB;AAiBA,eAAeN,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst variations = [\n\t{\n\t\tname: 'horizontal',\n\t\ttitle: __( 'Navigation (horizontal)' ),\n\t\tdescription: __( 'Links shown in a row.' ),\n\t\tattributes: { orientation: 'horizontal' },\n\t\tscope: [ 'transform' ],\n\t},\n\t{\n\t\tname: 'vertical',\n\t\ttitle: __( 'Navigation (vertical)' ),\n\t\tdescription: __( 'Links shown in a column.' ),\n\t\tattributes: { orientation: 'vertical' },\n\t\tscope: [ 'transform' ],\n\t},\n];\n\nexport default variations;\n"]}

package/build-module/navigation/view.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import MicroModal from 'micromodal';
+import MicroModal from 'micromodal'; // Responsive navigation toggle.
 
 function navigationToggleModal(modal) {
   const triggerButton = document.querySelector(`button[data-micromodal-trigger="${modal.id}"]`);
@@ -15,9 +15,60 @@ function navigationToggleModal(modal) {
 
   const htmlElement = document.documentElement;
   htmlElement.classList.toggle('has-modal-open');
+} // Open on click functionality.
+
+
+function closeSubmenus(element) {
+  element.querySelectorAll('[aria-expanded="true"]').forEach(function (toggle) {
+    toggle.setAttribute('aria-expanded', 'false');
+  });
 }
 
-MicroModal.init({
+function toggleSubmenuOnClick(event) {
+  const buttonToggle = event.target.closest('[aria-expanded]');
+  const isSubmenuOpen = buttonToggle.getAttribute('aria-expanded');
+
+  if (isSubmenuOpen === 'true') {
+    closeSubmenus(buttonToggle.closest('.wp-block-navigation-item'));
+  } else {
+    // Close all sibling submenus.
+    const parentElement = buttonToggle.closest('.wp-block-navigation-item');
+    const navigationParent = buttonToggle.closest('.wp-block-navigation__submenu-container, .wp-block-navigation__container, .wp-block-page-list');
+    navigationParent.querySelectorAll('.wp-block-navigation-item').forEach(function (child) {
+      if (child !== parentElement) {
+        closeSubmenus(child);
+      }
+    }); // Open submenu.
+
+    buttonToggle.setAttribute('aria-expanded', 'true');
+  }
+}
+
+const submenuButtons = document.querySelectorAll('.wp-block-navigation-submenu__toggle');
+submenuButtons.forEach(function (button) {
+  button.addEventListener('click', toggleSubmenuOnClick);
+}); // Close on click outside.
+
+document.addEventListener('click', function (event) {
+  const navigationBlocks = document.querySelectorAll('.wp-block-navigation');
+  navigationBlocks.forEach(function (block) {
+    if (!block.contains(event.target)) {
+      closeSubmenus(block);
+    }
+  });
+}); // Close on focus outside.
+
+document.addEventListener('keyup', function (event) {
+  const submenuBlocks = document.querySelectorAll('.wp-block-navigation-item.has-child');
+  submenuBlocks.forEach(function (block) {
+    if (!block.contains(event.target)) {
+      closeSubmenus(block);
+    }
+  });
+}); // Necessary for some themes such as TT1 Blocks, where
+// scripts could be loaded before the body.
+
+window.onload = () => MicroModal.init({
   onShow: navigationToggleModal,
   onClose: navigationToggleModal,
   openClass: 'is-menu-open'