@wordpress/block-library 6.0.4 → 6.0.8

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/placeholder/index.js"],"names":["serialize","createBlock","Placeholder","Button","DropdownMenu","MenuGroup","MenuItem","store","coreStore","useDispatch","useCallback","useState","useEffect","__","navigation","chevronDown","Icon","useNavigationEntities","PlaceholderPreview","menuItemsToBlocks","NavigationMenuNameModal","useNavigationMenu","ExistingMenusDropdown","canSwitchNavigationMenu","navigationMenus","setSelectedMenu","onFinish","menus","onCreateFromMenu","toggleProps","variant","className","isAlternate","onClose","map","menu","id","title","rendered","name","NavigationPlaceholder","hasResolvedNavigationMenus","selectedMenu","isCreatingFromMenu","setIsCreatingFromMenu","menuName","setMenuName","isNewMenuModalVisible","setIsNewMenuModalVisible","createEmpty","setCreateEmpty","saveEntityRecord","createNavigationMenu","blocks","record","content","status","navigationMenu","onFinishMenuCreation","navigationMenuTitle","isResolvingPages","isResolvingMenus","menuItems","hasResolvedMenuItems","hasPages","hasMenus","isStillLoading","createFromMenu","innerBlocks","onCreateEmptyMenu","onCreateAllPages","block","length","undefined"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { serialize, createBlock } from '@wordpress/blocks';\nimport {\n\tPlaceholder,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { navigation, chevronDown, Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\n\nimport useNavigationEntities from '../../use-navigation-entities';\nimport PlaceholderPreview from './placeholder-preview';\nimport menuItemsToBlocks from '../../menu-items-to-blocks';\nimport NavigationMenuNameModal from '../navigation-menu-name-modal';\nimport useNavigationMenu from '../../use-navigation-menu';\n\nconst ExistingMenusDropdown = ( {\n\tcanSwitchNavigationMenu,\n\tnavigationMenus,\n\tsetSelectedMenu,\n\tonFinish,\n\tmenus,\n\tonCreateFromMenu,\n} ) => {\n\tconst toggleProps = {\n\t\tvariant: 'primary',\n\t\tclassName: 'wp-block-navigation-placeholder__actions__dropdown',\n\t};\n\treturn (\n\t\t<DropdownMenu\n\t\t\ttext={ __( 'Select existing menu' ) }\n\t\t\ticon={ chevronDown }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tpopoverProps={ { isAlternate: true } }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup label={ __( 'Menus' ) }>\n\t\t\t\t\t\t{ canSwitchNavigationMenu &&\n\t\t\t\t\t\t\tnavigationMenus.map( ( menu ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedMenu( menu.id );\n\t\t\t\t\t\t\t\t\t\t\tonFinish( menu );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\tkey={ menu.id }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ menu.title.rendered }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t<MenuGroup label={ __( 'Classic Menus' ) }>\n\t\t\t\t\t\t{ menus.map( ( menu ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedMenu( menu.id );\n\t\t\t\t\t\t\t\t\t\tonCreateFromMenu( menu.name );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\tkey={ menu.id }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ menu.name }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n};\n\nexport default function NavigationPlaceholder( {\n\tonFinish,\n\tcanSwitchNavigationMenu,\n\thasResolvedNavigationMenus,\n} ) {\n\tconst [ selectedMenu, setSelectedMenu ] = useState();\n\n\tconst [ isCreatingFromMenu, setIsCreatingFromMenu ] = useState( false );\n\n\tconst [ menuName, setMenuName ] = useState( '' );\n\n\tconst [ isNewMenuModalVisible, setIsNewMenuModalVisible ] = useState(\n\t\tfalse\n\t);\n\n\tconst [ createEmpty, setCreateEmpty ] = useState( false );\n\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\t// This callback uses data from the two placeholder steps and only creates\n\t// a new navigation menu when the user completes the final step.\n\tconst createNavigationMenu = useCallback(\n\t\tasync ( title = __( 'Untitled Navigation Menu' ), blocks = [] ) => {\n\t\t\tconst record = {\n\t\t\t\ttitle,\n\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\tstatus: 'publish',\n\t\t\t};\n\n\t\t\tconst navigationMenu = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_navigation',\n\t\t\t\trecord\n\t\t\t);\n\n\t\t\treturn navigationMenu;\n\t\t},\n\t\t[ serialize, saveEntityRecord ]\n\t);\n\n\tconst onFinishMenuCreation = async ( navigationMenuTitle, blocks ) => {\n\t\tconst navigationMenu = await createNavigationMenu(\n\t\t\tnavigationMenuTitle,\n\t\t\tblocks\n\t\t);\n\t\tonFinish( navigationMenu );\n\t};\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 isStillLoading = isResolvingPages || isResolvingMenus;\n\n\tconst createFromMenu = useCallback(\n\t\t( name ) => {\n\t\t\tconst { innerBlocks: blocks } = menuItemsToBlocks( menuItems );\n\t\t\tonFinishMenuCreation( name, blocks );\n\t\t},\n\t\t[ menuItems, menuItemsToBlocks, onFinish ]\n\t);\n\n\tconst onCreateFromMenu = ( name ) => {\n\t\t// If we have menu items, create the block right away.\n\t\tif ( hasResolvedMenuItems ) {\n\t\t\tcreateFromMenu( name );\n\t\t\treturn;\n\t\t}\n\n\t\t// Otherwise, create the block when resolution finishes.\n\t\tsetIsCreatingFromMenu( true );\n\t\t// Store the name to use later.\n\t\tsetMenuName( name );\n\t};\n\n\tconst onCreateEmptyMenu = ( name ) => {\n\t\tonFinishMenuCreation( name, [] );\n\t};\n\n\tconst onCreateAllPages = ( name ) => {\n\t\tconst block = [ createBlock( 'core/page-list' ) ];\n\t\tonFinishMenuCreation( name, block );\n\t\tsetIsNewMenuModalVisible( true );\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( menuName );\n\t\t\tsetIsCreatingFromMenu( false );\n\t\t}\n\t}, [ isCreatingFromMenu, hasResolvedMenuItems, menuName ] );\n\n\tconst { navigationMenus } = useNavigationMenu();\n\n\treturn (\n\t\t<>\n\t\t\t{ ( ! hasResolvedNavigationMenus || isStillLoading ) && (\n\t\t\t\t<PlaceholderPreview isLoading />\n\t\t\t) }\n\t\t\t{ hasResolvedNavigationMenus && ! isStillLoading && (\n\t\t\t\t<Placeholder className=\"wp-block-navigation-placeholder\">\n\t\t\t\t\t<PlaceholderPreview />\n\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__controls\">\n\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions\">\n\t\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t\t\t\t\t<Icon icon={ navigation } />{ ' ' }\n\t\t\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{ hasMenus || navigationMenus.length ? (\n\t\t\t\t\t\t\t\t<ExistingMenusDropdown\n\t\t\t\t\t\t\t\t\tcanSwitchNavigationMenu={\n\t\t\t\t\t\t\t\t\t\tcanSwitchNavigationMenu\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tnavigationMenus={ navigationMenus }\n\t\t\t\t\t\t\t\t\tsetSelectedMenu={ setSelectedMenu }\n\t\t\t\t\t\t\t\t\tonFinish={ onFinish }\n\t\t\t\t\t\t\t\t\tmenus={ menus }\n\t\t\t\t\t\t\t\t\tonCreateFromMenu={ onCreateFromMenu }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : undefined }\n\t\t\t\t\t\t\t{ hasPages ? (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\thasMenus || canSwitchNavigationMenu\n\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t: 'primary'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsNewMenuModalVisible( true );\n\t\t\t\t\t\t\t\t\t\tsetCreateEmpty( false );\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\t\t{ __( 'Add all pages' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) : undefined }\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsNewMenuModalVisible( true );\n\t\t\t\t\t\t\t\t\tsetCreateEmpty( true );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Start empty' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t{ isNewMenuModalVisible && (\n\t\t\t\t<NavigationMenuNameModal\n\t\t\t\t\ttitle={ __( 'Create your new navigation menu' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsNewMenuModalVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinish={\n\t\t\t\t\t\tcreateEmpty ? onCreateEmptyMenu : onCreateAllPages\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/placeholder/index.js"],"names":["serialize","createBlock","Placeholder","Button","DropdownMenu","MenuGroup","MenuItem","store","coreStore","useDispatch","useCallback","useState","useEffect","__","navigation","Icon","decodeEntities","useNavigationEntities","PlaceholderPreview","menuItemsToBlocks","NavigationMenuNameModal","useNavigationMenu","ExistingMenusDropdown","canSwitchNavigationMenu","navigationMenus","setSelectedMenu","onFinish","menus","onCreateFromMenu","toggleProps","variant","iconPosition","className","isAlternate","onClose","map","menu","id","title","rendered","name","NavigationPlaceholder","hasResolvedNavigationMenus","selectedMenu","isCreatingFromMenu","setIsCreatingFromMenu","menuName","setMenuName","isNewMenuModalVisible","setIsNewMenuModalVisible","createEmpty","setCreateEmpty","saveEntityRecord","createNavigationMenu","blocks","record","content","status","navigationMenu","onFinishMenuCreation","navigationMenuTitle","isResolvingPages","isResolvingMenus","menuItems","hasResolvedMenuItems","hasPages","hasMenus","isStillLoading","createFromMenu","innerBlocks","onCreateEmptyMenu","onCreateAllPages","block","length","undefined"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { serialize, createBlock } from '@wordpress/blocks';\nimport {\n\tPlaceholder,\n\tButton,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useCallback, useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { navigation, Icon } from '@wordpress/icons';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\n\nimport useNavigationEntities from '../../use-navigation-entities';\nimport PlaceholderPreview from './placeholder-preview';\nimport menuItemsToBlocks from '../../menu-items-to-blocks';\nimport NavigationMenuNameModal from '../navigation-menu-name-modal';\nimport useNavigationMenu from '../../use-navigation-menu';\n\nconst ExistingMenusDropdown = ( {\n\tcanSwitchNavigationMenu,\n\tnavigationMenus,\n\tsetSelectedMenu,\n\tonFinish,\n\tmenus,\n\tonCreateFromMenu,\n} ) => {\n\tconst toggleProps = {\n\t\tvariant: 'tertiary',\n\t\ticonPosition: 'right',\n\t\tclassName: 'wp-block-navigation-placeholder__actions__dropdown',\n\t};\n\treturn (\n\t\t<DropdownMenu\n\t\t\ttext={ __( 'Select menu' ) }\n\t\t\ticon={ null }\n\t\t\ttoggleProps={ toggleProps }\n\t\t\tpopoverProps={ { isAlternate: true } }\n\t\t>\n\t\t\t{ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<MenuGroup label={ __( 'Menus' ) }>\n\t\t\t\t\t\t{ canSwitchNavigationMenu &&\n\t\t\t\t\t\t\tnavigationMenus?.map( ( menu ) => {\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedMenu( menu.id );\n\t\t\t\t\t\t\t\t\t\t\tonFinish( menu );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t\tkey={ menu.id }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\t\tmenu.title.rendered\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t<MenuGroup label={ __( 'Classic Menus' ) }>\n\t\t\t\t\t\t{ menus?.map( ( menu ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedMenu( menu.id );\n\t\t\t\t\t\t\t\t\t\tonCreateFromMenu( menu.name );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\tkey={ menu.id }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ decodeEntities( menu.name ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n};\n\nexport default function NavigationPlaceholder( {\n\tonFinish,\n\tcanSwitchNavigationMenu,\n\thasResolvedNavigationMenus,\n} ) {\n\tconst [ selectedMenu, setSelectedMenu ] = useState();\n\n\tconst [ isCreatingFromMenu, setIsCreatingFromMenu ] = useState( false );\n\n\tconst [ menuName, setMenuName ] = useState( '' );\n\n\tconst [ isNewMenuModalVisible, setIsNewMenuModalVisible ] = useState(\n\t\tfalse\n\t);\n\n\tconst [ createEmpty, setCreateEmpty ] = useState( false );\n\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\t// This callback uses data from the two placeholder steps and only creates\n\t// a new navigation menu when the user completes the final step.\n\tconst createNavigationMenu = useCallback(\n\t\tasync ( title = __( 'Untitled Navigation Menu' ), blocks = [] ) => {\n\t\t\tconst record = {\n\t\t\t\ttitle,\n\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\tstatus: 'publish',\n\t\t\t};\n\n\t\t\tconst navigationMenu = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_navigation',\n\t\t\t\trecord\n\t\t\t);\n\n\t\t\treturn navigationMenu;\n\t\t},\n\t\t[ serialize, saveEntityRecord ]\n\t);\n\n\tconst onFinishMenuCreation = async ( navigationMenuTitle, blocks ) => {\n\t\tconst navigationMenu = await createNavigationMenu(\n\t\t\tnavigationMenuTitle,\n\t\t\tblocks\n\t\t);\n\t\tonFinish( navigationMenu );\n\t};\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 isStillLoading = isResolvingPages || isResolvingMenus;\n\n\tconst createFromMenu = useCallback(\n\t\t( name ) => {\n\t\t\tconst { innerBlocks: blocks } = menuItemsToBlocks( menuItems );\n\t\t\tonFinishMenuCreation( name, blocks );\n\t\t},\n\t\t[ menuItems, menuItemsToBlocks, onFinish ]\n\t);\n\n\tconst onCreateFromMenu = ( name ) => {\n\t\t// If we have menu items, create the block right away.\n\t\tif ( hasResolvedMenuItems ) {\n\t\t\tcreateFromMenu( name );\n\t\t\treturn;\n\t\t}\n\n\t\t// Otherwise, create the block when resolution finishes.\n\t\tsetIsCreatingFromMenu( true );\n\t\t// Store the name to use later.\n\t\tsetMenuName( name );\n\t};\n\n\tconst onCreateEmptyMenu = ( name ) => {\n\t\tonFinishMenuCreation( name, [] );\n\t};\n\n\tconst onCreateAllPages = ( name ) => {\n\t\tconst block = [ createBlock( 'core/page-list' ) ];\n\t\tonFinishMenuCreation( name, block );\n\t\tsetIsNewMenuModalVisible( true );\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( menuName );\n\t\t\tsetIsCreatingFromMenu( false );\n\t\t}\n\t}, [ isCreatingFromMenu, hasResolvedMenuItems, menuName ] );\n\n\tconst { navigationMenus } = useNavigationMenu();\n\n\treturn (\n\t\t<>\n\t\t\t{ ( ! hasResolvedNavigationMenus || isStillLoading ) && (\n\t\t\t\t<PlaceholderPreview isLoading />\n\t\t\t) }\n\t\t\t{ hasResolvedNavigationMenus && ! isStillLoading && (\n\t\t\t\t<Placeholder className=\"wp-block-navigation-placeholder\">\n\t\t\t\t\t<PlaceholderPreview />\n\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__controls\">\n\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions\">\n\t\t\t\t\t\t\t<div className=\"wp-block-navigation-placeholder__actions__indicator\">\n\t\t\t\t\t\t\t\t<Icon icon={ navigation } />{ ' ' }\n\t\t\t\t\t\t\t\t{ __( 'Navigation' ) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t{ hasMenus || navigationMenus.length ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<ExistingMenusDropdown\n\t\t\t\t\t\t\t\t\t\tcanSwitchNavigationMenu={\n\t\t\t\t\t\t\t\t\t\t\tcanSwitchNavigationMenu\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tnavigationMenus={ navigationMenus }\n\t\t\t\t\t\t\t\t\t\tsetSelectedMenu={ setSelectedMenu }\n\t\t\t\t\t\t\t\t\t\tonFinish={ onFinish }\n\t\t\t\t\t\t\t\t\t\tmenus={ menus }\n\t\t\t\t\t\t\t\t\t\tonCreateFromMenu={ onCreateFromMenu }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : undefined }\n\t\t\t\t\t\t\t{ hasPages ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tsetIsNewMenuModalVisible( true );\n\t\t\t\t\t\t\t\t\t\t\tsetCreateEmpty( false );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Add all pages' ) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t<hr />\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : undefined }\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsNewMenuModalVisible( true );\n\t\t\t\t\t\t\t\t\tsetCreateEmpty( true );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Start empty' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t{ isNewMenuModalVisible && (\n\t\t\t\t<NavigationMenuNameModal\n\t\t\t\t\ttitle={ __( 'Create your new navigation menu' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsNewMenuModalVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinish={\n\t\t\t\t\t\tcreateEmpty ? onCreateEmptyMenu : onCreateAllPages\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

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

@@ -10,9 +10,10 @@ import classnames from 'classnames';
 
 import { Icon, search } from '@wordpress/icons';
 
-const PlaceholderPreview = ({
-  isLoading
-}) => {
+const PlaceholderPreview = _ref => {
+  let {
+    isLoading
+  } = _ref;
   return createElement("ul", {
     className: classnames('wp-block-navigation-placeholder__preview', 'wp-block-navigation__container', {
       'is-loading': isLoading

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/placeholder/placeholder-preview.js"],"names":["classnames","Icon","search","PlaceholderPreview","isLoading"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,MAAf,QAA6B,kBAA7B;;AAEA,MAAMC,kBAAkB,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAqB;AAC/C,SACC;AACC,IAAA,SAAS,EAAGJ,UAAU,CACrB,0CADqB,EAErB,gCAFqB,EAGrB;AAAE,oBAAcI;AAAhB,KAHqB;AADvB,KAOC;AAAI,IAAA,SAAS,EAAC;AAAd,cAPD,EAQC;AAAI,IAAA,SAAS,EAAC;AAAd,cARD,EASC;AAAI,IAAA,SAAS,EAAC;AAAd,cATD,EAUC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGF;AAAb,IADD,CAVD,CADD;AAgBA,CAjBD;;AAmBA,eAAeC,kBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, search } from '@wordpress/icons';\n\nconst PlaceholderPreview = ( { isLoading } ) => {\n\treturn (\n\t\t<ul\n\t\t\tclassName={ classnames(\n\t\t\t\t'wp-block-navigation-placeholder__preview',\n\t\t\t\t'wp-block-navigation__container',\n\t\t\t\t{ 'is-loading': isLoading }\n\t\t\t) }\n\t\t>\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"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/placeholder/placeholder-preview.js"],"names":["classnames","Icon","search","PlaceholderPreview","isLoading"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,MAAf,QAA6B,kBAA7B;;AAEA,MAAMC,kBAAkB,GAAG,QAAqB;AAAA,MAAnB;AAAEC,IAAAA;AAAF,GAAmB;AAC/C,SACC;AACC,IAAA,SAAS,EAAGJ,UAAU,CACrB,0CADqB,EAErB,gCAFqB,EAGrB;AAAE,oBAAcI;AAAhB,KAHqB;AADvB,KAOC;AAAI,IAAA,SAAS,EAAC;AAAd,cAPD,EAQC;AAAI,IAAA,SAAS,EAAC;AAAd,cARD,EASC;AAAI,IAAA,SAAS,EAAC;AAAd,cATD,EAUC;AAAI,IAAA,SAAS,EAAC;AAAd,KACC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGF;AAAb,IADD,CAVD,CADD;AAgBA,CAjBD;;AAmBA,eAAeC,kBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, search } from '@wordpress/icons';\n\nconst PlaceholderPreview = ( { isLoading } ) => {\n\treturn (\n\t\t<ul\n\t\t\tclassName={ classnames(\n\t\t\t\t'wp-block-navigation-placeholder__preview',\n\t\t\t\t'wp-block-navigation__container',\n\t\t\t\t{ 'is-loading': isLoading }\n\t\t\t) }\n\t\t>\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/edit/responsive-wrapper.js

@@ -12,19 +12,23 @@ import { close, Icon } from '@wordpress/icons';
 import { Button } from '@wordpress/components';
 import { SVG, Rect } from '@wordpress/primitives';
 import { __ } from '@wordpress/i18n';
-export default function ResponsiveWrapper({
-  children,
-  id,
-  isOpen,
-  isResponsive,
-  onToggle,
-  isHiddenByDefault
-}) {
+export default function ResponsiveWrapper(_ref) {
+  let {
+    children,
+    id,
+    isOpen,
+    isResponsive,
+    onToggle,
+    isHiddenByDefault,
+    classNames,
+    styles
+  } = _ref;
+
   if (!isResponsive) {
     return children;
   }
 
-  const responsiveContainerClasses = classnames('wp-block-navigation__responsive-container', {
+  const responsiveContainerClasses = classnames('wp-block-navigation__responsive-container', classNames, {
     'is-menu-open': isOpen,
     'hidden-by-default': isHiddenByDefault
   });
@@ -58,6 +62,7 @@ export default function ResponsiveWrapper({
     height: "1.5"
   }))), createElement("div", {
     className: responsiveContainerClasses,
+    style: styles,
     id: modalId
   }, createElement("div", {
     className: "wp-block-navigation__responsive-close",

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/responsive-wrapper.js"],"names":["classnames","close","Icon","Button","SVG","Rect","__","ResponsiveWrapper","children","id","isOpen","isResponsive","onToggle","isHiddenByDefault","responsiveContainerClasses","openButtonClasses","modalId"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,KAAT,EAAgBC,IAAhB,QAA4B,kBAA5B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,GAAT,EAAcC,IAAd,QAA0B,uBAA1B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,eAAe,SAASC,iBAAT,CAA4B;AAC1CC,EAAAA,QAD0C;AAE1CC,EAAAA,EAF0C;AAG1CC,EAAAA,MAH0C;AAI1CC,EAAAA,YAJ0C;AAK1CC,EAAAA,QAL0C;AAM1CC,EAAAA;AAN0C,CAA5B,EAOX;AACH,MAAK,CAAEF,YAAP,EAAsB;AACrB,WAAOH,QAAP;AACA;;AACD,QAAMM,0BAA0B,GAAGd,UAAU,CAC5C,2CAD4C,EAE5C;AACC,oBAAgBU,MADjB;AAEC,yBAAqBG;AAFtB,GAF4C,CAA7C;AAOA,QAAME,iBAAiB,GAAGf,UAAU,CACnC,gDADmC,EAEnC;AAAE,oBAAgBa;AAAlB,GAFmC,CAApC;AAKA,QAAMG,OAAO,GAAI,GAAGP,EAAI,QAAxB;AAEA,SACC,8BACG,CAAEC,MAAF,IACD,cAAC,MAAD;AACC,qBAAc,MADf;AAEC,qBAAgBA,MAFjB;AAGC,kBAAaJ,EAAE,CAAE,WAAF,CAHhB;AAIC,IAAA,SAAS,EAAGS,iBAJb;AAKC,IAAA,OAAO,EAAG,MAAMH,QAAQ,CAAE,IAAF;AALzB,KAOC,cAAC,GAAD;AACC,IAAA,KAAK,EAAC,4BADP;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,KAAK,EAAC,IAHP;AAIC,IAAA,MAAM,EAAC,IAJR;AAKC,IAAA,IAAI,EAAC,KALN;AAMC,mBAAY,MANb;AAOC,IAAA,SAAS,EAAC;AAPX,KASC,cAAC,IAAD;AAAM,IAAA,CAAC,EAAC,GAAR;AAAY,IAAA,CAAC,EAAC,KAAd;AAAoB,IAAA,KAAK,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC;AAAtC,IATD,EAUC,cAAC,IAAD;AAAM,IAAA,CAAC,EAAC,GAAR;AAAY,IAAA,CAAC,EAAC,IAAd;AAAmB,IAAA,KAAK,EAAC,IAAzB;AAA8B,IAAA,MAAM,EAAC;AAArC,IAVD,CAPD,CAFF,EAwBC;AAAK,IAAA,SAAS,EAAGE,0BAAjB;AAA8C,IAAA,EAAE,EAAGE;AAAnD,KACC;AACC,IAAA,SAAS,EAAC,uCADX;AAEC,IAAA,QAAQ,EAAC;AAFV,KAIC;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,IAAI,EAAC,QAFN;AAGC,kBAAW,MAHZ;AAIC,uBAAmB,GAAGA,OAAS;AAJhC,KAMC,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,iDADX;AAEC,kBAAaV,EAAE,CAAE,YAAF,CAFhB;AAGC,IAAA,OAAO,EAAG,MAAMM,QAAQ,CAAE,KAAF;AAHzB,KAKC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGX;AAAb,IALD,CAND,EAaC;AACC,IAAA,SAAS,EAAC,mDADX;AAEC,IAAA,EAAE,EAAI,GAAGe,OAAS;AAFnB,KAIGR,QAJH,CAbD,CAJD,CADD,CAxBD,CADD;AAsDA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { close, Icon } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { SVG, Rect } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ResponsiveWrapper( {\n\tchildren,\n\tid,\n\tisOpen,\n\tisResponsive,\n\tonToggle,\n\tisHiddenByDefault,\n} ) {\n\tif ( ! isResponsive ) {\n\t\treturn children;\n\t}\n\tconst responsiveContainerClasses = classnames(\n\t\t'wp-block-navigation__responsive-container',\n\t\t{\n\t\t\t'is-menu-open': isOpen,\n\t\t\t'hidden-by-default': isHiddenByDefault,\n\t\t}\n\t);\n\tconst openButtonClasses = classnames(\n\t\t'wp-block-navigation__responsive-container-open',\n\t\t{ 'always-shown': isHiddenByDefault }\n\t);\n\n\tconst modalId = `${ id }-modal`;\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isOpen && (\n\t\t\t\t<Button\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-label={ __( 'Open menu' ) }\n\t\t\t\t\tclassName={ openButtonClasses }\n\t\t\t\t\tonClick={ () => onToggle( true ) }\n\t\t\t\t>\n\t\t\t\t\t<SVG\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Rect x=\"4\" y=\"7.5\" width=\"16\" height=\"1.5\" />\n\t\t\t\t\t\t<Rect x=\"4\" y=\"15\" width=\"16\" height=\"1.5\" />\n\t\t\t\t\t</SVG>\n\t\t\t\t</Button>\n\t\t\t) }\n\n\t\t\t<div className={ responsiveContainerClasses } id={ modalId }>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wp-block-navigation__responsive-close\"\n\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-dialog\"\n\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\taria-labelledby={ `${ modalId }-title` }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-close\"\n\t\t\t\t\t\t\taria-label={ __( 'Close menu' ) }\n\t\t\t\t\t\t\tonClick={ () => onToggle( false ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon icon={ close } />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-content\"\n\t\t\t\t\t\t\tid={ `${ modalId }-content` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/responsive-wrapper.js"],"names":["classnames","close","Icon","Button","SVG","Rect","__","ResponsiveWrapper","children","id","isOpen","isResponsive","onToggle","isHiddenByDefault","classNames","styles","responsiveContainerClasses","openButtonClasses","modalId"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,KAAT,EAAgBC,IAAhB,QAA4B,kBAA5B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,GAAT,EAAcC,IAAd,QAA0B,uBAA1B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,eAAe,SAASC,iBAAT,OASX;AAAA,MATuC;AAC1CC,IAAAA,QAD0C;AAE1CC,IAAAA,EAF0C;AAG1CC,IAAAA,MAH0C;AAI1CC,IAAAA,YAJ0C;AAK1CC,IAAAA,QAL0C;AAM1CC,IAAAA,iBAN0C;AAO1CC,IAAAA,UAP0C;AAQ1CC,IAAAA;AAR0C,GASvC;;AACH,MAAK,CAAEJ,YAAP,EAAsB;AACrB,WAAOH,QAAP;AACA;;AACD,QAAMQ,0BAA0B,GAAGhB,UAAU,CAC5C,2CAD4C,EAE5Cc,UAF4C,EAG5C;AACC,oBAAgBJ,MADjB;AAEC,yBAAqBG;AAFtB,GAH4C,CAA7C;AAQA,QAAMI,iBAAiB,GAAGjB,UAAU,CACnC,gDADmC,EAEnC;AAAE,oBAAgBa;AAAlB,GAFmC,CAApC;AAKA,QAAMK,OAAO,GAAI,GAAGT,EAAI,QAAxB;AAEA,SACC,8BACG,CAAEC,MAAF,IACD,cAAC,MAAD;AACC,qBAAc,MADf;AAEC,qBAAgBA,MAFjB;AAGC,kBAAaJ,EAAE,CAAE,WAAF,CAHhB;AAIC,IAAA,SAAS,EAAGW,iBAJb;AAKC,IAAA,OAAO,EAAG,MAAML,QAAQ,CAAE,IAAF;AALzB,KAOC,cAAC,GAAD;AACC,IAAA,KAAK,EAAC,4BADP;AAEC,IAAA,OAAO,EAAC,WAFT;AAGC,IAAA,KAAK,EAAC,IAHP;AAIC,IAAA,MAAM,EAAC,IAJR;AAKC,IAAA,IAAI,EAAC,KALN;AAMC,mBAAY,MANb;AAOC,IAAA,SAAS,EAAC;AAPX,KASC,cAAC,IAAD;AAAM,IAAA,CAAC,EAAC,GAAR;AAAY,IAAA,CAAC,EAAC,KAAd;AAAoB,IAAA,KAAK,EAAC,IAA1B;AAA+B,IAAA,MAAM,EAAC;AAAtC,IATD,EAUC,cAAC,IAAD;AAAM,IAAA,CAAC,EAAC,GAAR;AAAY,IAAA,CAAC,EAAC,IAAd;AAAmB,IAAA,KAAK,EAAC,IAAzB;AAA8B,IAAA,MAAM,EAAC;AAArC,IAVD,CAPD,CAFF,EAwBC;AACC,IAAA,SAAS,EAAGI,0BADb;AAEC,IAAA,KAAK,EAAGD,MAFT;AAGC,IAAA,EAAE,EAAGG;AAHN,KAKC;AACC,IAAA,SAAS,EAAC,uCADX;AAEC,IAAA,QAAQ,EAAC;AAFV,KAIC;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,IAAI,EAAC,QAFN;AAGC,kBAAW,MAHZ;AAIC,uBAAmB,GAAGA,OAAS;AAJhC,KAMC,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,iDADX;AAEC,kBAAaZ,EAAE,CAAE,YAAF,CAFhB;AAGC,IAAA,OAAO,EAAG,MAAMM,QAAQ,CAAE,KAAF;AAHzB,KAKC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGX;AAAb,IALD,CAND,EAaC;AACC,IAAA,SAAS,EAAC,mDADX;AAEC,IAAA,EAAE,EAAI,GAAGiB,OAAS;AAFnB,KAIGV,QAJH,CAbD,CAJD,CALD,CAxBD,CADD;AA0DA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { close, Icon } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { SVG, Rect } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ResponsiveWrapper( {\n\tchildren,\n\tid,\n\tisOpen,\n\tisResponsive,\n\tonToggle,\n\tisHiddenByDefault,\n\tclassNames,\n\tstyles,\n} ) {\n\tif ( ! isResponsive ) {\n\t\treturn children;\n\t}\n\tconst responsiveContainerClasses = classnames(\n\t\t'wp-block-navigation__responsive-container',\n\t\tclassNames,\n\t\t{\n\t\t\t'is-menu-open': isOpen,\n\t\t\t'hidden-by-default': isHiddenByDefault,\n\t\t}\n\t);\n\tconst openButtonClasses = classnames(\n\t\t'wp-block-navigation__responsive-container-open',\n\t\t{ 'always-shown': isHiddenByDefault }\n\t);\n\n\tconst modalId = `${ id }-modal`;\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isOpen && (\n\t\t\t\t<Button\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-label={ __( 'Open menu' ) }\n\t\t\t\t\tclassName={ openButtonClasses }\n\t\t\t\t\tonClick={ () => onToggle( true ) }\n\t\t\t\t>\n\t\t\t\t\t<SVG\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\twidth=\"24\"\n\t\t\t\t\t\theight=\"24\"\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tfocusable=\"false\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Rect x=\"4\" y=\"7.5\" width=\"16\" height=\"1.5\" />\n\t\t\t\t\t\t<Rect x=\"4\" y=\"15\" width=\"16\" height=\"1.5\" />\n\t\t\t\t\t</SVG>\n\t\t\t\t</Button>\n\t\t\t) }\n\n\t\t\t<div\n\t\t\t\tclassName={ responsiveContainerClasses }\n\t\t\t\tstyle={ styles }\n\t\t\t\tid={ modalId }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"wp-block-navigation__responsive-close\"\n\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-dialog\"\n\t\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\t\taria-labelledby={ `${ modalId }-title` }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-close\"\n\t\t\t\t\t\t\taria-label={ __( 'Close menu' ) }\n\t\t\t\t\t\t\tonClick={ () => onToggle( false ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon icon={ close } />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wp-block-navigation__responsive-container-content\"\n\t\t\t\t\t\t\tid={ `${ modalId }-content` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build-module/navigation/edit/unsaved-inner-blocks.js

@@ -29,14 +29,15 @@ const DRAFT_MENU_PARAMS = ['postType', 'wp_navigation', {
   status: 'draft',
   per_page: -1
 }];
-export default function UnsavedInnerBlocks({
-  blockProps,
-  blocks,
-  clientId,
-  hasSavedUnsavedInnerBlocks,
-  onSave,
-  hasSelection
-}) {
+export default function UnsavedInnerBlocks(_ref) {
+  let {
+    blockProps,
+    blocks,
+    clientId,
+    hasSavedUnsavedInnerBlocks,
+    onSave,
+    hasSelection
+  } = _ref;
   // The block will be disabled in a block preview, use this as a way of
   // avoiding the side-effects of this component for block previews.
   const isDisabled = useContext(Disabled.Context);

package/build-module/navigation/edit/unsaved-inner-blocks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/unsaved-inner-blocks.js"],"names":["classnames","useInnerBlocksProps","serialize","Disabled","Spinner","store","coreStore","useDispatch","useSelect","useCallback","useContext","useEffect","useRef","__","sprintf","useNavigationMenu","useTemplatePartAreaLabel","NOOP","EMPTY_OBJECT","DRAFT_MENU_PARAMS","status","per_page","UnsavedInnerBlocks","blockProps","blocks","clientId","hasSavedUnsavedInnerBlocks","onSave","hasSelection","isDisabled","Context","savingLock","innerBlocksProps","renderAppender","undefined","value","onChange","onInput","saveEntityRecord","isSaving","draftNavigationMenus","hasResolvedDraftNavigationMenus","select","getEntityRecords","hasFinishedResolution","isSavingEntityRecord","hasResolvedNavigationMenus","navigationMenus","createNavigationMenu","title","record","content","navigationMenu","area","current","matchingMenuTitleCount","reduce","count","menu","raw","startsWith","titleWithCount"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,yBAApC;AACA,SAASC,SAAT,QAA0B,mBAA1B;AACA,SAASC,QAAT,EAAmBC,OAAnB,QAAkC,uBAAlC;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,WAAT,EAAsBC,UAAtB,EAAkCC,SAAlC,EAA6CC,MAA7C,QAA2D,oBAA3D;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,wBAAP,MAAqC,iCAArC;;AAEA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,MAAMC,iBAAiB,GAAG,CACzB,UADyB,EAEzB,eAFyB,EAGzB;AAAEC,EAAAA,MAAM,EAAE,OAAV;AAAmBC,EAAAA,QAAQ,EAAE,CAAC;AAA9B,CAHyB,CAA1B;AAMA,eAAe,SAASC,kBAAT,CAA6B;AAC3CC,EAAAA,UAD2C;AAE3CC,EAAAA,MAF2C;AAG3CC,EAAAA,QAH2C;AAI3CC,EAAAA,0BAJ2C;AAK3CC,EAAAA,MAL2C;AAM3CC,EAAAA;AAN2C,CAA7B,EAOX;AACH;AACA;AACA,QAAMC,UAAU,GAAGnB,UAAU,CAAEP,QAAQ,CAAC2B,OAAX,CAA7B;AACA,QAAMC,UAAU,GAAGnB,MAAM,CAAE,KAAF,CAAzB;AAEA,QAAMoB,gBAAgB,GAAG/B,mBAAmB,CAAEsB,UAAF,EAAc;AACzDU,IAAAA,cAAc,EAAEL,YAAY,GAAGM,SAAH,GAAe,KADc;AAGzD;AACA;AACA;AACAC,IAAAA,KAAK,EAAEX,MANkD;AAOzDY,IAAAA,QAAQ,EAAEnB,IAP+C;AAQzDoB,IAAAA,OAAO,EAAEpB;AARgD,GAAd,CAA5C;AAUA,QAAM;AAAEqB,IAAAA;AAAF,MAAuB/B,WAAW,CAAED,SAAF,CAAxC;AAEA,QAAM;AACLiC,IAAAA,QADK;AAELC,IAAAA,oBAFK;AAGLC,IAAAA;AAHK,MAIFjC,SAAS,CACVkC,MAAF,IAAc;AACb,QAAKb,UAAL,EAAkB;AACjB,aAAOX,YAAP;AACA;;AAED,UAAM;AACLyB,MAAAA,gBADK;AAELC,MAAAA,qBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAEpC,SAAF,CAJV;AAMA,WAAO;AACNiC,MAAAA,QAAQ,EAAEM,oBAAoB,CAAE,UAAF,EAAc,eAAd,CADxB;AAENL,MAAAA,oBAAoB,EAAEG,gBAAgB,CAAE,GAAGxB,iBAAL,CAFhC;AAGNsB,MAAAA,+BAA+B,EAAEG,qBAAqB,CACrD,kBADqD,EAErDzB,iBAFqD;AAHhD,KAAP;AAQA,GApBW,EAqBZ,CAAEU,UAAF,CArBY,CAJb;AA4BA,QAAM;AAAEiB,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MAAkDhC,iBAAiB,EAAzE;AAEA,QAAMiC,oBAAoB,GAAGvC,WAAW,CACvC,MAAQwC,KAAR,IAAmB;AAClB,UAAMC,MAAM,GAAG;AACdD,MAAAA,KADc;AAEdE,MAAAA,OAAO,EAAEjD,SAAS,CAAEsB,MAAF,CAFJ;AAGdJ,MAAAA,MAAM,EAAE;AAHM,KAAf;AAMA,UAAMgC,cAAc,GAAG,MAAMd,gBAAgB,CAC5C,UAD4C,EAE5C,eAF4C,EAG5CY,MAH4C,CAA7C;AAMA,WAAOE,cAAP;AACA,GAfsC,EAgBvC,CAAE5B,MAAF,EAAUtB,SAAV,EAAqBoC,gBAArB,CAhBuC,CAAxC,CAhDG,CAmEH;AACA;AACA;;AACA,QAAMe,IAAI,GAAGrC,wBAAwB,CAAEa,UAAU,GAAGK,SAAH,GAAeT,QAA3B,CAArC,CAtEG,CAwEH;;AACAd,EAAAA,SAAS,CAAE,YAAY;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QACCkB,UAAU,IACVH,0BADA,IAEAa,QAFA,IAGAR,UAAU,CAACuB,OAHX,IAIA,CAAEb,+BAJF,IAKA,CAAEK,0BALF,IAMA,CAAElB,YAPH,EAQE;AACD;AACA;;AAEDG,IAAAA,UAAU,CAACuB,OAAX,GAAqB,IAArB;AACA,UAAML,KAAK,GAAGI,IAAI,GACfvC,OAAO,EACP;AACAD,IAAAA,EAAE,CAAE,eAAF,CAFK,EAGPwC,IAHO,CADQ,GAMf;AACAxC,IAAAA,EAAE,CAAE,YAAF,CAPL,CA1BsB,CAmCtB;;AACA,UAAM0C,sBAAsB,GAAG,CAC9B,GAAGf,oBAD2B,EAE9B,GAAGO,eAF2B,EAG7BS,MAH6B,CAI9B,CAAEC,KAAF,EAASC,IAAT;AAAA;;AAAA,aACCA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,mBAAAA,IAAI,CAAET,KAAN,uEAAaU,GAAb,4DAAkBC,UAAlB,CAA8BX,KAA9B,IAAwCQ,KAAK,GAAG,CAAhD,GAAoDA,KADrD;AAAA,KAJ8B,EAM9B,CAN8B,CAA/B,CApCsB,CA6CtB;AACA;;AACA,UAAMI,cAAc,GACnBN,sBAAsB,GAAG,CAAzB,GACI,GAAGN,KAAO,IAAIM,sBAAsB,GAAG,CAAG,EAD9C,GAEGN,KAHJ;AAKA,UAAMS,IAAI,GAAG,MAAMV,oBAAoB,CAAEa,cAAF,CAAvC;AACAlC,IAAAA,MAAM,CAAE+B,IAAF,CAAN;AACA3B,IAAAA,UAAU,CAACuB,OAAX,GAAqB,KAArB;AACA,GAvDQ,EAuDN,CACFzB,UADE,EAEFU,QAFE,EAGFE,+BAHE,EAIFK,0BAJE,EAKFN,oBALE,EAMFO,eANE,EAOFnB,YAPE,EAQFoB,oBARE,EASFK,IATE,CAvDM,CAAT;AAmEA,SACC,8BACC,qBAAU9B,UAAV,EACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,QAAD;AACC,IAAA,SAAS,EAAGvB,UAAU,CACrB,8CADqB,EAErB;AACC,mBAAa4B;AADd,KAFqB;AADvB,KAQC,qBAAUI,gBAAV,CARD,CADD,EAWGJ,YAAY,IAAI,cAAC,OAAD,OAXnB,CADD,CADD,CADD;AAmBA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps } from '@wordpress/block-editor';\nimport { serialize } from '@wordpress/blocks';\nimport { Disabled, Spinner } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useContext, useEffect, useRef } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useNavigationMenu from '../use-navigation-menu';\nimport useTemplatePartAreaLabel from '../use-template-part-area-label';\n\nconst NOOP = () => {};\nconst EMPTY_OBJECT = {};\nconst DRAFT_MENU_PARAMS = [\n\t'postType',\n\t'wp_navigation',\n\t{ status: 'draft', per_page: -1 },\n];\n\nexport default function UnsavedInnerBlocks( {\n\tblockProps,\n\tblocks,\n\tclientId,\n\thasSavedUnsavedInnerBlocks,\n\tonSave,\n\thasSelection,\n} ) {\n\t// The block will be disabled in a block preview, use this as a way of\n\t// avoiding the side-effects of this component for block previews.\n\tconst isDisabled = useContext( Disabled.Context );\n\tconst savingLock = useRef( false );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\trenderAppender: hasSelection ? undefined : false,\n\n\t\t// Make the inner blocks 'controlled'. This allows the block to always\n\t\t// work with controlled inner blocks, smoothing out the switch to using\n\t\t// an entity.\n\t\tvalue: blocks,\n\t\tonChange: NOOP,\n\t\tonInput: NOOP,\n\t} );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tconst {\n\t\tisSaving,\n\t\tdraftNavigationMenus,\n\t\thasResolvedDraftNavigationMenus,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isDisabled ) {\n\t\t\t\treturn EMPTY_OBJECT;\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tgetEntityRecords,\n\t\t\t\thasFinishedResolution,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t} = select( coreStore );\n\n\t\t\treturn {\n\t\t\t\tisSaving: isSavingEntityRecord( 'postType', 'wp_navigation' ),\n\t\t\t\tdraftNavigationMenus: getEntityRecords( ...DRAFT_MENU_PARAMS ),\n\t\t\t\thasResolvedDraftNavigationMenus: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tDRAFT_MENU_PARAMS\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ isDisabled ]\n\t);\n\n\tconst { hasResolvedNavigationMenus, navigationMenus } = useNavigationMenu();\n\n\tconst createNavigationMenu = useCallback(\n\t\tasync ( title ) => {\n\t\t\tconst record = {\n\t\t\t\ttitle,\n\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\tstatus: 'draft',\n\t\t\t};\n\n\t\t\tconst navigationMenu = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_navigation',\n\t\t\t\trecord\n\t\t\t);\n\n\t\t\treturn navigationMenu;\n\t\t},\n\t\t[ blocks, serialize, saveEntityRecord ]\n\t);\n\n\t// Because we can't conditionally call hooks, pass an undefined client id\n\t// arg to bypass the expensive `useTemplateArea` code. The hook will return\n\t// early.\n\tconst area = useTemplatePartAreaLabel( isDisabled ? undefined : clientId );\n\n\t// Automatically save the uncontrolled blocks.\n\tuseEffect( async () => {\n\t\t// The block will be disabled when used in a BlockPreview.\n\t\t// In this case avoid automatic creation of a wp_navigation post.\n\t\t// Otherwise the user will be spammed with lots of menus!\n\t\t//\n\t\t// Also ensure other navigation menus have loaded so an\n\t\t// accurate name can be created.\n\t\t//\n\t\t// Don't try saving when another save is already\n\t\t// in progress.\n\t\t//\n\t\t// And finally only create the menu when the block is selected,\n\t\t// which is an indication they want to start editing.\n\t\tif (\n\t\t\tisDisabled ||\n\t\t\thasSavedUnsavedInnerBlocks ||\n\t\t\tisSaving ||\n\t\t\tsavingLock.current ||\n\t\t\t! hasResolvedDraftNavigationMenus ||\n\t\t\t! hasResolvedNavigationMenus ||\n\t\t\t! hasSelection\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsavingLock.current = true;\n\t\tconst title = area\n\t\t\t? sprintf(\n\t\t\t\t\t// translators: %s: the name of a menu (e.g. Header navigation).\n\t\t\t\t\t__( '%s navigation' ),\n\t\t\t\t\tarea\n\t\t\t  )\n\t\t\t: // translators: 'navigation' as in website navigation.\n\t\t\t  __( 'Navigation' );\n\n\t\t// Determine how many menus start with the automatic title.\n\t\tconst matchingMenuTitleCount = [\n\t\t\t...draftNavigationMenus,\n\t\t\t...navigationMenus,\n\t\t].reduce(\n\t\t\t( count, menu ) =>\n\t\t\t\tmenu?.title?.raw?.startsWith( title ) ? count + 1 : count,\n\t\t\t0\n\t\t);\n\n\t\t// Append a number to the end of the title if a menu with\n\t\t// the same name exists.\n\t\tconst titleWithCount =\n\t\t\tmatchingMenuTitleCount > 0\n\t\t\t\t? `${ title } ${ matchingMenuTitleCount + 1 }`\n\t\t\t\t: title;\n\n\t\tconst menu = await createNavigationMenu( titleWithCount );\n\t\tonSave( menu );\n\t\tsavingLock.current = false;\n\t}, [\n\t\tisDisabled,\n\t\tisSaving,\n\t\thasResolvedDraftNavigationMenus,\n\t\thasResolvedNavigationMenus,\n\t\tdraftNavigationMenus,\n\t\tnavigationMenus,\n\t\thasSelection,\n\t\tcreateNavigationMenu,\n\t\tarea,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<div className=\"wp-block-navigation__unsaved-changes\">\n\t\t\t\t\t<Disabled\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-navigation__unsaved-changes-overlay',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-saving': hasSelection,\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<div { ...innerBlocksProps } />\n\t\t\t\t\t</Disabled>\n\t\t\t\t\t{ hasSelection && <Spinner /> }\n\t\t\t\t</div>\n\t\t\t</nav>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/unsaved-inner-blocks.js"],"names":["classnames","useInnerBlocksProps","serialize","Disabled","Spinner","store","coreStore","useDispatch","useSelect","useCallback","useContext","useEffect","useRef","__","sprintf","useNavigationMenu","useTemplatePartAreaLabel","NOOP","EMPTY_OBJECT","DRAFT_MENU_PARAMS","status","per_page","UnsavedInnerBlocks","blockProps","blocks","clientId","hasSavedUnsavedInnerBlocks","onSave","hasSelection","isDisabled","Context","savingLock","innerBlocksProps","renderAppender","undefined","value","onChange","onInput","saveEntityRecord","isSaving","draftNavigationMenus","hasResolvedDraftNavigationMenus","select","getEntityRecords","hasFinishedResolution","isSavingEntityRecord","hasResolvedNavigationMenus","navigationMenus","createNavigationMenu","title","record","content","navigationMenu","area","current","matchingMenuTitleCount","reduce","count","menu","raw","startsWith","titleWithCount"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,yBAApC;AACA,SAASC,SAAT,QAA0B,mBAA1B;AACA,SAASC,QAAT,EAAmBC,OAAnB,QAAkC,uBAAlC;AACA,SAASC,KAAK,IAAIC,SAAlB,QAAmC,sBAAnC;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,WAAT,EAAsBC,UAAtB,EAAkCC,SAAlC,EAA6CC,MAA7C,QAA2D,oBAA3D;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,wBAAP,MAAqC,iCAArC;;AAEA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;;AACA,MAAMC,YAAY,GAAG,EAArB;AACA,MAAMC,iBAAiB,GAAG,CACzB,UADyB,EAEzB,eAFyB,EAGzB;AAAEC,EAAAA,MAAM,EAAE,OAAV;AAAmBC,EAAAA,QAAQ,EAAE,CAAC;AAA9B,CAHyB,CAA1B;AAMA,eAAe,SAASC,kBAAT,OAOX;AAAA,MAPwC;AAC3CC,IAAAA,UAD2C;AAE3CC,IAAAA,MAF2C;AAG3CC,IAAAA,QAH2C;AAI3CC,IAAAA,0BAJ2C;AAK3CC,IAAAA,MAL2C;AAM3CC,IAAAA;AAN2C,GAOxC;AACH;AACA;AACA,QAAMC,UAAU,GAAGnB,UAAU,CAAEP,QAAQ,CAAC2B,OAAX,CAA7B;AACA,QAAMC,UAAU,GAAGnB,MAAM,CAAE,KAAF,CAAzB;AAEA,QAAMoB,gBAAgB,GAAG/B,mBAAmB,CAAEsB,UAAF,EAAc;AACzDU,IAAAA,cAAc,EAAEL,YAAY,GAAGM,SAAH,GAAe,KADc;AAGzD;AACA;AACA;AACAC,IAAAA,KAAK,EAAEX,MANkD;AAOzDY,IAAAA,QAAQ,EAAEnB,IAP+C;AAQzDoB,IAAAA,OAAO,EAAEpB;AARgD,GAAd,CAA5C;AAUA,QAAM;AAAEqB,IAAAA;AAAF,MAAuB/B,WAAW,CAAED,SAAF,CAAxC;AAEA,QAAM;AACLiC,IAAAA,QADK;AAELC,IAAAA,oBAFK;AAGLC,IAAAA;AAHK,MAIFjC,SAAS,CACVkC,MAAF,IAAc;AACb,QAAKb,UAAL,EAAkB;AACjB,aAAOX,YAAP;AACA;;AAED,UAAM;AACLyB,MAAAA,gBADK;AAELC,MAAAA,qBAFK;AAGLC,MAAAA;AAHK,QAIFH,MAAM,CAAEpC,SAAF,CAJV;AAMA,WAAO;AACNiC,MAAAA,QAAQ,EAAEM,oBAAoB,CAAE,UAAF,EAAc,eAAd,CADxB;AAENL,MAAAA,oBAAoB,EAAEG,gBAAgB,CAAE,GAAGxB,iBAAL,CAFhC;AAGNsB,MAAAA,+BAA+B,EAAEG,qBAAqB,CACrD,kBADqD,EAErDzB,iBAFqD;AAHhD,KAAP;AAQA,GApBW,EAqBZ,CAAEU,UAAF,CArBY,CAJb;AA4BA,QAAM;AAAEiB,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MAAkDhC,iBAAiB,EAAzE;AAEA,QAAMiC,oBAAoB,GAAGvC,WAAW,CACvC,MAAQwC,KAAR,IAAmB;AAClB,UAAMC,MAAM,GAAG;AACdD,MAAAA,KADc;AAEdE,MAAAA,OAAO,EAAEjD,SAAS,CAAEsB,MAAF,CAFJ;AAGdJ,MAAAA,MAAM,EAAE;AAHM,KAAf;AAMA,UAAMgC,cAAc,GAAG,MAAMd,gBAAgB,CAC5C,UAD4C,EAE5C,eAF4C,EAG5CY,MAH4C,CAA7C;AAMA,WAAOE,cAAP;AACA,GAfsC,EAgBvC,CAAE5B,MAAF,EAAUtB,SAAV,EAAqBoC,gBAArB,CAhBuC,CAAxC,CAhDG,CAmEH;AACA;AACA;;AACA,QAAMe,IAAI,GAAGrC,wBAAwB,CAAEa,UAAU,GAAGK,SAAH,GAAeT,QAA3B,CAArC,CAtEG,CAwEH;;AACAd,EAAAA,SAAS,CAAE,YAAY;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QACCkB,UAAU,IACVH,0BADA,IAEAa,QAFA,IAGAR,UAAU,CAACuB,OAHX,IAIA,CAAEb,+BAJF,IAKA,CAAEK,0BALF,IAMA,CAAElB,YAPH,EAQE;AACD;AACA;;AAEDG,IAAAA,UAAU,CAACuB,OAAX,GAAqB,IAArB;AACA,UAAML,KAAK,GAAGI,IAAI,GACfvC,OAAO,EACP;AACAD,IAAAA,EAAE,CAAE,eAAF,CAFK,EAGPwC,IAHO,CADQ,GAMf;AACAxC,IAAAA,EAAE,CAAE,YAAF,CAPL,CA1BsB,CAmCtB;;AACA,UAAM0C,sBAAsB,GAAG,CAC9B,GAAGf,oBAD2B,EAE9B,GAAGO,eAF2B,EAG7BS,MAH6B,CAI9B,CAAEC,KAAF,EAASC,IAAT;AAAA;;AAAA,aACCA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,mBAAAA,IAAI,CAAET,KAAN,uEAAaU,GAAb,4DAAkBC,UAAlB,CAA8BX,KAA9B,IAAwCQ,KAAK,GAAG,CAAhD,GAAoDA,KADrD;AAAA,KAJ8B,EAM9B,CAN8B,CAA/B,CApCsB,CA6CtB;AACA;;AACA,UAAMI,cAAc,GACnBN,sBAAsB,GAAG,CAAzB,GACI,GAAGN,KAAO,IAAIM,sBAAsB,GAAG,CAAG,EAD9C,GAEGN,KAHJ;AAKA,UAAMS,IAAI,GAAG,MAAMV,oBAAoB,CAAEa,cAAF,CAAvC;AACAlC,IAAAA,MAAM,CAAE+B,IAAF,CAAN;AACA3B,IAAAA,UAAU,CAACuB,OAAX,GAAqB,KAArB;AACA,GAvDQ,EAuDN,CACFzB,UADE,EAEFU,QAFE,EAGFE,+BAHE,EAIFK,0BAJE,EAKFN,oBALE,EAMFO,eANE,EAOFnB,YAPE,EAQFoB,oBARE,EASFK,IATE,CAvDM,CAAT;AAmEA,SACC,8BACC,qBAAU9B,UAAV,EACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,QAAD;AACC,IAAA,SAAS,EAAGvB,UAAU,CACrB,8CADqB,EAErB;AACC,mBAAa4B;AADd,KAFqB;AADvB,KAQC,qBAAUI,gBAAV,CARD,CADD,EAWGJ,YAAY,IAAI,cAAC,OAAD,OAXnB,CADD,CADD,CADD;AAmBA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInnerBlocksProps } from '@wordpress/block-editor';\nimport { serialize } from '@wordpress/blocks';\nimport { Disabled, Spinner } from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useContext, useEffect, useRef } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useNavigationMenu from '../use-navigation-menu';\nimport useTemplatePartAreaLabel from '../use-template-part-area-label';\n\nconst NOOP = () => {};\nconst EMPTY_OBJECT = {};\nconst DRAFT_MENU_PARAMS = [\n\t'postType',\n\t'wp_navigation',\n\t{ status: 'draft', per_page: -1 },\n];\n\nexport default function UnsavedInnerBlocks( {\n\tblockProps,\n\tblocks,\n\tclientId,\n\thasSavedUnsavedInnerBlocks,\n\tonSave,\n\thasSelection,\n} ) {\n\t// The block will be disabled in a block preview, use this as a way of\n\t// avoiding the side-effects of this component for block previews.\n\tconst isDisabled = useContext( Disabled.Context );\n\tconst savingLock = useRef( false );\n\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\trenderAppender: hasSelection ? undefined : false,\n\n\t\t// Make the inner blocks 'controlled'. This allows the block to always\n\t\t// work with controlled inner blocks, smoothing out the switch to using\n\t\t// an entity.\n\t\tvalue: blocks,\n\t\tonChange: NOOP,\n\t\tonInput: NOOP,\n\t} );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\n\tconst {\n\t\tisSaving,\n\t\tdraftNavigationMenus,\n\t\thasResolvedDraftNavigationMenus,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tif ( isDisabled ) {\n\t\t\t\treturn EMPTY_OBJECT;\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tgetEntityRecords,\n\t\t\t\thasFinishedResolution,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t} = select( coreStore );\n\n\t\t\treturn {\n\t\t\t\tisSaving: isSavingEntityRecord( 'postType', 'wp_navigation' ),\n\t\t\t\tdraftNavigationMenus: getEntityRecords( ...DRAFT_MENU_PARAMS ),\n\t\t\t\thasResolvedDraftNavigationMenus: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\tDRAFT_MENU_PARAMS\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ isDisabled ]\n\t);\n\n\tconst { hasResolvedNavigationMenus, navigationMenus } = useNavigationMenu();\n\n\tconst createNavigationMenu = useCallback(\n\t\tasync ( title ) => {\n\t\t\tconst record = {\n\t\t\t\ttitle,\n\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\tstatus: 'draft',\n\t\t\t};\n\n\t\t\tconst navigationMenu = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_navigation',\n\t\t\t\trecord\n\t\t\t);\n\n\t\t\treturn navigationMenu;\n\t\t},\n\t\t[ blocks, serialize, saveEntityRecord ]\n\t);\n\n\t// Because we can't conditionally call hooks, pass an undefined client id\n\t// arg to bypass the expensive `useTemplateArea` code. The hook will return\n\t// early.\n\tconst area = useTemplatePartAreaLabel( isDisabled ? undefined : clientId );\n\n\t// Automatically save the uncontrolled blocks.\n\tuseEffect( async () => {\n\t\t// The block will be disabled when used in a BlockPreview.\n\t\t// In this case avoid automatic creation of a wp_navigation post.\n\t\t// Otherwise the user will be spammed with lots of menus!\n\t\t//\n\t\t// Also ensure other navigation menus have loaded so an\n\t\t// accurate name can be created.\n\t\t//\n\t\t// Don't try saving when another save is already\n\t\t// in progress.\n\t\t//\n\t\t// And finally only create the menu when the block is selected,\n\t\t// which is an indication they want to start editing.\n\t\tif (\n\t\t\tisDisabled ||\n\t\t\thasSavedUnsavedInnerBlocks ||\n\t\t\tisSaving ||\n\t\t\tsavingLock.current ||\n\t\t\t! hasResolvedDraftNavigationMenus ||\n\t\t\t! hasResolvedNavigationMenus ||\n\t\t\t! hasSelection\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tsavingLock.current = true;\n\t\tconst title = area\n\t\t\t? sprintf(\n\t\t\t\t\t// translators: %s: the name of a menu (e.g. Header navigation).\n\t\t\t\t\t__( '%s navigation' ),\n\t\t\t\t\tarea\n\t\t\t  )\n\t\t\t: // translators: 'navigation' as in website navigation.\n\t\t\t  __( 'Navigation' );\n\n\t\t// Determine how many menus start with the automatic title.\n\t\tconst matchingMenuTitleCount = [\n\t\t\t...draftNavigationMenus,\n\t\t\t...navigationMenus,\n\t\t].reduce(\n\t\t\t( count, menu ) =>\n\t\t\t\tmenu?.title?.raw?.startsWith( title ) ? count + 1 : count,\n\t\t\t0\n\t\t);\n\n\t\t// Append a number to the end of the title if a menu with\n\t\t// the same name exists.\n\t\tconst titleWithCount =\n\t\t\tmatchingMenuTitleCount > 0\n\t\t\t\t? `${ title } ${ matchingMenuTitleCount + 1 }`\n\t\t\t\t: title;\n\n\t\tconst menu = await createNavigationMenu( titleWithCount );\n\t\tonSave( menu );\n\t\tsavingLock.current = false;\n\t}, [\n\t\tisDisabled,\n\t\tisSaving,\n\t\thasResolvedDraftNavigationMenus,\n\t\thasResolvedNavigationMenus,\n\t\tdraftNavigationMenus,\n\t\tnavigationMenus,\n\t\thasSelection,\n\t\tcreateNavigationMenu,\n\t\tarea,\n\t] );\n\n\treturn (\n\t\t<>\n\t\t\t<nav { ...blockProps }>\n\t\t\t\t<div className=\"wp-block-navigation__unsaved-changes\">\n\t\t\t\t\t<Disabled\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-navigation__unsaved-changes-overlay',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-saving': hasSelection,\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<div { ...innerBlocksProps } />\n\t\t\t\t\t</Disabled>\n\t\t\t\t\t{ hasSelection && <Spinner /> }\n\t\t\t\t</div>\n\t\t\t</nav>\n\t\t</>\n\t);\n}\n"]}

package/build-module/navigation/edit/use-list-view-modal.js

@@ -10,10 +10,11 @@ import { useRef, useEffect, useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { listView } from '@wordpress/icons';
 
-function NavigationBlockListView({
-  clientId,
-  __experimentalFeatures
-}) {
+function NavigationBlockListView(_ref) {
+  let {
+    clientId,
+    __experimentalFeatures
+  } = _ref;
   const blocks = useSelect(select => select(blockEditorStore).__unstableGetClientIdsTree(clientId), [clientId]);
   const listViewRef = useRef();
   const [minHeight, setMinHeight] = useState(300);

package/build-module/navigation/edit/use-list-view-modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/use-list-view-modal.js"],"names":["__experimentalListView","ListView","store","blockEditorStore","ToolbarButton","Modal","useSelect","useRef","useEffect","useState","__","listView","NavigationBlockListView","clientId","__experimentalFeatures","blocks","select","__unstableGetClientIdsTree","listViewRef","minHeight","setMinHeight","current","clientHeight","useListViewModal","isModalOpen","setIsModalOpen","listViewToolbarButton","listViewModal"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,sBAAsB,IAAIC,QAD3B,EAECC,KAAK,IAAIC,gBAFV,QAGO,yBAHP;AAIA,SAASC,aAAT,EAAwBC,KAAxB,QAAqC,uBAArC;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,MAAT,EAAiBC,SAAjB,EAA4BC,QAA5B,QAA4C,oBAA5C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,kBAAzB;;AAEA,SAASC,uBAAT,CAAkC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAlC,EAAyE;AACxE,QAAMC,MAAM,GAAGT,SAAS,CACrBU,MAAF,IACCA,MAAM,CAAEb,gBAAF,CAAN,CAA2Bc,0BAA3B,CAAuDJ,QAAvD,CAFsB,EAGvB,CAAEA,QAAF,CAHuB,CAAxB;AAMA,QAAMK,WAAW,GAAGX,MAAM,EAA1B;AACA,QAAM,CAAEY,SAAF,EAAaC,YAAb,IAA8BX,QAAQ,CAAE,GAAF,CAA5C;AACAD,EAAAA,SAAS,CAAE,MAAM;AAAA;;AAChBY,IAAAA,YAAY,0BAAEF,WAAF,aAAEA,WAAF,+CAAEA,WAAW,CAAEG,OAAf,yDAAE,qBAAsBC,YAAxB,yEAAwC,GAAxC,CAAZ;AACA,GAFQ,EAEN,EAFM,CAAT;AAIA,SACC;AAAK,IAAA,KAAK,EAAG;AAAEH,MAAAA;AAAF;AAAb,KACC,cAAC,QAAD;AACC,IAAA,GAAG,EAAGD,WADP;AAEC,IAAA,MAAM,EAAGH,MAFV;AAGC,IAAA,eAAe,MAHhB;AAIC,IAAA,gBAAgB,MAJjB;AAKC,IAAA,sBAAsB,EAAGD;AAL1B,IADD,CADD;AAWA;;AAED,eAAe,SAASS,gBAAT,CAA2BV,QAA3B,EAAqCC,sBAArC,EAA8D;AAC5E,QAAM,CAAEU,WAAF,EAAeC,cAAf,IAAkChB,QAAQ,CAAE,KAAF,CAAhD;AAEA,QAAMiB,qBAAqB,GAC1B,cAAC,aAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,KAAK,EAAGhB,EAAE,CAAE,gBAAF,CAFX;AAGC,IAAA,OAAO,EAAG,MAAMe,cAAc,CAAE,IAAF,CAH/B;AAIC,IAAA,IAAI,EAAGd;AAJR,IADD;AASA,QAAMgB,aAAa,GAAGH,WAAW,IAChC,cAAC,KAAD;AACC,IAAA,KAAK,EAAGd,EAAE,CAAE,WAAF,CADX;AAEC,IAAA,UAAU,EAAGA,EAAE,CAAE,OAAF,CAFhB;AAGC,IAAA,cAAc,EAAG,MAAM;AACtBe,MAAAA,cAAc,CAAE,KAAF,CAAd;AACA,KALF;AAMC,IAAA,yBAAyB,EAAG;AAN7B,KAQC,cAAC,uBAAD;AACC,IAAA,QAAQ,EAAGZ,QADZ;AAEC,IAAA,sBAAsB,EAAGC;AAF1B,IARD,CADD;AAgBA,SAAO;AACNY,IAAAA,qBADM;AAENC,IAAAA;AAFM,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarButton, Modal } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { listView } from '@wordpress/icons';\n\nfunction NavigationBlockListView( { clientId, __experimentalFeatures } ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__unstableGetClientIdsTree( clientId ),\n\t\t[ clientId ]\n\t);\n\n\tconst listViewRef = useRef();\n\tconst [ minHeight, setMinHeight ] = useState( 300 );\n\tuseEffect( () => {\n\t\tsetMinHeight( listViewRef?.current?.clientHeight ?? 300 );\n\t}, [] );\n\n\treturn (\n\t\t<div style={ { minHeight } }>\n\t\t\t<ListView\n\t\t\t\tref={ listViewRef }\n\t\t\t\tblocks={ blocks }\n\t\t\t\tshowBlockMovers\n\t\t\t\tshowNestedBlocks\n\t\t\t\t__experimentalFeatures={ __experimentalFeatures }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default function useListViewModal( clientId, __experimentalFeatures ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\tconst listViewToolbarButton = (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-toolbar__control\"\n\t\t\tlabel={ __( 'Open list view' ) }\n\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\ticon={ listView }\n\t\t/>\n\t);\n\n\tconst listViewModal = isModalOpen && (\n\t\t<Modal\n\t\t\ttitle={ __( 'List View' ) }\n\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ () => {\n\t\t\t\tsetIsModalOpen( false );\n\t\t\t} }\n\t\t\tshouldCloseOnClickOutside={ false }\n\t\t>\n\t\t\t<NavigationBlockListView\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\tlistViewToolbarButton,\n\t\tlistViewModal,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/edit/use-list-view-modal.js"],"names":["__experimentalListView","ListView","store","blockEditorStore","ToolbarButton","Modal","useSelect","useRef","useEffect","useState","__","listView","NavigationBlockListView","clientId","__experimentalFeatures","blocks","select","__unstableGetClientIdsTree","listViewRef","minHeight","setMinHeight","current","clientHeight","useListViewModal","isModalOpen","setIsModalOpen","listViewToolbarButton","listViewModal"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,sBAAsB,IAAIC,QAD3B,EAECC,KAAK,IAAIC,gBAFV,QAGO,yBAHP;AAIA,SAASC,aAAT,EAAwBC,KAAxB,QAAqC,uBAArC;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,MAAT,EAAiBC,SAAjB,EAA4BC,QAA5B,QAA4C,oBAA5C;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,QAAT,QAAyB,kBAAzB;;AAEA,SAASC,uBAAT,OAAyE;AAAA,MAAvC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAuC;AACxE,QAAMC,MAAM,GAAGT,SAAS,CACrBU,MAAF,IACCA,MAAM,CAAEb,gBAAF,CAAN,CAA2Bc,0BAA3B,CAAuDJ,QAAvD,CAFsB,EAGvB,CAAEA,QAAF,CAHuB,CAAxB;AAMA,QAAMK,WAAW,GAAGX,MAAM,EAA1B;AACA,QAAM,CAAEY,SAAF,EAAaC,YAAb,IAA8BX,QAAQ,CAAE,GAAF,CAA5C;AACAD,EAAAA,SAAS,CAAE,MAAM;AAAA;;AAChBY,IAAAA,YAAY,0BAAEF,WAAF,aAAEA,WAAF,+CAAEA,WAAW,CAAEG,OAAf,yDAAE,qBAAsBC,YAAxB,yEAAwC,GAAxC,CAAZ;AACA,GAFQ,EAEN,EAFM,CAAT;AAIA,SACC;AAAK,IAAA,KAAK,EAAG;AAAEH,MAAAA;AAAF;AAAb,KACC,cAAC,QAAD;AACC,IAAA,GAAG,EAAGD,WADP;AAEC,IAAA,MAAM,EAAGH,MAFV;AAGC,IAAA,eAAe,MAHhB;AAIC,IAAA,gBAAgB,MAJjB;AAKC,IAAA,sBAAsB,EAAGD;AAL1B,IADD,CADD;AAWA;;AAED,eAAe,SAASS,gBAAT,CAA2BV,QAA3B,EAAqCC,sBAArC,EAA8D;AAC5E,QAAM,CAAEU,WAAF,EAAeC,cAAf,IAAkChB,QAAQ,CAAE,KAAF,CAAhD;AAEA,QAAMiB,qBAAqB,GAC1B,cAAC,aAAD;AACC,IAAA,SAAS,EAAC,6BADX;AAEC,IAAA,KAAK,EAAGhB,EAAE,CAAE,gBAAF,CAFX;AAGC,IAAA,OAAO,EAAG,MAAMe,cAAc,CAAE,IAAF,CAH/B;AAIC,IAAA,IAAI,EAAGd;AAJR,IADD;AASA,QAAMgB,aAAa,GAAGH,WAAW,IAChC,cAAC,KAAD;AACC,IAAA,KAAK,EAAGd,EAAE,CAAE,WAAF,CADX;AAEC,IAAA,UAAU,EAAGA,EAAE,CAAE,OAAF,CAFhB;AAGC,IAAA,cAAc,EAAG,MAAM;AACtBe,MAAAA,cAAc,CAAE,KAAF,CAAd;AACA,KALF;AAMC,IAAA,yBAAyB,EAAG;AAN7B,KAQC,cAAC,uBAAD;AACC,IAAA,QAAQ,EAAGZ,QADZ;AAEC,IAAA,sBAAsB,EAAGC;AAF1B,IARD,CADD;AAgBA,SAAO;AACNY,IAAAA,qBADM;AAENC,IAAAA;AAFM,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarButton, Modal } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useRef, useEffect, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { listView } from '@wordpress/icons';\n\nfunction NavigationBlockListView( { clientId, __experimentalFeatures } ) {\n\tconst blocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).__unstableGetClientIdsTree( clientId ),\n\t\t[ clientId ]\n\t);\n\n\tconst listViewRef = useRef();\n\tconst [ minHeight, setMinHeight ] = useState( 300 );\n\tuseEffect( () => {\n\t\tsetMinHeight( listViewRef?.current?.clientHeight ?? 300 );\n\t}, [] );\n\n\treturn (\n\t\t<div style={ { minHeight } }>\n\t\t\t<ListView\n\t\t\t\tref={ listViewRef }\n\t\t\t\tblocks={ blocks }\n\t\t\t\tshowBlockMovers\n\t\t\t\tshowNestedBlocks\n\t\t\t\t__experimentalFeatures={ __experimentalFeatures }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default function useListViewModal( clientId, __experimentalFeatures ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\n\tconst listViewToolbarButton = (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-toolbar__control\"\n\t\t\tlabel={ __( 'Open list view' ) }\n\t\t\tonClick={ () => setIsModalOpen( true ) }\n\t\t\ticon={ listView }\n\t\t/>\n\t);\n\n\tconst listViewModal = isModalOpen && (\n\t\t<Modal\n\t\t\ttitle={ __( 'List View' ) }\n\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ () => {\n\t\t\t\tsetIsModalOpen( false );\n\t\t\t} }\n\t\t\tshouldCloseOnClickOutside={ false }\n\t\t>\n\t\t\t<NavigationBlockListView\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\tlistViewToolbarButton,\n\t\tlistViewModal,\n\t};\n}\n"]}

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

@@ -102,22 +102,24 @@ function mapMenuItemsToBlocks(menuItems) {
  */
 
 
-function menuItemToBlockAttributes({
-  title: menuItemTitleField,
-  xfn,
-  classes,
-  // eslint-disable-next-line camelcase
-  attr_title,
-  object,
-  // eslint-disable-next-line camelcase
-  object_id,
-  description,
-  url,
-  type: menuItemTypeField,
-  target
-}) {
+function menuItemToBlockAttributes(_ref) {
   var _object;
 
+  let {
+    title: menuItemTitleField,
+    xfn,
+    classes,
+    // eslint-disable-next-line camelcase
+    attr_title,
+    object,
+    // eslint-disable-next-line camelcase
+    object_id,
+    description,
+    url,
+    type: menuItemTypeField,
+    target
+  } = _ref;
+
   // For historical reasons, the `core/navigation-link` variation type is `tag`
   // whereas WP Core expects `post_tag` as the `object` type.
   // To avoid writing a block migration we perform a conversion here.
@@ -171,7 +173,9 @@ function menuItemToBlockAttributes({
  */
 
 
-function createDataTree(dataset, id = 'id', relation = 'parent') {
+function createDataTree(dataset) {
+  let id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
+  let relation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
   const hashTable = Object.create(null);
   const dataTree = [];
 

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","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"]}
+{"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/save.js

@@ -4,9 +4,11 @@ import { createElement } from "@wordpress/element";
  * WordPress dependencies
  */
 import { InnerBlocks } from '@wordpress/block-editor';
-export default function save({
-  attributes
-}) {
+export default function save(_ref) {
+  let {
+    attributes
+  } = _ref;
+
   if (attributes.navigationMenuId) {
     // Avoid rendering inner blocks when a navigationMenuId is defined.
     // When this id is defined the inner blocks are loaded from the

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation/save.js"],"names":["InnerBlocks","save","attributes","navigationMenuId"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,yBAA5B;AAEA,eAAe,SAASC,IAAT,CAAe;AAAEC,EAAAA;AAAF,CAAf,EAAgC;AAC9C,MAAKA,UAAU,CAACC,gBAAhB,EAAmC;AAClC;AACA;AACA;AACA;AACA;;AACD,SAAO,cAAC,WAAD,CAAa,OAAb,OAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tif ( attributes.navigationMenuId ) {\n\t\t// Avoid rendering inner blocks when a navigationMenuId is defined.\n\t\t// When this id is defined the inner blocks are loaded from the\n\t\t// `wp_navigation` entity rather than the hard-coded block html.\n\t\treturn;\n\t}\n\treturn <InnerBlocks.Content />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation/save.js"],"names":["InnerBlocks","save","attributes","navigationMenuId"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,yBAA5B;AAEA,eAAe,SAASC,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;;AAC9C,MAAKA,UAAU,CAACC,gBAAhB,EAAmC;AAClC;AACA;AACA;AACA;AACA;;AACD,SAAO,cAAC,WAAD,CAAa,OAAb,OAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tif ( attributes.navigationMenuId ) {\n\t\t// Avoid rendering inner blocks when a navigationMenuId is defined.\n\t\t// When this id is defined the inner blocks are loaded from the\n\t\t// `wp_navigation` entity rather than the hard-coded block html.\n\t\treturn;\n\t}\n\treturn <InnerBlocks.Content />;\n}\n"]}

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

@@ -16,10 +16,11 @@ import { useSelect } from '@wordpress/data';
 import InnerBlocks from './inner-blocks';
 import PlaceholderPreview from '../navigation/edit/placeholder/placeholder-preview';
 
-function NavigationAreaBlock({
-  attributes,
-  setAttributes
-}) {
+function NavigationAreaBlock(_ref) {
+  let {
+    attributes,
+    setAttributes
+  } = _ref;
   const {
     area
   } = attributes;
@@ -37,29 +38,35 @@ function NavigationAreaBlock({
     };
   });
   const navigationMenuId = navigationAreas !== null && navigationAreas !== void 0 && navigationAreas.length ? navigationAreas[area] : undefined;
-  const choices = useMemo(() => navigationAreas === null || navigationAreas === void 0 ? void 0 : navigationAreas.map(({
-    name,
-    description
-  }) => ({
-    label: description,
-    value: name
-  })), [navigationAreas]);
+  const choices = useMemo(() => navigationAreas === null || navigationAreas === void 0 ? void 0 : navigationAreas.map(_ref2 => {
+    let {
+      name,
+      description
+    } = _ref2;
+    return {
+      label: description,
+      value: name
+    };
+  }), [navigationAreas]);
   return createElement(Fragment, null, createElement(BlockControls, null, createElement(ToolbarGroup, null, createElement(ToolbarDropdownMenu, {
     label: __('Select Area'),
     text: __('Select Area'),
     icon: null
-  }, ({
-    onClose
-  }) => createElement(MenuGroup, null, createElement(MenuItemsChoice, {
-    value: area,
-    onSelect: selectedArea => {
-      setAttributes({
-        area: selectedArea
-      });
-      onClose();
-    },
-    choices: choices
-  }))))), createElement(InspectorControls, null, createElement(PanelBody, {
+  }, _ref3 => {
+    let {
+      onClose
+    } = _ref3;
+    return createElement(MenuGroup, null, createElement(MenuItemsChoice, {
+      value: area,
+      onSelect: selectedArea => {
+        setAttributes({
+          area: selectedArea
+        });
+        onClose();
+      },
+      choices: choices
+    }));
+  }))), createElement(InspectorControls, null, createElement(PanelBody, {
     title: __('Options')
   }, createElement(SelectControl, {
     label: _x('Area'),

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation-area/edit.js"],"names":["__","_x","store","coreStore","MenuGroup","MenuItemsChoice","PanelBody","SelectControl","ToolbarDropdownMenu","ToolbarGroup","useMemo","BlockControls","InspectorControls","useSelect","InnerBlocks","PlaceholderPreview","NavigationAreaBlock","attributes","setAttributes","area","navigationAreas","hasResolvedNavigationAreas","select","getEntityRecords","hasFinishedResolution","navigationMenuId","length","undefined","choices","map","name","description","label","value","onClose","selectedArea"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tMenuGroup,\n\tMenuItemsChoice,\n\tPanelBody,\n\tSelectControl,\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { BlockControls, InspectorControls } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InnerBlocks from './inner-blocks';\nimport PlaceholderPreview from '../navigation/edit/placeholder/placeholder-preview';\n\nfunction NavigationAreaBlock( { attributes, setAttributes } ) {\n\tconst { area } = attributes;\n\n\tconst { navigationAreas, hasResolvedNavigationAreas } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, hasFinishedResolution } = select(\n\t\t\t\tcoreStore\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tnavigationAreas: getEntityRecords( 'root', 'navigationArea' ),\n\t\t\t\thasResolvedNavigationAreas: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\t[ 'root', 'navigationArea' ]\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t);\n\tconst navigationMenuId = navigationAreas?.length\n\t\t? navigationAreas[ area ]\n\t\t: undefined;\n\n\tconst choices = useMemo(\n\t\t() =>\n\t\t\tnavigationAreas?.map( ( { name, description } ) => ( {\n\t\t\t\tlabel: description,\n\t\t\t\tvalue: name,\n\t\t\t} ) ),\n\t\t[ navigationAreas ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\t\tlabel={ __( 'Select Area' ) }\n\t\t\t\t\t\ttext={ __( 'Select Area' ) }\n\t\t\t\t\t\ticon={ null }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\t\t\t\tonSelect={ ( selectedArea ) => {\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { area: selectedArea } );\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tchoices={ choices }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarDropdownMenu>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Options' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ _x( 'Area' ) }\n\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\t// `undefined` is required for the preload attribute to be unset.\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tarea: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\toptions={ choices }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ ! hasResolvedNavigationAreas && <PlaceholderPreview isLoading /> }\n\t\t\t{\n\t\t\t\t// Render inner blocks only when navigationMenuId is known so\n\t\t\t\t// that inner blocks template is correct from the start.\n\t\t\t\thasResolvedNavigationAreas && (\n\t\t\t\t\t<InnerBlocks navigationMenuId={ navigationMenuId } />\n\t\t\t\t)\n\t\t\t}\n\t\t</>\n\t);\n}\n\nexport default NavigationAreaBlock;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation-area/edit.js"],"names":["__","_x","store","coreStore","MenuGroup","MenuItemsChoice","PanelBody","SelectControl","ToolbarDropdownMenu","ToolbarGroup","useMemo","BlockControls","InspectorControls","useSelect","InnerBlocks","PlaceholderPreview","NavigationAreaBlock","attributes","setAttributes","area","navigationAreas","hasResolvedNavigationAreas","select","getEntityRecords","hasFinishedResolution","navigationMenuId","length","undefined","choices","map","name","description","label","value","onClose","selectedArea"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tMenuGroup,\n\tMenuItemsChoice,\n\tPanelBody,\n\tSelectControl,\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { BlockControls, InspectorControls } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport InnerBlocks from './inner-blocks';\nimport PlaceholderPreview from '../navigation/edit/placeholder/placeholder-preview';\n\nfunction NavigationAreaBlock( { attributes, setAttributes } ) {\n\tconst { area } = attributes;\n\n\tconst { navigationAreas, hasResolvedNavigationAreas } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, hasFinishedResolution } = select(\n\t\t\t\tcoreStore\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tnavigationAreas: getEntityRecords( 'root', 'navigationArea' ),\n\t\t\t\thasResolvedNavigationAreas: hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\t[ 'root', 'navigationArea' ]\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t);\n\tconst navigationMenuId = navigationAreas?.length\n\t\t? navigationAreas[ area ]\n\t\t: undefined;\n\n\tconst choices = useMemo(\n\t\t() =>\n\t\t\tnavigationAreas?.map( ( { name, description } ) => ( {\n\t\t\t\tlabel: description,\n\t\t\t\tvalue: name,\n\t\t\t} ) ),\n\t\t[ navigationAreas ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarDropdownMenu\n\t\t\t\t\t\tlabel={ __( 'Select Area' ) }\n\t\t\t\t\t\ttext={ __( 'Select Area' ) }\n\t\t\t\t\t\ticon={ null }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t<MenuItemsChoice\n\t\t\t\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\t\t\t\tonSelect={ ( selectedArea ) => {\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { area: selectedArea } );\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tchoices={ choices }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ToolbarDropdownMenu>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Options' ) }>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ _x( 'Area' ) }\n\t\t\t\t\t\tvalue={ area }\n\t\t\t\t\t\t// `undefined` is required for the preload attribute to be unset.\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tarea: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\toptions={ choices }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t{ ! hasResolvedNavigationAreas && <PlaceholderPreview isLoading /> }\n\t\t\t{\n\t\t\t\t// Render inner blocks only when navigationMenuId is known so\n\t\t\t\t// that inner blocks template is correct from the start.\n\t\t\t\thasResolvedNavigationAreas && (\n\t\t\t\t\t<InnerBlocks navigationMenuId={ navigationMenuId } />\n\t\t\t\t)\n\t\t\t}\n\t\t</>\n\t);\n}\n\nexport default NavigationAreaBlock;\n"]}

package/build-module/navigation-area/inner-blocks.js

@@ -6,9 +6,10 @@ import { createElement } from "@wordpress/element";
 import { useMemo } from '@wordpress/element';
 import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
 const ALLOWED_BLOCKS = ['core/navigation'];
-export default function NavigationAreaInnerBlocks({
-  navigationMenuId
-}) {
+export default function NavigationAreaInnerBlocks(_ref) {
+  let {
+    navigationMenuId
+  } = _ref;
   const template = useMemo(() => [['core/navigation', {
     navigationMenuId
   }]], [navigationMenuId]);

package/build-module/navigation-area/inner-blocks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/navigation-area/inner-blocks.js"],"names":["useMemo","useBlockProps","useInnerBlocksProps","ALLOWED_BLOCKS","NavigationAreaInnerBlocks","navigationMenuId","template","blockProps","innerBlocksProps","orientation","renderAppender","templateLock","allowedBlocks"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASC,aAAT,EAAwBC,mBAAxB,QAAmD,yBAAnD;AAEA,MAAMC,cAAc,GAAG,CAAE,iBAAF,CAAvB;AAEA,eAAe,SAASC,yBAAT,CAAoC;AAAEC,EAAAA;AAAF,CAApC,EAA2D;AACzE,QAAMC,QAAQ,GAAGN,OAAO,CACvB,MAAM,CAAE,CAAE,iBAAF,EAAqB;AAAEK,IAAAA;AAAF,GAArB,CAAF,CADiB,EAEvB,CAAEA,gBAAF,CAFuB,CAAxB;AAKA,QAAME,UAAU,GAAGN,aAAa,EAAhC;AACA,QAAMO,gBAAgB,GAAGN,mBAAmB,CAAEK,UAAF,EAAc;AACzDE,IAAAA,WAAW,EAAE,YAD4C;AAEzDC,IAAAA,cAAc,EAAE,KAFyC;AAGzDJ,IAAAA,QAHyD;AAIzDK,IAAAA,YAAY,EAAE,KAJ2C;AAKzDC,IAAAA,aAAa,EAAET;AAL0C,GAAd,CAA5C;AAOA,SAAO,qBAAUK,gBAAV,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nconst ALLOWED_BLOCKS = [ 'core/navigation' ];\n\nexport default function NavigationAreaInnerBlocks( { navigationMenuId } ) {\n\tconst template = useMemo(\n\t\t() => [ [ 'core/navigation', { navigationMenuId } ] ],\n\t\t[ navigationMenuId ]\n\t);\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\n\t\ttemplate,\n\t\ttemplateLock: 'all',\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t} );\n\treturn <div { ...innerBlocksProps } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/navigation-area/inner-blocks.js"],"names":["useMemo","useBlockProps","useInnerBlocksProps","ALLOWED_BLOCKS","NavigationAreaInnerBlocks","navigationMenuId","template","blockProps","innerBlocksProps","orientation","renderAppender","templateLock","allowedBlocks"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AACA,SAASC,aAAT,EAAwBC,mBAAxB,QAAmD,yBAAnD;AAEA,MAAMC,cAAc,GAAG,CAAE,iBAAF,CAAvB;AAEA,eAAe,SAASC,yBAAT,OAA2D;AAAA,MAAvB;AAAEC,IAAAA;AAAF,GAAuB;AACzE,QAAMC,QAAQ,GAAGN,OAAO,CACvB,MAAM,CAAE,CAAE,iBAAF,EAAqB;AAAEK,IAAAA;AAAF,GAArB,CAAF,CADiB,EAEvB,CAAEA,gBAAF,CAFuB,CAAxB;AAKA,QAAME,UAAU,GAAGN,aAAa,EAAhC;AACA,QAAMO,gBAAgB,GAAGN,mBAAmB,CAAEK,UAAF,EAAc;AACzDE,IAAAA,WAAW,EAAE,YAD4C;AAEzDC,IAAAA,cAAc,EAAE,KAFyC;AAGzDJ,IAAAA,QAHyD;AAIzDK,IAAAA,YAAY,EAAE,KAJ2C;AAKzDC,IAAAA,aAAa,EAAET;AAL0C,GAAd,CAA5C;AAOA,SAAO,qBAAUK,gBAAV,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';\n\nconst ALLOWED_BLOCKS = [ 'core/navigation' ];\n\nexport default function NavigationAreaInnerBlocks( { navigationMenuId } ) {\n\tconst template = useMemo(\n\t\t() => [ [ 'core/navigation', { navigationMenuId } ] ],\n\t\t[ navigationMenuId ]\n\t);\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\torientation: 'horizontal',\n\t\trenderAppender: false,\n\t\ttemplate,\n\t\ttemplateLock: 'all',\n\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t} );\n\treturn <div { ...innerBlocksProps } />;\n}\n"]}