Rnmobile/fix/disable controls when template lock is set (#32495)

* [RNMobile] Added layoutGridBlock enabling capabilities flag to mobile gutenberg bridge

* Mobile: Disable the block inserter if the there are no blocks to insert

This fixes a but in the block inserter button and make the feature match the web functionality.

* Mobile: Disable actions that involve duplicating if the template is locked.

* Disable the Block Actions when there are non instead of not showing them

* Minor code style fixes

packages/block-editor/src/components/block-mobile-toolbar/block-actions-menu.native.js

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import { Platform, findNodeHandle } from 'react-native';
-import { partial, first, castArray, last, compact } from 'lodash';
+import { partial, first, castArray, last, compact, every } from 'lodash';
 /**
  * WordPress dependencies
  */
@@ -15,6 +15,7 @@ import {
 import {
 	getBlockType,
 	getDefaultBlockName,
+	hasBlockSupport,
 	serialize,
 	rawHandler,
 	createBlock,
@@ -43,6 +44,8 @@ const BlockActionsMenu = ( {
 	canInsertBlockType,
 	getBlocksByClientId,
 	isEmptyDefaultBlock,
+	isLocked,
+	canDuplicate,
 	isFirst,
 	isLast,
 	isReusableBlockType,
@@ -203,16 +206,28 @@ const BlockActionsMenu = ( {
 		wrapBlockMover && allOptions.backwardButton,
 		wrapBlockMover && allOptions.forwardButton,
 		wrapBlockSettings && allOptions.settings,
-		selectedBlockPossibleTransformations.length &&
+		! isLocked &&
+			selectedBlockPossibleTransformations.length &&
 			allOptions.transformButton,
-		allOptions.copyButton,
-		allOptions.cutButton,
-		isPasteEnabled && allOptions.pasteButton,
-		allOptions.duplicateButton,
+		canDuplicate && allOptions.copyButton,
+		canDuplicate && allOptions.cutButton,
+		canDuplicate && isPasteEnabled && allOptions.pasteButton,
+		canDuplicate && allOptions.duplicateButton,
 		isReusableBlockType && allOptions.convertToRegularBlocks,
-		allOptions.delete,
+		! isLocked && allOptions.delete,
 	] );
 
+	// End early if there are no options to show.
+	if ( ! options.length ) {
+		return (
+			<ToolbarButton
+				title={ __( 'Open Block Actions Menu' ) }
+				icon={ moreHorizontalMobile }
+				disabled={ true }
+			/>
+		);
+	}
+
 	function onPasteBlock() {
 		if ( ! clipboard ) {
 			return;
@@ -290,6 +305,7 @@ export default compose(
 			getBlocksByClientId,
 			getSelectedBlockClientIds,
 			canInsertBlockType,
+			getTemplateLock,
 		} = select( blockEditorStore );
 		const normalizedClientIds = castArray( clientIds );
 		const block = getBlock( normalizedClientIds );
@@ -306,11 +322,22 @@ export default compose(
 			rootClientId
 		);
 
+		const innerBlocks = getBlocksByClientId( clientIds );
+
+		const canDuplicate = every( innerBlocks, ( innerBlock ) => {
+			return (
+				!! innerBlock &&
+				hasBlockSupport( innerBlock.name, 'multiple', true ) &&
+				canInsertBlockType( innerBlock.name, rootClientId )
+			);
+		} );
+
 		const isDefaultBlock = blockName === getDefaultBlockName();
 		const isEmptyContent = block?.attributes.content === '';
 		const isExactlyOneBlock = blockOrder.length === 1;
 		const isEmptyDefaultBlock =
 			isExactlyOneBlock && isDefaultBlock && isEmptyContent;
+		const isLocked = !! getTemplateLock( rootClientId );
 
 		const selectedBlockClientId = first( getSelectedBlockClientIds() );
 		const selectedBlock = selectedBlockClientId
@@ -335,6 +362,8 @@ export default compose(
 			currentIndex: firstIndex,
 			getBlocksByClientId,
 			isEmptyDefaultBlock,
+			isLocked,
+			canDuplicate,
 			isFirst: firstIndex === 0,
 			isLast: lastIndex === blockOrder.length - 1,
 			isReusableBlockType,

packages/edit-post/src/components/header/header-toolbar/index.native.js

@@ -110,16 +110,28 @@ function HeaderToolbar( {
 }
 
 export default compose( [
-	withSelect( ( select ) => ( {
-		hasRedo: select( editorStore ).hasEditorRedo(),
-		hasUndo: select( editorStore ).hasEditorUndo(),
-		// This setting (richEditingEnabled) should not live in the block editor's setting.
-		showInserter:
-			select( editPostStore ).getEditorMode() === 'visual' &&
-			select( editorStore ).getEditorSettings().richEditingEnabled,
-		isTextModeEnabled: select( editPostStore ).getEditorMode() === 'text',
-		isRTL: select( blockEditorStore ).getSettings().isRTL,
-	} ) ),
+	withSelect( ( select ) => {
+		const {
+			getBlockRootClientId,
+			getBlockSelectionEnd,
+			hasInserterItems,
+			getEditorSettings,
+		} = select( editorStore );
+		return {
+			hasRedo: select( editorStore ).hasEditorRedo(),
+			hasUndo: select( editorStore ).hasEditorUndo(),
+			// This setting (richEditingEnabled) should not live in the block editor's setting.
+			showInserter:
+				select( editPostStore ).getEditorMode() === 'visual' &&
+				getEditorSettings().richEditingEnabled &&
+				hasInserterItems(
+					getBlockRootClientId( getBlockSelectionEnd() )
+				),
+			isTextModeEnabled:
+				select( editPostStore ).getEditorMode() === 'text',
+			isRTL: select( blockEditorStore ).getSettings().isRTL,
+		};
+	} ),
 	withDispatch( ( dispatch ) => {
 		const { clearSelectedBlock } = dispatch( blockEditorStore );
 		const { togglePostTitleSelection } = dispatch( editorStore );

packages/react-native-bridge/android/react-native-bridge/src/main/java/org/wordpress/mobile/WPAndroidGlue/GutenbergProps.kt

@@ -4,6 +4,7 @@ import android.os.Bundle
 
 data class GutenbergProps @JvmOverloads constructor(
     val enableContactInfoBlock: Boolean,
+    val enableLayoutGridBlock: Boolean,
     val enableMediaFilesCollectionBlocks: Boolean,
     val enableMentions: Boolean,
     val enableXPosts: Boolean,
@@ -42,6 +43,7 @@ data class GutenbergProps @JvmOverloads constructor(
         putBoolean(PROP_CAPABILITIES_MENTIONS, enableMentions)
         putBoolean(PROP_CAPABILITIES_XPOSTS, enableXPosts)
         putBoolean(PROP_CAPABILITIES_CONTACT_INFO_BLOCK, enableContactInfoBlock)
+        putBoolean(PROP_CAPABILITIES_LAYOUT_GRID_BLOCK, enableLayoutGridBlock)
         putBoolean(PROP_CAPABILITIES_MEDIAFILES_COLLECTION_BLOCK, enableMediaFilesCollectionBlocks)
         putBoolean(PROP_CAPABILITIES_UNSUPPORTED_BLOCK_EDITOR, enableUnsupportedBlockEditor)
         putBoolean(PROP_CAPABILITIES_CAN_ENABLE_UNSUPPORTED_BLOCK_EDITOR, canEnableUnsupportedBlockEditor)
@@ -70,6 +72,7 @@ data class GutenbergProps @JvmOverloads constructor(
 
         const val PROP_CAPABILITIES = "capabilities"
         const val PROP_CAPABILITIES_CONTACT_INFO_BLOCK = "contactInfoBlock"
+        const val PROP_CAPABILITIES_LAYOUT_GRID_BLOCK = "layoutGridBlock"
         const val PROP_CAPABILITIES_MEDIAFILES_COLLECTION_BLOCK = "mediaFilesCollectionBlock"
         const val PROP_CAPABILITIES_MENTIONS = "mentions"
         const val PROP_CAPABILITIES_XPOSTS = "xposts"

packages/react-native-bridge/ios/GutenbergBridgeDelegate.swift

@@ -17,6 +17,7 @@ public struct MediaInfo: Encodable {
 /// Definition of capabilities to enable in the Block Editor
 public enum Capabilities: String {
     case contactInfoBlock
+    case layoutGridBlock
     case mediaFilesCollectionBlock
     case mentions
     case xposts