From 967d0100e78f06bd4d76e2cb6d6f1640b2b770f1 Mon Sep 17 00:00:00 2001
From: John Watkins <johnwatkins0@gmail.com>
Date: Mon, 19 Feb 2018 16:33:55 -0500
Subject: [PATCH] Make ImagePlaceholder available via the global wp object
 (#5039)

* Make ImagePlaceholder available via the global wp object

* Change all instances of `ImagePlaceHolder` to ImagePlaceholder`
---
 blocks/image-placeholder/index.js   | 4 ++--
 blocks/index.js                     | 1 +
 blocks/library/cover-image/index.js | 4 ++--
 blocks/library/gallery/block.js     | 4 ++--
 blocks/library/image/block.js       | 4 ++--
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/blocks/image-placeholder/index.js b/blocks/image-placeholder/index.js
index c2c51cff94005a..967b5b72bfeffe 100644
--- a/blocks/image-placeholder/index.js
+++ b/blocks/image-placeholder/index.js
@@ -17,13 +17,13 @@ import MediaUpload from '../media-upload';
 import { rawHandler } from '../api';
 
 /**
- *  ImagePlaceHolder is a react component used by blocks containing user configurable images e.g: image and cover image.
+ *  ImagePlaceholder is a react component used by blocks containing user configurable images e.g: image and cover image.
  *
  * @param   {Object} props  React props passed to the component.
  *
  * @return {Object} Rendered placeholder.
  */
-export default function ImagePlaceHolder( { className, icon, label, onSelectImage, multiple = false } ) {
+export default function ImagePlaceholder( { className, icon, label, onSelectImage, multiple = false } ) {
 	const setImage = multiple ? onSelectImage : ( [ image ] ) => onSelectImage( image );
 	const onFilesDrop = ( files ) => mediaUpload( files, setImage );
 	const onHTMLDrop = ( HTML ) => setImage( map(
diff --git a/blocks/index.js b/blocks/index.js
index 6d30e999887963..166924dd44f982 100644
--- a/blocks/index.js
+++ b/blocks/index.js
@@ -22,6 +22,7 @@ export { default as BlockEdit } from './block-edit';
 export { default as BlockIcon } from './block-icon';
 export { default as ColorPalette } from './color-palette';
 export { default as Editable } from './rich-text/editable';
+export { default as ImagePlaceholder } from './image-placeholder';
 export { default as InnerBlocks } from './inner-blocks';
 export { default as InspectorControls } from './inspector-controls';
 export { default as PlainText } from './plain-text';
diff --git a/blocks/library/cover-image/index.js b/blocks/library/cover-image/index.js
index ee26f0b4dd6265..b7b4be7d82d0e9 100644
--- a/blocks/library/cover-image/index.js
+++ b/blocks/library/cover-image/index.js
@@ -19,7 +19,7 @@ import { createBlock } from '../../api';
 import RichText from '../../rich-text';
 import AlignmentToolbar from '../../alignment-toolbar';
 import MediaUpload from '../../media-upload';
-import ImagePlaceHolder from '../../image-placeholder';
+import ImagePlaceholder from '../../image-placeholder';
 import BlockControls from '../../block-controls';
 import BlockAlignmentToolbar from '../../block-alignment-toolbar';
 import InspectorControls from '../../inspector-controls';
@@ -182,7 +182,7 @@ export const settings = {
 
 			return [
 				controls,
-				<ImagePlaceHolder key="cover-image-placeholder"
+				<ImagePlaceholder key="cover-image-placeholder"
 					{ ...{ className, icon, label, onSelectImage } }
 				/>,
 			];
diff --git a/blocks/library/gallery/block.js b/blocks/library/gallery/block.js
index 14b38813674f73..99e097ba55eb25 100644
--- a/blocks/library/gallery/block.js
+++ b/blocks/library/gallery/block.js
@@ -22,7 +22,7 @@ import {
  * Internal dependencies
  */
 import MediaUpload from '../../media-upload';
-import ImagePlaceHolder from '../../image-placeholder';
+import ImagePlaceholder from '../../image-placeholder';
 import InspectorControls from '../../inspector-controls';
 import BlockControls from '../../block-controls';
 import BlockAlignmentToolbar from '../../block-alignment-toolbar';
@@ -188,7 +188,7 @@ class GalleryBlock extends Component {
 		if ( images.length === 0 ) {
 			return [
 				controls,
-				<ImagePlaceHolder key="gallery-placeholder"
+				<ImagePlaceholder key="gallery-placeholder"
 					className={ className }
 					icon="format-gallery"
 					label={ __( 'Gallery' ) }
diff --git a/blocks/library/image/block.js b/blocks/library/image/block.js
index 453c330688716a..301faa17a6aed1 100644
--- a/blocks/library/image/block.js
+++ b/blocks/library/image/block.js
@@ -29,7 +29,7 @@ import {
  * Internal dependencies
  */
 import RichText from '../../rich-text';
-import ImagePlaceHolder from '../../image-placeholder';
+import ImagePlaceholder from '../../image-placeholder';
 import MediaUpload from '../../media-upload';
 import InspectorControls from '../../inspector-controls';
 import BlockControls from '../../block-controls';
@@ -177,7 +177,7 @@ class ImageBlock extends Component {
 		if ( ! url ) {
 			return [
 				controls,
-				<ImagePlaceHolder
+				<ImagePlaceholder
 					className={ className }
 					key="image-placeholder"
 					icon="format-image"