Mobile: Remove size settings (#13750)

* Mobile: Remove Size Setting from Image Block.

* Organizing imports on mobile ImageEdit

* Fix lint issues

packages/block-library/src/image/edit.native.js

@@ -12,20 +12,25 @@ import {
 	requestImageFailedRetryDialog,
 	requestImageUploadCancelDialog,
 } from 'react-native-gutenberg-bridge';
-import {
-	map,
-	compact,
-} from 'lodash';
 
 /**
  * WordPress dependencies
  */
-import { MediaPlaceholder, RichText, BlockControls, InspectorControls, BottomSheet } from '@wordpress/editor';
-import { Toolbar, ToolbarButton, Spinner, Dashicon } from '@wordpress/components';
+import {
+	Toolbar,
+	ToolbarButton,
+	Spinner,
+	Dashicon,
+} from '@wordpress/components';
+import {
+	MediaPlaceholder,
+	RichText,
+	BlockControls,
+	InspectorControls,
+	BottomSheet,
+} from '@wordpress/editor';
 import { __ } from '@wordpress/i18n';
 import { isURL } from '@wordpress/url';
-import { compose } from '@wordpress/compose';
-import { withSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
@@ -158,16 +163,6 @@ class ImageEdit extends React.Component {
 		} );
 	}
 
-	getImageSizeOptions() {
-		const { imageSizes } = this.props;
-		return compact( map( imageSizes, ( { label, slug } ) => {
-			return {
-				value: this.props.attributes.url + slug, //temporary url
-				label,
-			};
-		} ) );
-	}
-
 	render() {
 		const { attributes, isSelected, setAttributes } = this.props;
 		const { url, caption, height, width, alt, href } = attributes;
@@ -226,8 +221,6 @@ class ImageEdit extends React.Component {
 			</Toolbar>
 		);
 
-		const sizeOptions = this.getImageSizeOptions();
-
 		const getInspectorControls = () => (
 			<BottomSheet
 				isVisible={ this.state.showSettings }
@@ -243,13 +236,6 @@ class ImageEdit extends React.Component {
 					autoCapitalize="none"
 					autoCorrect={ false }
 				/>
-				<BottomSheet.PickerCell
-					icon="editor-expand"
-					label={ __( 'Image Size' ) }
-					value={ 'Large' } // Temporary for UI implementation.
-					options={ sizeOptions }
-					onChangeValue={ () => {} } // Temporary for UI implementation.
-				/>
 				<BottomSheet.Cell
 					icon={ 'editor-textcolor' }
 					label={ __( 'Alt Text' ) }
@@ -339,15 +325,4 @@ class ImageEdit extends React.Component {
 	}
 }
 
-export default compose( [
-	withSelect( ( select ) => {
-		const { getEditorSettings } = select( 'core/editor' );
-		const { maxWidth, isRTL, imageSizes } = getEditorSettings();
-
-		return {
-			maxWidth,
-			isRTL,
-			imageSizes,
-		};
-	} ),
-] )( ImageEdit );
+export default ImageEdit;