@wordpress/block-library 7.0.1 → 7.1.0-next.e230fbab09.0

package/build-module/missing/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/missing/edit.native.js"],"names":["View","Text","TouchableWithoutFeedback","TouchableHighlight","requestUnsupportedBlockFallback","sendActionButtonPressedAction","actionButtons","BottomSheet","Icon","TextControl","compose","withPreferredColorScheme","coreBlocks","normalizeIconObject","Component","__","_x","sprintf","help","plugins","withSelect","withDispatch","applyFilters","store","blockEditorStore","styles","UBE_INCOMPATIBLE_BLOCKS","I18N_BLOCK_SCHEMA_TITLE","UnsupportedBlockEdit","constructor","props","state","showHelp","toggleSheet","bind","closeSheet","requestFallback","onHelpButtonPressed","setState","componentWillUnmount","timeout","clearTimeout","getTitle","originalName","attributes","blockType","title","metadata","textdomain","renderHelpIcon","infoIconStyle","getStylesFromColorScheme","infoIcon","infoIconDark","helpIconContainer","color","isSelected","selectBlock","canEnableUnsupportedBlockEditor","isUnsupportedBlockEditorSupported","sendButtonPressMessage","sendFallbackMessage","renderSheet","blockTitle","blockName","clientId","isEditableInUnsupportedBlockEditor","infoTextStyle","infoText","infoTextDark","infoTitleStyle","infoTitle","infoTitleDark","infoDescriptionStyle","infoDescription","infoDescriptionDark","infoSheetIconStyle","infoSheetIcon","infoSheetIconDark","titleFormat","missingBlockDetail","missingBlockActionButton","actionButtonStyle","actionButton","actionButtonDark","setTimeout","content","originalContent","missingBlockAlertActionButton","infoContainer","size","render","preferredColorScheme","titleStyle","unsupportedBlockMessage","unsupportedBlockMessageDark","subTitleStyle","unsupportedBlockSubtitle","unsupportedBlockSubtitleDark","subtitle","icon","settings","iconStyle","unsupportedBlockIcon","unsupportedBlockIconDark","iconClassName","unsupportedBlock","unsupportedBlockDark","src","select","getSettings","unsupportedBlockEditor","includes","dispatch","ownProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tText,\n\tTouchableWithoutFeedback,\n\tTouchableHighlight,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestUnsupportedBlockFallback,\n\tsendActionButtonPressedAction,\n\tactionButtons,\n} from '@wordpress/react-native-bridge';\nimport { BottomSheet, Icon, TextControl } from '@wordpress/components';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { coreBlocks } from '@wordpress/block-library';\nimport { normalizeIconObject } from '@wordpress/blocks';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { help, plugins } from '@wordpress/icons';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { applyFilters } from '@wordpress/hooks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n// Blocks that can't be edited through the Unsupported block editor identified by their name.\nconst UBE_INCOMPATIBLE_BLOCKS = [ 'core/block' ];\nconst I18N_BLOCK_SCHEMA_TITLE = 'block title';\n\nexport class UnsupportedBlockEdit extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.state = { showHelp: false };\n\t\tthis.toggleSheet = this.toggleSheet.bind( this );\n\t\tthis.closeSheet = this.closeSheet.bind( this );\n\t\tthis.requestFallback = this.requestFallback.bind( this );\n\t\tthis.onHelpButtonPressed = this.onHelpButtonPressed.bind( this );\n\t}\n\n\ttoggleSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: ! this.state.showHelp,\n\t\t} );\n\t}\n\n\tcloseSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: false,\n\t\t} );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.timeout ) {\n\t\t\tclearTimeout( this.timeout );\n\t\t}\n\t}\n\n\tgetTitle() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst blockType = coreBlocks[ originalName ];\n\t\tconst title = blockType?.metadata.title;\n\t\tconst textdomain = blockType?.metadata.textdomain;\n\n\t\treturn title && textdomain\n\t\t\t? // eslint-disable-next-line @wordpress/i18n-no-variables, @wordpress/i18n-text-domain\n\t\t\t  _x( title, I18N_BLOCK_SCHEMA_TITLE, textdomain )\n\t\t\t: originalName;\n\t}\n\n\trenderHelpIcon() {\n\t\tconst infoIconStyle = this.props.getStylesFromColorScheme(\n\t\t\tstyles.infoIcon,\n\t\t\tstyles.infoIconDark\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tonPress={ this.onHelpButtonPressed }\n\t\t\t\tstyle={ styles.helpIconContainer }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"unsupported-icon-help\"\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tcolor={ infoIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n\n\tonHelpButtonPressed() {\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.selectBlock();\n\t\t}\n\t\tthis.toggleSheet();\n\t}\n\n\trequestFallback() {\n\t\tif (\n\t\t\tthis.props.canEnableUnsupportedBlockEditor &&\n\t\t\tthis.props.isUnsupportedBlockEditorSupported === false\n\t\t) {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendButtonPressMessage: true } );\n\t\t} else {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendFallbackMessage: true } );\n\t\t}\n\t}\n\n\trenderSheet( blockTitle, blockName ) {\n\t\tconst {\n\t\t\tgetStylesFromColorScheme,\n\t\t\tattributes,\n\t\t\tclientId,\n\t\t\tisUnsupportedBlockEditorSupported,\n\t\t\tcanEnableUnsupportedBlockEditor,\n\t\t\tisEditableInUnsupportedBlockEditor,\n\t\t} = this.props;\n\t\tconst infoTextStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoText,\n\t\t\tstyles.infoTextDark\n\t\t);\n\t\tconst infoTitleStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoTitle,\n\t\t\tstyles.infoTitleDark\n\t\t);\n\t\tconst infoDescriptionStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoDescription,\n\t\t\tstyles.infoDescriptionDark\n\t\t);\n\t\tconst infoSheetIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoSheetIcon,\n\t\t\tstyles.infoSheetIconDark\n\t\t);\n\n\t\t/* translators: Missing block alert title. %s: The localized block name */\n\t\tconst titleFormat = __( \"'%s' is not fully-supported\" );\n\t\tconst infoTitle = sprintf( titleFormat, blockTitle );\n\t\tconst missingBlockDetail = applyFilters(\n\t\t\t'native.missing_block_detail',\n\t\t\t__( 'We are working hard to add more blocks with each release.' )\n\t\t);\n\t\tconst missingBlockActionButton = applyFilters(\n\t\t\t'native.missing_block_action_button',\n\t\t\t__( 'Edit using web editor' )\n\t\t);\n\n\t\tconst actionButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.actionButton,\n\t\t\tstyles.actionButtonDark\n\t\t);\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ this.state.showHelp }\n\t\t\t\thideHeader\n\t\t\t\tonClose={ this.closeSheet }\n\t\t\t\tonModalHide={ () => {\n\t\t\t\t\tif ( this.state.sendFallbackMessage ) {\n\t\t\t\t\t\t// On iOS, onModalHide is called when the controller is still part of the hierarchy.\n\t\t\t\t\t\t// A small delay will ensure that the controller has already been removed.\n\t\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\t\t// for the Classic block, the content is kept in the `content` attribute\n\t\t\t\t\t\t\tconst content =\n\t\t\t\t\t\t\t\tblockName === 'core/freeform'\n\t\t\t\t\t\t\t\t\t? attributes.content\n\t\t\t\t\t\t\t\t\t: attributes.originalContent;\n\t\t\t\t\t\t\trequestUnsupportedBlockFallback(\n\t\t\t\t\t\t\t\tcontent,\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t\tblockTitle\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}, 100 );\n\t\t\t\t\t\tthis.setState( { sendFallbackMessage: false } );\n\t\t\t\t\t} else if ( this.state.sendButtonPressMessage ) {\n\t\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\t\tsendActionButtonPressedAction(\n\t\t\t\t\t\t\t\tactionButtons.missingBlockAlertActionButton\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}, 100 );\n\t\t\t\t\t\tthis.setState( { sendButtonPressMessage: false } );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View style={ styles.infoContainer }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\tcolor={ infoSheetIconStyle.color }\n\t\t\t\t\t\tsize={ styles.infoSheetIcon.size }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoTitleStyle ] }>\n\t\t\t\t\t\t{ infoTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t\t{ isEditableInUnsupportedBlockEditor && (\n\t\t\t\t\t\t<Text style={ [ infoTextStyle, infoDescriptionStyle ] }>\n\t\t\t\t\t\t\t{ missingBlockDetail }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ ( isUnsupportedBlockEditorSupported ||\n\t\t\t\t\tcanEnableUnsupportedBlockEditor ) &&\n\t\t\t\t\tisEditableInUnsupportedBlockEditor && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ missingBlockActionButton }\n\t\t\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\t\t\tonPress={ this.requestFallback }\n\t\t\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Dismiss' ) }\n\t\t\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\t\t\tonPress={ this.toggleSheet }\n\t\t\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\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</BottomSheet>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst { getStylesFromColorScheme, preferredColorScheme } = this.props;\n\t\tconst blockType = coreBlocks[ originalName ];\n\n\t\tconst title = this.getTitle();\n\t\tconst titleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockMessage,\n\t\t\tstyles.unsupportedBlockMessageDark\n\t\t);\n\n\t\tconst subTitleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockSubtitle,\n\t\t\tstyles.unsupportedBlockSubtitleDark\n\t\t);\n\t\tconst subtitle = (\n\t\t\t<Text style={ subTitleStyle }>{ __( 'Unsupported' ) }</Text>\n\t\t);\n\n\t\tconst icon = blockType\n\t\t\t? normalizeIconObject( blockType.settings.icon )\n\t\t\t: plugins;\n\t\tconst iconStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockIcon,\n\t\t\tstyles.unsupportedBlockIconDark\n\t\t);\n\t\tconst iconClassName = 'unsupported-icon' + '-' + preferredColorScheme;\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! this.props.isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ this.toggleSheet }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.unsupportedBlock,\n\t\t\t\t\t\tstyles.unsupportedBlockDark\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ this.renderHelpIcon() }\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName={ iconClassName }\n\t\t\t\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\t\t\t\tcolor={ iconStyle.color }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t{ subtitle }\n\t\t\t\t\t{ this.renderSheet( title, originalName ) }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select, { attributes } ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tisUnsupportedBlockEditorSupported:\n\t\t\t\tgetSettings( 'capabilities' ).unsupportedBlockEditor === true,\n\t\t\tcanEnableUnsupportedBlockEditor:\n\t\t\t\tgetSettings( 'capabilities' )\n\t\t\t\t\t.canEnableUnsupportedBlockEditor === true,\n\t\t\tisEditableInUnsupportedBlockEditor: ! UBE_INCOMPATIBLE_BLOCKS.includes(\n\t\t\t\tattributes.originalName\n\t\t\t),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, ownProps ) => {\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\t\treturn {\n\t\t\tselectBlock() {\n\t\t\t\tselectBlock( ownProps.clientId );\n\t\t\t},\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( UnsupportedBlockEdit );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/missing/edit.native.js"],"names":["View","Text","TouchableWithoutFeedback","TouchableHighlight","requestUnsupportedBlockFallback","sendActionButtonPressedAction","actionButtons","BottomSheet","Icon","TextControl","compose","withPreferredColorScheme","coreBlocks","normalizeIconObject","Component","__","_x","sprintf","help","plugins","withSelect","withDispatch","applyFilters","store","blockEditorStore","styles","UBE_INCOMPATIBLE_BLOCKS","I18N_BLOCK_SCHEMA_TITLE","UnsupportedBlockEdit","constructor","props","state","showHelp","toggleSheet","bind","closeSheet","requestFallback","onHelpButtonPressed","setState","componentWillUnmount","timeout","clearTimeout","getTitle","originalName","attributes","blockType","title","metadata","textdomain","renderHelpIcon","infoIconStyle","getStylesFromColorScheme","infoIcon","infoIconDark","helpIconContainer","color","isSelected","selectBlock","canEnableUnsupportedBlockEditor","isUnsupportedBlockEditorSupported","sendButtonPressMessage","sendFallbackMessage","renderSheet","blockTitle","blockName","clientId","isEditableInUnsupportedBlockEditor","infoTextStyle","infoText","infoTextDark","infoTitleStyle","infoTitle","infoTitleDark","infoDescriptionStyle","infoDescription","infoDescriptionDark","infoSheetIconStyle","infoSheetIcon","infoSheetIconDark","titleFormat","missingBlockDetail","missingBlockActionButton","actionButtonStyle","actionButton","actionButtonDark","setTimeout","content","originalContent","missingBlockAlertActionButton","infoContainer","size","render","preferredColorScheme","titleStyle","unsupportedBlockMessage","unsupportedBlockMessageDark","subTitleStyle","unsupportedBlockSubtitle","unsupportedBlockSubtitleDark","subtitle","icon","settings","iconStyle","unsupportedBlockIcon","unsupportedBlockIconDark","iconClassName","unsupportedBlock","unsupportedBlockDark","src","select","getSettings","unsupportedBlockEditor","includes","dispatch","ownProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tText,\n\tTouchableWithoutFeedback,\n\tTouchableHighlight,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestUnsupportedBlockFallback,\n\tsendActionButtonPressedAction,\n\tactionButtons,\n} from '@wordpress/react-native-bridge';\nimport { BottomSheet, Icon, TextControl } from '@wordpress/components';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { coreBlocks } from '@wordpress/block-library';\nimport { normalizeIconObject } from '@wordpress/blocks';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { help, plugins } from '@wordpress/icons';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { applyFilters } from '@wordpress/hooks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\n// Blocks that can't be edited through the Unsupported block editor identified by their name.\nconst UBE_INCOMPATIBLE_BLOCKS = [ 'core/block' ];\nconst I18N_BLOCK_SCHEMA_TITLE = 'block title';\n\nexport class UnsupportedBlockEdit extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.state = { showHelp: false };\n\t\tthis.toggleSheet = this.toggleSheet.bind( this );\n\t\tthis.closeSheet = this.closeSheet.bind( this );\n\t\tthis.requestFallback = this.requestFallback.bind( this );\n\t\tthis.onHelpButtonPressed = this.onHelpButtonPressed.bind( this );\n\t}\n\n\ttoggleSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: ! this.state.showHelp,\n\t\t} );\n\t}\n\n\tcloseSheet() {\n\t\tthis.setState( {\n\t\t\tshowHelp: false,\n\t\t} );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( this.timeout ) {\n\t\t\tclearTimeout( this.timeout );\n\t\t}\n\t}\n\n\tgetTitle() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst blockType = coreBlocks[ originalName ];\n\t\tconst title = blockType?.metadata.title;\n\t\tconst textdomain = blockType?.metadata.textdomain;\n\n\t\treturn title && textdomain\n\t\t\t? // eslint-disable-next-line @wordpress/i18n-no-variables, @wordpress/i18n-text-domain\n\t\t\t  _x( title, I18N_BLOCK_SCHEMA_TITLE, textdomain )\n\t\t\t: originalName;\n\t}\n\n\trenderHelpIcon() {\n\t\tconst infoIconStyle = this.props.getStylesFromColorScheme(\n\t\t\tstyles.infoIcon,\n\t\t\tstyles.infoIconDark\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tonPress={ this.onHelpButtonPressed }\n\t\t\t\tstyle={ styles.helpIconContainer }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"unsupported-icon-help\"\n\t\t\t\t\tlabel={ __( 'Help icon' ) }\n\t\t\t\t\ticon={ help }\n\t\t\t\t\tcolor={ infoIconStyle.color }\n\t\t\t\t/>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n\n\tonHelpButtonPressed() {\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.selectBlock();\n\t\t}\n\t\tthis.toggleSheet();\n\t}\n\n\trequestFallback() {\n\t\tif (\n\t\t\tthis.props.canEnableUnsupportedBlockEditor &&\n\t\t\tthis.props.isUnsupportedBlockEditorSupported === false\n\t\t) {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendButtonPressMessage: true } );\n\t\t} else {\n\t\t\tthis.toggleSheet();\n\t\t\tthis.setState( { sendFallbackMessage: true } );\n\t\t}\n\t}\n\n\trenderSheet( blockTitle, blockName ) {\n\t\tconst {\n\t\t\tgetStylesFromColorScheme,\n\t\t\tattributes,\n\t\t\tclientId,\n\t\t\tisUnsupportedBlockEditorSupported,\n\t\t\tcanEnableUnsupportedBlockEditor,\n\t\t\tisEditableInUnsupportedBlockEditor,\n\t\t} = this.props;\n\t\tconst infoTextStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoText,\n\t\t\tstyles.infoTextDark\n\t\t);\n\t\tconst infoTitleStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoTitle,\n\t\t\tstyles.infoTitleDark\n\t\t);\n\t\tconst infoDescriptionStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoDescription,\n\t\t\tstyles.infoDescriptionDark\n\t\t);\n\t\tconst infoSheetIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.infoSheetIcon,\n\t\t\tstyles.infoSheetIconDark\n\t\t);\n\n\t\t/* translators: Missing block alert title. %s: The localized block name */\n\t\tconst titleFormat = __( \"'%s' is not fully-supported\" );\n\t\tconst infoTitle = sprintf( titleFormat, blockTitle );\n\t\tconst missingBlockDetail = applyFilters(\n\t\t\t'native.missing_block_detail',\n\t\t\t__( 'We are working hard to add more blocks with each release.' )\n\t\t);\n\t\tconst missingBlockActionButton = applyFilters(\n\t\t\t'native.missing_block_action_button',\n\t\t\t__( 'Edit using web editor' )\n\t\t);\n\n\t\tconst actionButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.actionButton,\n\t\t\tstyles.actionButtonDark\n\t\t);\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ this.state.showHelp }\n\t\t\t\thideHeader\n\t\t\t\tonClose={ this.closeSheet }\n\t\t\t\tonModalHide={ () => {\n\t\t\t\t\tif ( this.state.sendFallbackMessage ) {\n\t\t\t\t\t\t// On iOS, onModalHide is called when the controller is still part of the hierarchy.\n\t\t\t\t\t\t// A small delay will ensure that the controller has already been removed.\n\t\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\t\t// For the Classic block, the content is kept in the `content` attribute.\n\t\t\t\t\t\t\tconst content =\n\t\t\t\t\t\t\t\tblockName === 'core/freeform'\n\t\t\t\t\t\t\t\t\t? attributes.content\n\t\t\t\t\t\t\t\t\t: attributes.originalContent;\n\t\t\t\t\t\t\trequestUnsupportedBlockFallback(\n\t\t\t\t\t\t\t\tcontent,\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\tblockName,\n\t\t\t\t\t\t\t\tblockTitle\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}, 100 );\n\t\t\t\t\t\tthis.setState( { sendFallbackMessage: false } );\n\t\t\t\t\t} else if ( this.state.sendButtonPressMessage ) {\n\t\t\t\t\t\tthis.timeout = setTimeout( () => {\n\t\t\t\t\t\t\tsendActionButtonPressedAction(\n\t\t\t\t\t\t\t\tactionButtons.missingBlockAlertActionButton\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}, 100 );\n\t\t\t\t\t\tthis.setState( { sendButtonPressMessage: false } );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<View style={ styles.infoContainer }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ help }\n\t\t\t\t\t\tcolor={ infoSheetIconStyle.color }\n\t\t\t\t\t\tsize={ styles.infoSheetIcon.size }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ [ infoTextStyle, infoTitleStyle ] }>\n\t\t\t\t\t\t{ infoTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t\t{ isEditableInUnsupportedBlockEditor && (\n\t\t\t\t\t\t<Text style={ [ infoTextStyle, infoDescriptionStyle ] }>\n\t\t\t\t\t\t\t{ missingBlockDetail }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ ( isUnsupportedBlockEditorSupported ||\n\t\t\t\t\tcanEnableUnsupportedBlockEditor ) &&\n\t\t\t\t\tisEditableInUnsupportedBlockEditor && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ missingBlockActionButton }\n\t\t\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\t\t\tonPress={ this.requestFallback }\n\t\t\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Dismiss' ) }\n\t\t\t\t\t\t\t\tseparatorType=\"topFullWidth\"\n\t\t\t\t\t\t\t\tonPress={ this.toggleSheet }\n\t\t\t\t\t\t\t\tlabelStyle={ actionButtonStyle }\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</BottomSheet>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { originalName } = this.props.attributes;\n\t\tconst { getStylesFromColorScheme, preferredColorScheme } = this.props;\n\t\tconst blockType = coreBlocks[ originalName ];\n\n\t\tconst title = this.getTitle();\n\t\tconst titleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockMessage,\n\t\t\tstyles.unsupportedBlockMessageDark\n\t\t);\n\n\t\tconst subTitleStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockSubtitle,\n\t\t\tstyles.unsupportedBlockSubtitleDark\n\t\t);\n\t\tconst subtitle = (\n\t\t\t<Text style={ subTitleStyle }>{ __( 'Unsupported' ) }</Text>\n\t\t);\n\n\t\tconst icon = blockType\n\t\t\t? normalizeIconObject( blockType.settings.icon )\n\t\t\t: plugins;\n\t\tconst iconStyle = getStylesFromColorScheme(\n\t\t\tstyles.unsupportedBlockIcon,\n\t\t\tstyles.unsupportedBlockIconDark\n\t\t);\n\t\tconst iconClassName = 'unsupported-icon' + '-' + preferredColorScheme;\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tdisabled={ ! this.props.isSelected }\n\t\t\t\taccessibilityLabel={ __( 'Help button' ) }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityHint={ __( 'Tap here to show help' ) }\n\t\t\t\tonPress={ this.toggleSheet }\n\t\t\t>\n\t\t\t\t<View\n\t\t\t\t\tstyle={ getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.unsupportedBlock,\n\t\t\t\t\t\tstyles.unsupportedBlockDark\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ this.renderHelpIcon() }\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName={ iconClassName }\n\t\t\t\t\t\ticon={ icon && icon.src ? icon.src : icon }\n\t\t\t\t\t\tcolor={ iconStyle.color }\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t{ subtitle }\n\t\t\t\t\t{ this.renderSheet( title, originalName ) }\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select, { attributes } ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn {\n\t\t\tisUnsupportedBlockEditorSupported:\n\t\t\t\tgetSettings( 'capabilities' ).unsupportedBlockEditor === true,\n\t\t\tcanEnableUnsupportedBlockEditor:\n\t\t\t\tgetSettings( 'capabilities' )\n\t\t\t\t\t.canEnableUnsupportedBlockEditor === true,\n\t\t\tisEditableInUnsupportedBlockEditor: ! UBE_INCOMPATIBLE_BLOCKS.includes(\n\t\t\t\tattributes.originalName\n\t\t\t),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, ownProps ) => {\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\t\treturn {\n\t\t\tselectBlock() {\n\t\t\t\tselectBlock( ownProps.clientId );\n\t\t\t},\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( UnsupportedBlockEdit );\n"]}

package/build-module/more/transforms.js

@@ -17,11 +17,11 @@ const transforms = {
         customText,
         noTeaser
       } = node.dataset;
-      const attrs = {}; // Don't copy unless defined and not an empty string
+      const attrs = {}; // Don't copy unless defined and not an empty string.
 
       if (customText) {
         attrs.customText = customText;
-      } // Special handling for boolean
+      } // Special handling for boolean.
 
 
       if (noTeaser === '') {

package/build-module/more/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/more/transforms.js"],"names":["createBlock","transforms","from","type","schema","attributes","isMatch","node","dataset","block","transform","customText","noTeaser","attrs"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,mBAA5B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,KADP;AAECC,IAAAA,MAAM,EAAE;AACP,kBAAY;AAAEC,QAAAA,UAAU,EAAE,CAAE,YAAF;AAAd;AADL,KAFT;AAKCC,IAAAA,OAAO,EAAIC,IAAF,IACRA,IAAI,CAACC,OAAL,IAAgBD,IAAI,CAACC,OAAL,CAAaC,KAAb,KAAuB,WANzC;;AAOCC,IAAAA,SAAS,CAAEH,IAAF,EAAS;AACjB,YAAM;AAAEI,QAAAA,UAAF;AAAcC,QAAAA;AAAd,UAA2BL,IAAI,CAACC,OAAtC;AACA,YAAMK,KAAK,GAAG,EAAd,CAFiB,CAGjB;;AACA,UAAKF,UAAL,EAAkB;AACjBE,QAAAA,KAAK,CAACF,UAAN,GAAmBA,UAAnB;AACA,OANgB,CAOjB;;;AACA,UAAKC,QAAQ,KAAK,EAAlB,EAAuB;AACtBC,QAAAA,KAAK,CAACD,QAAN,GAAiB,IAAjB;AACA;;AACD,aAAOZ,WAAW,CAAE,WAAF,EAAea,KAAf,CAAlB;AACA;;AAnBF,GADK;AADY,CAAnB;AA0BA,eAAeZ,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tschema: {\n\t\t\t\t'wp-block': { attributes: [ 'data-block' ] },\n\t\t\t},\n\t\t\tisMatch: ( node ) =>\n\t\t\t\tnode.dataset && node.dataset.block === 'core/more',\n\t\t\ttransform( node ) {\n\t\t\t\tconst { customText, noTeaser } = node.dataset;\n\t\t\t\tconst attrs = {};\n\t\t\t\t// Don't copy unless defined and not an empty string\n\t\t\t\tif ( customText ) {\n\t\t\t\t\tattrs.customText = customText;\n\t\t\t\t}\n\t\t\t\t// Special handling for boolean\n\t\t\t\tif ( noTeaser === '' ) {\n\t\t\t\t\tattrs.noTeaser = true;\n\t\t\t\t}\n\t\t\t\treturn createBlock( 'core/more', attrs );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/more/transforms.js"],"names":["createBlock","transforms","from","type","schema","attributes","isMatch","node","dataset","block","transform","customText","noTeaser","attrs"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,mBAA5B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,KADP;AAECC,IAAAA,MAAM,EAAE;AACP,kBAAY;AAAEC,QAAAA,UAAU,EAAE,CAAE,YAAF;AAAd;AADL,KAFT;AAKCC,IAAAA,OAAO,EAAIC,IAAF,IACRA,IAAI,CAACC,OAAL,IAAgBD,IAAI,CAACC,OAAL,CAAaC,KAAb,KAAuB,WANzC;;AAOCC,IAAAA,SAAS,CAAEH,IAAF,EAAS;AACjB,YAAM;AAAEI,QAAAA,UAAF;AAAcC,QAAAA;AAAd,UAA2BL,IAAI,CAACC,OAAtC;AACA,YAAMK,KAAK,GAAG,EAAd,CAFiB,CAGjB;;AACA,UAAKF,UAAL,EAAkB;AACjBE,QAAAA,KAAK,CAACF,UAAN,GAAmBA,UAAnB;AACA,OANgB,CAOjB;;;AACA,UAAKC,QAAQ,KAAK,EAAlB,EAAuB;AACtBC,QAAAA,KAAK,CAACD,QAAN,GAAiB,IAAjB;AACA;;AACD,aAAOZ,WAAW,CAAE,WAAF,EAAea,KAAf,CAAlB;AACA;;AAnBF,GADK;AADY,CAAnB;AA0BA,eAAeZ,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tschema: {\n\t\t\t\t'wp-block': { attributes: [ 'data-block' ] },\n\t\t\t},\n\t\t\tisMatch: ( node ) =>\n\t\t\t\tnode.dataset && node.dataset.block === 'core/more',\n\t\t\ttransform( node ) {\n\t\t\t\tconst { customText, noTeaser } = node.dataset;\n\t\t\t\tconst attrs = {};\n\t\t\t\t// Don't copy unless defined and not an empty string.\n\t\t\t\tif ( customText ) {\n\t\t\t\t\tattrs.customText = customText;\n\t\t\t\t}\n\t\t\t\t// Special handling for boolean.\n\t\t\t\tif ( noTeaser === '' ) {\n\t\t\t\t\tattrs.noTeaser = true;\n\t\t\t\t}\n\t\t\t\treturn createBlock( 'core/more', attrs );\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}

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

@@ -13,8 +13,9 @@ import { useState, useEffect, useRef, useCallback, Platform } from '@wordpress/e
 import { InspectorControls, BlockControls, useBlockProps, __experimentalUseNoRecursiveRenders as useNoRecursiveRenders, store as blockEditorStore, withColors, PanelColorSettings, ContrastChecker, getColorClassName, Warning } from '@wordpress/block-editor';
 import { EntityProvider, useEntityProp } from '@wordpress/core-data';
 import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
-import { PanelBody, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, ToolbarGroup, ToolbarDropdownMenu, Button } from '@wordpress/components';
+import { PanelBody, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, ToolbarGroup, Button, Spinner } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+import { speak } from '@wordpress/a11y';
 /**
  * Internal dependencies
  */
@@ -23,7 +24,6 @@ import useListViewModal from './use-list-view-modal';
 import useNavigationMenu from '../use-navigation-menu';
 import useNavigationEntities from '../use-navigation-entities';
 import Placeholder from './placeholder';
-import PlaceholderPreview from './placeholder/placeholder-preview';
 import ResponsiveWrapper from './responsive-wrapper';
 import NavigationInnerBlocks from './inner-blocks';
 import NavigationMenuSelector from './navigation-menu-selector';
@@ -32,6 +32,8 @@ import UnsavedInnerBlocks from './unsaved-inner-blocks';
 import NavigationMenuDeleteControl from './navigation-menu-delete-control';
 import useNavigationNotice from './use-navigation-notice';
 import OverlayMenuIcon from './overlay-menu-icon';
+import useConvertClassicToBlockMenu, { CLASSIC_MENU_CONVERSION_ERROR, CLASSIC_MENU_CONVERSION_PENDING, CLASSIC_MENU_CONVERSION_SUCCESS } from './use-convert-classic-menu-to-block-menu';
+import useCreateNavigationMenu, { CREATE_NAVIGATION_MENU_ERROR, CREATE_NAVIGATION_MENU_PENDING, CREATE_NAVIGATION_MENU_SUCCESS } from './use-create-navigation-menu';
 const EMPTY_ARRAY = [];
 
 function getComputedStyle(node) {
@@ -115,6 +117,33 @@ function Navigation(_ref) {
   // the Select Menu dropdown.
 
   useNavigationEntities();
+  const [showNavigationMenuCreateNotice, hideNavigationMenuCreateNotice] = useNavigationNotice({
+    name: 'block-library/core/navigation/create'
+  });
+  const {
+    create: createNavigationMenu,
+    status: createNavigationMenuStatus,
+    error: createNavigationMenuError,
+    value: createNavigationMenuPost
+  } = useCreateNavigationMenu(clientId);
+  const isCreatingNavigationMenu = createNavigationMenuStatus === CREATE_NAVIGATION_MENU_PENDING;
+  useEffect(() => {
+    hideNavigationMenuCreateNotice();
+
+    if (createNavigationMenuStatus === CREATE_NAVIGATION_MENU_PENDING) {
+      speak(__(`Creating Navigation Menu.`));
+    }
+
+    if (createNavigationMenuStatus === CREATE_NAVIGATION_MENU_SUCCESS) {
+      setRef(createNavigationMenuPost.id);
+      selectBlock(clientId);
+      showNavigationMenuCreateNotice(__(`Navigation Menu successfully created.`));
+    }
+
+    if (createNavigationMenuStatus === CREATE_NAVIGATION_MENU_ERROR) {
+      showNavigationMenuCreateNotice(__('Failed to create Navigation Menu.'));
+    }
+  }, [createNavigationMenu, createNavigationMenuStatus, createNavigationMenuError, createNavigationMenuPost]);
   const {
     hasUncontrolledInnerBlocks,
     uncontrolledInnerBlocks,
@@ -132,7 +161,7 @@ function Navigation(_ref) {
 
     const _uncontrolledInnerBlocks = getBlock(clientId).innerBlocks;
 
-    const _hasUncontrolledInnerBlocks = _uncontrolledInnerBlocks === null || _uncontrolledInnerBlocks === void 0 ? void 0 : _uncontrolledInnerBlocks.length;
+    const _hasUncontrolledInnerBlocks = !!(_uncontrolledInnerBlocks !== null && _uncontrolledInnerBlocks !== void 0 && _uncontrolledInnerBlocks.length);
 
     const _controlledInnerBlocks = _hasUncontrolledInnerBlocks ? EMPTY_ARRAY : getBlocks(clientId);
 
@@ -151,22 +180,20 @@ function Navigation(_ref) {
   } = useDispatch(blockEditorStore);
   const [hasSavedUnsavedInnerBlocks, setHasSavedUnsavedInnerBlocks] = useState(false);
   const isWithinUnassignedArea = !!navigationArea && !ref;
-  const [isPlaceholderShown, setIsPlaceholderShown] = useState(!hasUncontrolledInnerBlocks || isWithinUnassignedArea);
   const [isResponsiveMenuOpen, setResponsiveMenuVisibility] = useState(false);
   const [overlayMenuPreview, setOverlayMenuPreview] = useState(false);
   const {
     isNavigationMenuResolved,
     isNavigationMenuMissing,
-    canSwitchNavigationMenu,
-    hasResolvedNavigationMenus,
     navigationMenus,
     navigationMenu,
-    canUserUpdateNavigationEntity,
-    hasResolvedCanUserUpdateNavigationEntity,
-    canUserDeleteNavigationEntity,
-    hasResolvedCanUserDeleteNavigationEntity,
-    canUserCreateNavigation,
-    hasResolvedCanUserCreateNavigation
+    canUserUpdateNavigationMenu,
+    hasResolvedCanUserUpdateNavigationMenu,
+    canUserDeleteNavigationMenu,
+    hasResolvedCanUserDeleteNavigationMenu,
+    canUserCreateNavigationMenu,
+    isResolvingCanUserCreateNavigationMenu,
+    hasResolvedCanUserCreateNavigationMenu
   } = useNavigationMenu(ref);
   const navRef = useRef();
   const isDraftNavigationMenu = (navigationMenu === null || navigationMenu === void 0 ? void 0 : navigationMenu.status) === 'draft';
@@ -174,7 +201,30 @@ function Navigation(_ref) {
     listViewToolbarButton,
     listViewModal
   } = useListViewModal(clientId);
-  const isEntityAvailable = !isNavigationMenuMissing && isNavigationMenuResolved;
+  const {
+    convert,
+    status: classicMenuConversionStatus,
+    error: classicMenuConversionError,
+    value: classicMenuConversionResult
+  } = useConvertClassicToBlockMenu(clientId);
+  const isConvertingClassicMenu = classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_PENDING; // The standard HTML5 tag for the block wrapper.
+
+  const TagName = 'nav'; // "placeholder" shown if:
+  // - there is no ref attribute pointing to a Navigation Post.
+  // - there is no classic menu conversion process in progress.
+  // - there is no menu creation process in progress.
+  // - there are no uncontrolled blocks.
+  // - (legacy) there is a Navigation Area without a ref attribute pointing to a Navigation Post.
+
+  const isPlaceholder = !ref && !isCreatingNavigationMenu && !isConvertingClassicMenu && (!hasUncontrolledInnerBlocks || isWithinUnassignedArea);
+  const isEntityAvailable = !isNavigationMenuMissing && isNavigationMenuResolved; // "loading" state:
+  // - there is a menu creation process in progress.
+  // - there is a classic menu conversion process in progress.
+  // OR
+  // - there is a ref attribute pointing to a Navigation Post
+  // - the Navigation Post isn't available (hasn't resolved) yet.
+
+  const isLoading = isCreatingNavigationMenu || isConvertingClassicMenu || !!(ref && !isEntityAvailable && !isConvertingClassicMenu);
   const blockProps = useBlockProps({
     ref: navRef,
     className: classnames(className, {
@@ -210,7 +260,32 @@ function Navigation(_ref) {
   const [detectedBackgroundColor, setDetectedBackgroundColor] = useState();
   const [detectedColor, setDetectedColor] = useState();
   const [detectedOverlayBackgroundColor, setDetectedOverlayBackgroundColor] = useState();
-  const [detectedOverlayColor, setDetectedOverlayColor] = useState(); // Spacer block needs orientation from context. This is a patch until
+  const [detectedOverlayColor, setDetectedOverlayColor] = useState();
+  const [showClassicMenuConversionErrorNotice, hideClassicMenuConversionErrorNotice] = useNavigationNotice({
+    name: 'block-library/core/navigation/classic-menu-conversion/error'
+  });
+
+  function handleUpdateMenu(menuId) {
+    setRef(menuId);
+    selectBlock(clientId);
+  }
+
+  useEffect(() => {
+    if (classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_PENDING) {
+      speak(__('Classic menu importing.'));
+    }
+
+    if (classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_SUCCESS && classicMenuConversionResult) {
+      handleUpdateMenu(classicMenuConversionResult === null || classicMenuConversionResult === void 0 ? void 0 : classicMenuConversionResult.id);
+      hideClassicMenuConversionErrorNotice();
+      speak(__('Classic menu imported successfully.'));
+    }
+
+    if (classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_ERROR) {
+      showClassicMenuConversionErrorNotice(classicMenuConversionError);
+      speak(__('Classic menu import failed.'));
+    }
+  }, [classicMenuConversionStatus, classicMenuConversionResult, classicMenuConversionError]); // Spacer block needs orientation from context. This is a patch until
   // https://github.com/WordPress/gutenberg/issues/36197 is addressed.
 
   useEffect(() => {
@@ -235,11 +310,7 @@ function Navigation(_ref) {
     if (subMenuElement) {
       detectColors(subMenuElement, setDetectedOverlayColor, setDetectedOverlayBackgroundColor);
     }
-  }); // Hide the placeholder if an navigation menu entity has loaded.
-
-  useEffect(() => {
-    setIsPlaceholderShown(!isEntityAvailable);
-  }, [isEntityAvailable]);
+  });
   const [showCantEditNotice, hideCantEditNotice] = useNavigationNotice({
     name: 'block-library/core/navigation/permissions/update',
     message: __('You do not have permission to edit this Menu. Any changes made will not be saved.')
@@ -255,16 +326,29 @@ function Navigation(_ref) {
     }
 
     if (isSelected || isInnerBlockSelected) {
-      if (hasResolvedCanUserUpdateNavigationEntity && !canUserUpdateNavigationEntity) {
+      if (hasResolvedCanUserUpdateNavigationMenu && !canUserUpdateNavigationMenu) {
         showCantEditNotice();
       }
 
-      if (!ref && hasResolvedCanUserCreateNavigation && !canUserCreateNavigation) {
+      if (!ref && hasResolvedCanUserCreateNavigationMenu && !canUserCreateNavigationMenu) {
         showCantCreateNotice();
       }
     }
-  }, [isSelected, isInnerBlockSelected, canUserUpdateNavigationEntity, hasResolvedCanUserUpdateNavigationEntity, canUserCreateNavigation, hasResolvedCanUserCreateNavigation, ref]);
-  const startWithEmptyMenu = useCallback(() => {
+  }, [isSelected, isInnerBlockSelected, canUserUpdateNavigationMenu, hasResolvedCanUserUpdateNavigationMenu, canUserCreateNavigationMenu, hasResolvedCanUserCreateNavigationMenu, ref]);
+  const handleSelectNavigation = useCallback(navPostOrClassicMenu => {
+    if (!navPostOrClassicMenu) {
+      return;
+    }
+
+    const isClassicMenu = navPostOrClassicMenu.hasOwnProperty('auto_add');
+
+    if (isClassicMenu) {
+      convert(navPostOrClassicMenu.id, navPostOrClassicMenu.name);
+    } else {
+      handleUpdateMenu(navPostOrClassicMenu.id);
+    }
+  }, [convert, handleUpdateMenu]);
+  const resetToEmptyBlock = useCallback(() => {
     registry.batch(() => {
       if (navigationArea) {
         setAreaMenu(0);
@@ -277,8 +361,6 @@ function Navigation(_ref) {
       if (!ref) {
         replaceInnerBlocks(clientId, []);
       }
-
-      setIsPlaceholderShown(true);
     });
   }, [clientId, ref]); // If the block has inner blocks, but no menu id, this was an older
   // navigation block added before the block used a wp_navigation entity.
@@ -289,7 +371,7 @@ function Navigation(_ref) {
   const hasUnsavedBlocks = hasUncontrolledInnerBlocks && !isEntityAvailable;
 
   if (hasUnsavedBlocks) {
-    return createElement("nav", blockProps, createElement(ResponsiveWrapper, {
+    return createElement(TagName, blockProps, createElement(ResponsiveWrapper, {
       id: clientId,
       onToggle: setResponsiveMenuVisibility,
       isOpen: isResponsiveMenuOpen,
@@ -317,7 +399,7 @@ function Navigation(_ref) {
 
   if (ref && isNavigationMenuMissing) {
     return createElement("div", blockProps, createElement(Warning, null, __('Navigation menu has been deleted or is unavailable. '), createElement(Button, {
-      onClick: startWithEmptyMenu,
+      onClick: resetToEmptyBlock,
       variant: "link"
     }, __('Create a new menu?'))));
   }
@@ -331,31 +413,34 @@ function Navigation(_ref) {
   const overlayMenuPreviewClasses = classnames('wp-block-navigation__overlay-menu-preview', {
     open: overlayMenuPreview
   });
+
+  if (isPlaceholder) {
+    return createElement(TagName, blockProps, createElement(PlaceholderComponent, {
+      isSelected: isSelected,
+      currentMenuId: ref,
+      clientId: clientId,
+      canUserCreateNavigationMenu: canUserCreateNavigationMenu,
+      isResolvingCanUserCreateNavigationMenu: isResolvingCanUserCreateNavigationMenu,
+      onFinish: handleSelectNavigation,
+      onCreateEmpty: () => createNavigationMenu('', [])
+    }));
+  }
+
   return createElement(EntityProvider, {
     kind: "postType",
     type: "wp_navigation",
     id: ref
-  }, createElement(RecursionProvider, null, createElement(BlockControls, null, !isDraftNavigationMenu && isEntityAvailable && createElement(ToolbarGroup, null, createElement(ToolbarDropdownMenu, {
-    label: __('Select Menu'),
-    text: __('Select Menu'),
-    icon: null
-  }, _ref2 => {
-    let {
-      onClose
-    } = _ref2;
-    return createElement(NavigationMenuSelector, {
-      clientId: clientId,
-      onSelect: _ref3 => {
-        let {
-          id
-        } = _ref3;
-        setRef(id);
-        onClose();
-      },
-      onCreateNew: startWithEmptyMenu,
-      canUserCreateNavigation: canUserCreateNavigation,
-      canUserSwitchNavigation: canSwitchNavigationMenu
-    });
+  }, createElement(RecursionProvider, null, createElement(BlockControls, null, !isDraftNavigationMenu && isEntityAvailable && createElement(ToolbarGroup, {
+    className: "wp-block-navigation__toolbar-menu-selector"
+  }, createElement(NavigationMenuSelector, {
+    currentMenuId: ref,
+    clientId: clientId,
+    onSelect: handleSelectNavigation,
+    onCreateNew: resetToEmptyBlock
+    /* translators: %s: The name of a menu. */
+    ,
+    actionLabel: __("Switch to '%s'"),
+    showManageActions: true
   })), createElement(ToolbarGroup, null, listViewToolbarButton)), listViewModal, createElement(InspectorControls, null, hasSubmenuIndicatorSetting && createElement(PanelBody, {
     title: __('Display')
   }, isResponsive && createElement(Button, {
@@ -439,25 +524,11 @@ function Navigation(_ref) {
     textColor: detectedOverlayColor
   })))), isEntityAvailable && createElement(InspectorControls, {
     __experimentalGroup: "advanced"
-  }, hasResolvedCanUserUpdateNavigationEntity && canUserUpdateNavigationEntity && createElement(NavigationMenuNameControl, null), hasResolvedCanUserDeleteNavigationEntity && canUserDeleteNavigationEntity && createElement(NavigationMenuDeleteControl, {
-    onDelete: startWithEmptyMenu
-  })), createElement("nav", blockProps, isPlaceholderShown && createElement(PlaceholderComponent, {
-    onFinish: post => {
-      setIsPlaceholderShown(false);
-
-      if (post) {
-        setRef(post.id);
-      }
-
-      selectBlock(clientId);
-    },
-    canSwitchNavigationMenu: canSwitchNavigationMenu,
-    hasResolvedNavigationMenus: hasResolvedNavigationMenus,
-    clientId: clientId,
-    canUserCreateNavigation: canUserCreateNavigation
-  }), !hasResolvedCanUserCreateNavigation || !isEntityAvailable && !isPlaceholderShown && createElement(PlaceholderPreview, {
-    isLoading: true
-  }), !isPlaceholderShown && createElement(ResponsiveWrapper, {
+  }, hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && createElement(NavigationMenuNameControl, null), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && createElement(NavigationMenuDeleteControl, {
+    onDelete: resetToEmptyBlock
+  })), isLoading && createElement(TagName, blockProps, createElement(Spinner, {
+    className: "wp-block-navigation__loading-indicator"
+  })), !isLoading && createElement(TagName, blockProps, createElement(ResponsiveWrapper, {
     id: clientId,
     onToggle: setResponsiveMenuVisibility,
     label: __('Menu'),
@@ -468,7 +539,6 @@ function Navigation(_ref) {
     classNames: overlayClassnames,
     styles: overlayStyles
   }, isEntityAvailable && createElement(NavigationInnerBlocks, {
-    isVisible: !isPlaceholderShown,
     clientId: clientId,
     hasCustomPlaceholder: !!CustomPlaceholder,
     orientation: orientation