[Mobile] - Remove old Layout Picker (#27640)

* Mobile - Removing the old Layout picker except the Preview which was moved to the mobile components directory.

* Mobile - Remove isModalLayoutPicker flag

* Mobile - alignmentHelpers - fix tests

* Mobile - Remove unused modalLayoutPicker

packages/block-editor/src/components/block-list/block-list-item.native.js

@@ -22,13 +22,6 @@ const stretchStyle = {
 	flex: 1,
 };
 
-const {
-	isFullWidth,
-	isWideWidth,
-	isWider,
-	isContainerRelated,
-} = alignmentHelpers;
-
 export class BlockListItem extends Component {
 	constructor() {
 		super( ...arguments );
@@ -60,6 +53,12 @@ export class BlockListItem extends Component {
 			parentWidth,
 		} = this.props;
 		const { blockWidth } = this.state;
+		const {
+			isFullWidth,
+			isWideWidth,
+			isWider,
+			isContainerRelated,
+		} = alignmentHelpers;
 
 		if ( isFullWidth( blockAlignment ) ) {
 			if ( ! hasParents ) {
@@ -106,6 +105,7 @@ export class BlockListItem extends Component {
 			hasParents,
 			parentBlockName,
 		} = this.props;
+		const { isFullWidth, isContainerRelated } = alignmentHelpers;
 
 		return [
 			readableContentViewStyle,
@@ -138,6 +138,8 @@ export class BlockListItem extends Component {
 		} = this.props;
 		const readableContentViewStyle =
 			contentResizeMode === 'stretch' && stretchStyle;
+		const { isContainerRelated } = alignmentHelpers;
+
 		return (
 			<ReadableContentView
 				align={ blockAlignment }

packages/block-editor/src/components/block-list/block.native.js

@@ -28,8 +28,6 @@ import BlockEdit from '../block-edit';
 import BlockInvalidWarning from './block-invalid-warning';
 import BlockMobileToolbar from '../block-mobile-toolbar';
 
-const { isFullWidth, isWider, isContainerRelated } = alignmentHelpers;
-
 function BlockForType( {
 	attributes,
 	clientId,
@@ -182,7 +180,7 @@ class BlockListBlock extends Component {
 			attributes,
 			order + 1
 		);
-
+		const { isFullWidth, isWider, isContainerRelated } = alignmentHelpers;
 		const accessible = ! ( isSelected || isInnerBlockSelected );
 		const screenWidth = Math.floor( Dimensions.get( 'window' ).width );
 		const isScreenWidthEqual = blockWidth === screenWidth;

packages/block-editor/src/components/block-list/index.native.js

@@ -48,7 +48,6 @@ const getStyles = (
 	stylesMemo[ styleName ] = computedStyles;
 	return computedStyles;
 };
-const { isWider } = alignmentHelpers;
 
 export class BlockList extends Component {
 	constructor() {
@@ -192,6 +191,7 @@ export class BlockList extends Component {
 
 		const isContentStretch = contentResizeMode === 'stretch';
 		const isMultiBlocks = blockClientIds.length > 1;
+		const { isWider } = alignmentHelpers;
 
 		return (
 			<View

packages/block-editor/src/components/index.native.js

@@ -46,11 +46,6 @@ export {
 export { default as VideoPlayer, VIDEO_ASPECT_RATIO } from './video-player';
 
 // Content Related Components
-export {
-	__experimentalPageTemplatePicker,
-	__experimentalWithPageTemplatePicker,
-	Preview,
-} from './page-template-picker';
 export { default as BlockList } from './block-list';
 export { default as BlockMover } from './block-mover';
 export { default as BlockToolbar } from './block-toolbar';