Make ImagePlaceholder available via the global wp object (#5039)

* Make ImagePlaceholder available via the global wp object * Change all instances of `ImagePlaceHolder` to ImagePlaceholder`
WordPress · Feb 19, 2018 · 967d010 · 967d010
1 parent e3da1a1
commit 967d010
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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"