Image settings button (#13597)

* rnmobile: Implement image settings button using InspectorControls.Slot pattern.

* rnmobile: Add missing semicolon

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

@@ -14,7 +14,7 @@ import {
 /**
  * Internal dependencies
  */
-import { MediaPlaceholder, RichText, BlockControls } from '@wordpress/editor';
+import { MediaPlaceholder, RichText, BlockControls, InspectorControls } from '@wordpress/editor';
 import { Toolbar, ToolbarButton, Spinner } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import ImageSize from './image-size';
@@ -143,6 +143,10 @@ export default class ImageEdit extends React.Component {
 			);
 		}
 
+		const onImageSettingsButtonPressed = () => {
+
+		};
+
 		const toolbarEditButton = (
 			<Toolbar>
 				<ToolbarButton
@@ -153,6 +157,14 @@ export default class ImageEdit extends React.Component {
 			</Toolbar>
 		);
 
+		const inlineToolbarButtons = (
+			<ToolbarButton
+				label={ __( 'Image Settings' ) }
+				icon="admin-generic"
+				onClick={ onImageSettingsButtonPressed }
+			/>
+		);
+
 		const showSpinner = this.state.isUploadInProgress;
 		const opacity = this.state.isUploadInProgress ? 0.3 : 1;
 		const progress = this.state.progress * 100;
@@ -163,6 +175,9 @@ export default class ImageEdit extends React.Component {
 				<BlockControls>
 					{ toolbarEditButton }
 				</BlockControls>
+				<InspectorControls>
+					{ inlineToolbarButtons }
+				</InspectorControls>
 				<ImageSize src={ url } >
 					{ ( sizes ) => {
 						const {

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

@@ -10,3 +10,4 @@ export { default as DefaultBlockAppender } from './default-block-appender';
 export { default as PostTitle } from './post-title';
 export { default as EditorHistoryRedo } from './editor-history/redo';
 export { default as EditorHistoryUndo } from './editor-history/undo';
+export { default as InspectorControls } from './inspector-controls';