@wordpress/block-editor 12.6.0 → 12.8.0

package/build-module/components/media-placeholder/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/media-placeholder/index.native.js"],"names":["View","Text","TouchableOpacity","sentenceCase","__","sprintf","MediaUpload","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","MEDIA_TYPE_AUDIO","usePreferredColorSchemeStyle","cloneElement","useCallback","useRef","Icon","plusCircleFilled","styles","useBlockEditContext","isMediaEqual","media1","media2","id","url","dedupMedia","media","reduce","dedupedMedia","mediaItem","some","item","hitSlop","top","bottom","left","right","MediaPlaceholder","props","addToGallery","allowedTypes","className","labels","icon","onSelect","onFocus","__experimentalOnlyMediaLibrary","isAppender","disableMediaButtons","multiple","value","children","height","backgroundColor","hideContent","autoOpenMediaUpload","onSelectURL","mediaRef","current","blockEditContext","onButtonPress","open","event","setMedia","selected","isOneType","length","isImage","includes","isVideo","isAudio","placeholderTitle","title","undefined","instructions","accessibilityHint","titleStyles","addMediaButtonStyle","addMediaButton","addMediaButtonDark","buttonStyles","emptyStateDescriptionStyles","emptyStateDescription","emptyStateDescriptionDark","iconStyles","placeholderIcon","fill","accessibilityLabel","renderContent","color","size","appenderStyle","appender","appenderDark","containerSelectedStyle","containerStyle","isSelected","flex","getMediaOptions"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\nimport { sentenceCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tMediaUpload,\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n} from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { cloneElement, useCallback, useRef } from '@wordpress/element';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst isMediaEqual = ( media1, media2 ) =>\n\tmedia1.id === media2.id || media1.url === media2.url;\n\n// Remove duplicates after gallery append.\nconst dedupMedia = ( media ) =>\n\tmedia.reduce(\n\t\t( dedupedMedia, mediaItem ) =>\n\t\t\tdedupedMedia.some( ( item ) => isMediaEqual( item, mediaItem ) )\n\t\t\t\t? dedupedMedia\n\t\t\t\t: [ ...dedupedMedia, mediaItem ],\n\t\t[]\n\t);\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nfunction MediaPlaceholder( props ) {\n\tconst {\n\t\taddToGallery,\n\t\tallowedTypes = [],\n\t\tclassName = '',\n\t\tlabels = {},\n\t\ticon,\n\t\tonSelect,\n\t\tonFocus,\n\t\t__experimentalOnlyMediaLibrary,\n\t\tisAppender,\n\t\tdisableMediaButtons,\n\t\tmultiple,\n\t\tvalue = [],\n\t\tchildren,\n\t\theight,\n\t\tbackgroundColor,\n\t\thideContent,\n\t\tautoOpenMediaUpload,\n\t\tonSelectURL,\n\t} = props;\n\n\t// Use ref to keep media array current for callbacks during rerenders.\n\tconst mediaRef = useRef( value );\n\tmediaRef.current = value;\n\n\tconst blockEditContext = useBlockEditContext();\n\n\tconst onButtonPress = useCallback(\n\t\t( open ) => ( event ) => {\n\t\t\tonFocus?.( event );\n\t\t\topen();\n\t\t},\n\t\t[ onFocus ]\n\t);\n\n\t// Append and deduplicate media array for gallery use case.\n\tconst setMedia =\n\t\tmultiple && addToGallery\n\t\t\t? ( selected ) =>\n\t\t\t\t\tonSelect(\n\t\t\t\t\t\tdedupMedia( [ ...mediaRef.current, ...selected ] )\n\t\t\t\t\t)\n\t\t\t: onSelect;\n\n\tconst isOneType = allowedTypes.length === 1;\n\tconst isImage = isOneType && allowedTypes.includes( MEDIA_TYPE_IMAGE );\n\tconst isVideo = isOneType && allowedTypes.includes( MEDIA_TYPE_VIDEO );\n\tconst isAudio = isOneType && allowedTypes.includes( MEDIA_TYPE_AUDIO );\n\n\tlet placeholderTitle = labels.title;\n\tif ( placeholderTitle === undefined ) {\n\t\tplaceholderTitle = __( 'Media' );\n\t\tif ( isImage ) {\n\t\t\tplaceholderTitle = __( 'Image' );\n\t\t} else if ( isVideo ) {\n\t\t\tplaceholderTitle = __( 'Video' );\n\t\t} else if ( isAudio ) {\n\t\t\tplaceholderTitle = __( 'Audio' );\n\t\t}\n\t}\n\n\tlet instructions = labels.instructions;\n\tif ( instructions === undefined ) {\n\t\tif ( isImage ) {\n\t\t\tinstructions = __( 'ADD IMAGE' );\n\t\t} else if ( isVideo ) {\n\t\t\tinstructions = __( 'ADD VIDEO' );\n\t\t} else if ( isAudio ) {\n\t\t\tinstructions = __( 'ADD AUDIO' );\n\t\t} else {\n\t\t\tinstructions = __( 'ADD IMAGE OR VIDEO' );\n\t\t}\n\t}\n\n\tlet accessibilityHint = __( 'Double tap to select' );\n\tif ( isImage ) {\n\t\taccessibilityHint = __( 'Double tap to select an image' );\n\t} else if ( isVideo ) {\n\t\taccessibilityHint = __( 'Double tap to select a video' );\n\t} else if ( isAudio ) {\n\t\taccessibilityHint = __( 'Double tap to select an audio file' );\n\t}\n\n\tconst titleStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-title' ],\n\t\tstyles[ 'media-placeholder__header-title--dark' ]\n\t);\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\tconst buttonStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__button' ],\n\t\tstyles[ 'media-placeholder__button--dark' ]\n\t);\n\tconst emptyStateDescriptionStyles = usePreferredColorSchemeStyle(\n\t\tstyles.emptyStateDescription,\n\t\tstyles.emptyStateDescriptionDark\n\t);\n\tconst iconStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-icon' ],\n\t\tstyles[ 'media-placeholder__header-icon--dark' ]\n\t);\n\tconst placeholderIcon = cloneElement( icon, {\n\t\tfill: iconStyles.fill,\n\t} );\n\tconst accessibilityLabel = sprintf(\n\t\t/* translators: accessibility text for the media block empty state. %s: media type */\n\t\t__( '%s block. Empty' ),\n\t\tplaceholderTitle\n\t);\n\n\tconst renderContent = ( open ) => {\n\t\tif ( isAppender === undefined || ! isAppender ) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ styles[ 'media-placeholder__header' ] }>\n\t\t\t\t\t\t<View style={ iconStyles }>{ placeholderIcon }</View>\n\t\t\t\t\t\t<Text style={ titleStyles }>{ placeholderTitle }</Text>\n\t\t\t\t\t</View>\n\t\t\t\t\t{ children }\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text style={ emptyStateDescriptionStyles }>\n\t\t\t\t\t\t\t{ sentenceCase( instructions ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</>\n\t\t\t);\n\t\t} else if ( isAppender && ! disableMediaButtons ) {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\tstyle={ styles[ 'media-placeholder__appender' ] }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t>\n\t\t\t\t\t<View testID=\"media-placeholder-appender-icon\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\tstyle={ addMediaButtonStyle }\n\t\t\t\t\t\t\tcolor={ addMediaButtonStyle.color }\n\t\t\t\t\t\t\tsize={ addMediaButtonStyle.size }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst appenderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.appender,\n\t\tstyles.appenderDark\n\t);\n\tconst containerSelectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__container-selected' ],\n\t\tstyles[ 'media-placeholder__container-selected--dark' ]\n\t);\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'media-placeholder__container' ],\n\t\t\tstyles[ 'media-placeholder__container--dark' ]\n\t\t),\n\t\tblockEditContext?.isSelected &&\n\t\t\t! className.includes( 'no-block-outline' ) &&\n\t\t\tcontainerSelectedStyle,\n\t];\n\n\tif ( isAppender && disableMediaButtons ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\tonSelect={ setMedia }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t__experimentalOnlyMediaLibrary={\n\t\t\t\t\t__experimentalOnlyMediaLibrary\n\t\t\t\t}\n\t\t\t\tmultiple={ multiple }\n\t\t\t\tisReplacingMedia={ false }\n\t\t\t\tautoOpen={ autoOpenMediaUpload }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\tcontainerStyle,\n\t\t\t\t\t\t\t\t\theight && { height },\n\t\t\t\t\t\t\t\t\tbackgroundColor && { backgroundColor },\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\tisAppender && appenderStyle,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ getMediaOptions() }\n\t\t\t\t\t\t\t{ ! hideContent && renderContent( open ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default MediaPlaceholder;\n"]}
+{"version":3,"names":["View","Text","TouchableOpacity","sentenceCase","__","sprintf","MediaUpload","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","MEDIA_TYPE_AUDIO","usePreferredColorSchemeStyle","cloneElement","useCallback","useRef","Icon","plusCircleFilled","styles","useBlockEditContext","isMediaEqual","media1","media2","id","url","dedupMedia","media","reduce","dedupedMedia","mediaItem","some","item","hitSlop","top","bottom","left","right","MediaPlaceholder","props","addToGallery","allowedTypes","className","labels","icon","onSelect","onFocus","__experimentalOnlyMediaLibrary","isAppender","disableMediaButtons","multiple","value","children","height","backgroundColor","hideContent","autoOpenMediaUpload","onSelectURL","mediaRef","current","blockEditContext","onButtonPress","open","event","setMedia","selected","isOneType","length","isImage","includes","isVideo","isAudio","placeholderTitle","title","undefined","instructions","accessibilityHint","titleStyles","addMediaButtonStyle","addMediaButton","addMediaButtonDark","buttonStyles","emptyStateDescriptionStyles","emptyStateDescription","emptyStateDescriptionDark","iconStyles","placeholderIcon","fill","accessibilityLabel","renderContent","createElement","Fragment","style","activeOpacity","accessibilityRole","onPress","testID","color","size","appenderStyle","appender","appenderDark","containerSelectedStyle","containerStyle","isSelected","flex","isReplacingMedia","autoOpen","render","getMediaOptions"],"sources":["@wordpress/block-editor/src/components/media-placeholder/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableOpacity } from 'react-native';\nimport { sentenceCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tMediaUpload,\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMEDIA_TYPE_AUDIO,\n} from '@wordpress/block-editor';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { cloneElement, useCallback, useRef } from '@wordpress/element';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { useBlockEditContext } from '../block-edit/context';\n\nconst isMediaEqual = ( media1, media2 ) =>\n\tmedia1.id === media2.id || media1.url === media2.url;\n\n// Remove duplicates after gallery append.\nconst dedupMedia = ( media ) =>\n\tmedia.reduce(\n\t\t( dedupedMedia, mediaItem ) =>\n\t\t\tdedupedMedia.some( ( item ) => isMediaEqual( item, mediaItem ) )\n\t\t\t\t? dedupedMedia\n\t\t\t\t: [ ...dedupedMedia, mediaItem ],\n\t\t[]\n\t);\n\nconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\nfunction MediaPlaceholder( props ) {\n\tconst {\n\t\taddToGallery,\n\t\tallowedTypes = [],\n\t\tclassName = '',\n\t\tlabels = {},\n\t\ticon,\n\t\tonSelect,\n\t\tonFocus,\n\t\t__experimentalOnlyMediaLibrary,\n\t\tisAppender,\n\t\tdisableMediaButtons,\n\t\tmultiple,\n\t\tvalue = [],\n\t\tchildren,\n\t\theight,\n\t\tbackgroundColor,\n\t\thideContent,\n\t\tautoOpenMediaUpload,\n\t\tonSelectURL,\n\t} = props;\n\n\t// Use ref to keep media array current for callbacks during rerenders.\n\tconst mediaRef = useRef( value );\n\tmediaRef.current = value;\n\n\tconst blockEditContext = useBlockEditContext();\n\n\tconst onButtonPress = useCallback(\n\t\t( open ) => ( event ) => {\n\t\t\tonFocus?.( event );\n\t\t\topen();\n\t\t},\n\t\t[ onFocus ]\n\t);\n\n\t// Append and deduplicate media array for gallery use case.\n\tconst setMedia =\n\t\tmultiple && addToGallery\n\t\t\t? ( selected ) =>\n\t\t\t\t\tonSelect(\n\t\t\t\t\t\tdedupMedia( [ ...mediaRef.current, ...selected ] )\n\t\t\t\t\t)\n\t\t\t: onSelect;\n\n\tconst isOneType = allowedTypes.length === 1;\n\tconst isImage = isOneType && allowedTypes.includes( MEDIA_TYPE_IMAGE );\n\tconst isVideo = isOneType && allowedTypes.includes( MEDIA_TYPE_VIDEO );\n\tconst isAudio = isOneType && allowedTypes.includes( MEDIA_TYPE_AUDIO );\n\n\tlet placeholderTitle = labels.title;\n\tif ( placeholderTitle === undefined ) {\n\t\tplaceholderTitle = __( 'Media' );\n\t\tif ( isImage ) {\n\t\t\tplaceholderTitle = __( 'Image' );\n\t\t} else if ( isVideo ) {\n\t\t\tplaceholderTitle = __( 'Video' );\n\t\t} else if ( isAudio ) {\n\t\t\tplaceholderTitle = __( 'Audio' );\n\t\t}\n\t}\n\n\tlet instructions = labels.instructions;\n\tif ( instructions === undefined ) {\n\t\tif ( isImage ) {\n\t\t\tinstructions = __( 'ADD IMAGE' );\n\t\t} else if ( isVideo ) {\n\t\t\tinstructions = __( 'ADD VIDEO' );\n\t\t} else if ( isAudio ) {\n\t\t\tinstructions = __( 'ADD AUDIO' );\n\t\t} else {\n\t\t\tinstructions = __( 'ADD IMAGE OR VIDEO' );\n\t\t}\n\t}\n\n\tlet accessibilityHint = __( 'Double tap to select' );\n\tif ( isImage ) {\n\t\taccessibilityHint = __( 'Double tap to select an image' );\n\t} else if ( isVideo ) {\n\t\taccessibilityHint = __( 'Double tap to select a video' );\n\t} else if ( isAudio ) {\n\t\taccessibilityHint = __( 'Double tap to select an audio file' );\n\t}\n\n\tconst titleStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-title' ],\n\t\tstyles[ 'media-placeholder__header-title--dark' ]\n\t);\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\tconst buttonStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__button' ],\n\t\tstyles[ 'media-placeholder__button--dark' ]\n\t);\n\tconst emptyStateDescriptionStyles = usePreferredColorSchemeStyle(\n\t\tstyles.emptyStateDescription,\n\t\tstyles.emptyStateDescriptionDark\n\t);\n\tconst iconStyles = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__header-icon' ],\n\t\tstyles[ 'media-placeholder__header-icon--dark' ]\n\t);\n\tconst placeholderIcon = cloneElement( icon, {\n\t\tfill: iconStyles.fill,\n\t} );\n\tconst accessibilityLabel = sprintf(\n\t\t/* translators: accessibility text for the media block empty state. %s: media type */\n\t\t__( '%s block. Empty' ),\n\t\tplaceholderTitle\n\t);\n\n\tconst renderContent = ( open ) => {\n\t\tif ( isAppender === undefined || ! isAppender ) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ styles[ 'media-placeholder__header' ] }>\n\t\t\t\t\t\t<View style={ iconStyles }>{ placeholderIcon }</View>\n\t\t\t\t\t\t<Text style={ titleStyles }>{ placeholderTitle }</Text>\n\t\t\t\t\t</View>\n\t\t\t\t\t{ children }\n\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\t\tstyle={ buttonStyles }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text style={ emptyStateDescriptionStyles }>\n\t\t\t\t\t\t\t{ sentenceCase( instructions ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t</>\n\t\t\t);\n\t\t} else if ( isAppender && ! disableMediaButtons ) {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\tstyle={ styles[ 'media-placeholder__appender' ] }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t\tonPress={ onButtonPress( open ) }\n\t\t\t\t>\n\t\t\t\t\t<View testID=\"media-placeholder-appender-icon\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\tstyle={ addMediaButtonStyle }\n\t\t\t\t\t\t\tcolor={ addMediaButtonStyle.color }\n\t\t\t\t\t\t\tsize={ addMediaButtonStyle.size }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\t};\n\n\tconst appenderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.appender,\n\t\tstyles.appenderDark\n\t);\n\tconst containerSelectedStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'media-placeholder__container-selected' ],\n\t\tstyles[ 'media-placeholder__container-selected--dark' ]\n\t);\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'media-placeholder__container' ],\n\t\t\tstyles[ 'media-placeholder__container--dark' ]\n\t\t),\n\t\tblockEditContext?.isSelected &&\n\t\t\t! className.includes( 'no-block-outline' ) &&\n\t\t\tcontainerSelectedStyle,\n\t];\n\n\tif ( isAppender && disableMediaButtons ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\tonSelect={ setMedia }\n\t\t\t\tonSelectURL={ onSelectURL }\n\t\t\t\t__experimentalOnlyMediaLibrary={\n\t\t\t\t\t__experimentalOnlyMediaLibrary\n\t\t\t\t}\n\t\t\t\tmultiple={ multiple }\n\t\t\t\tisReplacingMedia={ false }\n\t\t\t\tautoOpen={ autoOpenMediaUpload }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\tcontainerStyle,\n\t\t\t\t\t\t\t\t\theight && { height },\n\t\t\t\t\t\t\t\t\tbackgroundColor && { backgroundColor },\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\tisAppender && appenderStyle,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ getMediaOptions() }\n\t\t\t\t\t\t\t{ ! hideContent && renderContent( open ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default MediaPlaceholder;\n"],"mappings":"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"}

package/build-module/components/media-replace-flow/index.js

@@ -1,13 +1,12 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { speak } from '@wordpress/a11y';
@@ -18,19 +17,16 @@ import { postFeaturedImage, upload, media as mediaIcon } from '@wordpress/icons'
 import { compose } from '@wordpress/compose';
 import { __unstableStripHTML as stripHTML } from '@wordpress/dom';
 import { store as noticesStore } from '@wordpress/notices';
+
 /**
  * Internal dependencies
  */
-
 import MediaUpload from '../media-upload';
 import MediaUploadCheck from '../media-upload/check';
 import LinkControl from '../link-control';
 import { store as blockEditorStore } from '../../store';
-
 const noop = () => {};
-
 let uniqueId = 0;
-
 const MediaReplaceFlow = ({
   mediaURL,
   mediaId,
@@ -58,21 +54,18 @@ const MediaReplaceFlow = ({
   const canUpload = !!mediaUpload;
   const editMediaButtonRef = useRef();
   const errorNoticeID = `block-editor/media-replace-flow/error-notice/${++uniqueId}`;
-
   const onUploadError = message => {
     const safeMessage = stripHTML(message);
-
     if (onError) {
       onError(safeMessage);
       return;
-    } // We need to set a timeout for showing the notice
+    }
+    // We need to set a timeout for showing the notice
     // so that VoiceOver and possibly other screen readers
     // can announce the error afer the toolbar button
     // regains focus once the upload dialog closes.
     // Otherwise VO simply skips over the notice and announces
     // the focused element and the open menu.
-
-
     setTimeout(() => {
       createNotice('error', safeMessage, {
         speak: true,
@@ -81,27 +74,22 @@ const MediaReplaceFlow = ({
       });
     }, 1000);
   };
-
   const selectMedia = (media, closeMenu) => {
     if (useFeaturedImage && onToggleFeaturedImage) {
       onToggleFeaturedImage();
     }
-
-    closeMenu(); // Calling `onSelect` after the state update since it might unmount the component.
-
+    closeMenu();
+    // Calling `onSelect` after the state update since it might unmount the component.
     onSelect(media);
     speak(__('The media file has been replaced'));
     removeNotice(errorNoticeID);
   };
-
   const uploadFiles = (event, closeMenu) => {
     const files = event.target.files;
-
     if (!handleUpload) {
       closeMenu();
       return onSelect(files);
     }
-
     onFilesUpload(files);
     mediaUpload({
       allowedTypes,
@@ -112,22 +100,18 @@ const MediaReplaceFlow = ({
       onError: onUploadError
     });
   };
-
   const openOnArrowDown = event => {
     if (event.keyCode === DOWN) {
       event.preventDefault();
       event.target.click();
     }
   };
-
   const onlyAllowsImages = () => {
     if (!allowedTypes || allowedTypes.length === 0) {
       return false;
     }
-
     return allowedTypes.every(allowedType => allowedType === 'image' || allowedType.startsWith('image/'));
   };
-
   const gallery = multiple && onlyAllowsImages();
   return createElement(Dropdown, {
     popoverProps: popoverProps,
@@ -179,7 +163,8 @@ const MediaReplaceFlow = ({
       icon: postFeaturedImage,
       onClick: onToggleFeaturedImage,
       isPressed: useFeaturedImage
-    }, __('Use featured image')), children), onSelectURL && // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    }, __('Use featured image')), children), onSelectURL &&
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
     createElement("form", {
       className: classnames('block-editor-media-flow__url-input', {
         'has-siblings': canUpload || onToggleFeaturedImage
@@ -204,11 +189,10 @@ const MediaReplaceFlow = ({
     })))))
   });
 };
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-replace-flow/README.md
  */
-
-
 export default compose([withDispatch(dispatch => {
   const {
     createNotice,

package/build-module/components/media-replace-flow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.js"],"names":["classnames","useRef","__","speak","FormFileUpload","NavigableMenu","MenuItem","ToolbarButton","Dropdown","withFilters","Tooltip","useSelect","withDispatch","DOWN","postFeaturedImage","upload","media","mediaIcon","compose","__unstableStripHTML","stripHTML","store","noticesStore","MediaUpload","MediaUploadCheck","LinkControl","blockEditorStore","noop","uniqueId","MediaReplaceFlow","mediaURL","mediaId","mediaIds","allowedTypes","accept","onError","onSelect","onSelectURL","onToggleFeaturedImage","useFeaturedImage","onFilesUpload","name","createNotice","removeNotice","children","multiple","addToGallery","handleUpload","popoverProps","mediaUpload","select","getSettings","canUpload","editMediaButtonRef","errorNoticeID","onUploadError","message","safeMessage","setTimeout","id","isDismissible","selectMedia","closeMenu","uploadFiles","event","files","target","filesList","onFileChange","openOnArrowDown","keyCode","preventDefault","click","onlyAllowsImages","length","every","allowedType","startsWith","gallery","isOpen","onToggle","onClose","open","openFileDialog","url","current","focus","dispatch"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport {\n\tFormFileUpload,\n\tNavigableMenu,\n\tMenuItem,\n\tToolbarButton,\n\tDropdown,\n\twithFilters,\n\tTooltip,\n} from '@wordpress/components';\nimport { useSelect, withDispatch } from '@wordpress/data';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tpostFeaturedImage,\n\tupload,\n\tmedia as mediaIcon,\n} from '@wordpress/icons';\nimport { compose } from '@wordpress/compose';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport MediaUpload from '../media-upload';\nimport MediaUploadCheck from '../media-upload/check';\nimport LinkControl from '../link-control';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\nlet uniqueId = 0;\n\nconst MediaReplaceFlow = ( {\n\tmediaURL,\n\tmediaId,\n\tmediaIds,\n\tallowedTypes,\n\taccept,\n\tonError,\n\tonSelect,\n\tonSelectURL,\n\tonToggleFeaturedImage,\n\tuseFeaturedImage,\n\tonFilesUpload = noop,\n\tname = __( 'Replace' ),\n\tcreateNotice,\n\tremoveNotice,\n\tchildren,\n\tmultiple = false,\n\taddToGallery,\n\thandleUpload = true,\n\tpopoverProps,\n} ) => {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst canUpload = !! mediaUpload;\n\tconst editMediaButtonRef = useRef();\n\tconst errorNoticeID = `block-editor/media-replace-flow/error-notice/${ ++uniqueId }`;\n\n\tconst onUploadError = ( message ) => {\n\t\tconst safeMessage = stripHTML( message );\n\t\tif ( onError ) {\n\t\t\tonError( safeMessage );\n\t\t\treturn;\n\t\t}\n\t\t// We need to set a timeout for showing the notice\n\t\t// so that VoiceOver and possibly other screen readers\n\t\t// can announce the error afer the toolbar button\n\t\t// regains focus once the upload dialog closes.\n\t\t// Otherwise VO simply skips over the notice and announces\n\t\t// the focused element and the open menu.\n\t\tsetTimeout( () => {\n\t\t\tcreateNotice( 'error', safeMessage, {\n\t\t\t\tspeak: true,\n\t\t\t\tid: errorNoticeID,\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t}, 1000 );\n\t};\n\n\tconst selectMedia = ( media, closeMenu ) => {\n\t\tif ( useFeaturedImage && onToggleFeaturedImage ) {\n\t\t\tonToggleFeaturedImage();\n\t\t}\n\t\tcloseMenu();\n\t\t// Calling `onSelect` after the state update since it might unmount the component.\n\t\tonSelect( media );\n\t\tspeak( __( 'The media file has been replaced' ) );\n\t\tremoveNotice( errorNoticeID );\n\t};\n\n\tconst uploadFiles = ( event, closeMenu ) => {\n\t\tconst files = event.target.files;\n\t\tif ( ! handleUpload ) {\n\t\t\tcloseMenu();\n\t\t\treturn onSelect( files );\n\t\t}\n\t\tonFilesUpload( files );\n\t\tmediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tfilesList: files,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tselectMedia( media, closeMenu );\n\t\t\t},\n\t\t\tonError: onUploadError,\n\t\t} );\n\t};\n\n\tconst openOnArrowDown = ( event ) => {\n\t\tif ( event.keyCode === DOWN ) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.target.click();\n\t\t}\n\t};\n\n\tconst onlyAllowsImages = () => {\n\t\tif ( ! allowedTypes || allowedTypes.length === 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn allowedTypes.every(\n\t\t\t( allowedType ) =>\n\t\t\t\tallowedType === 'image' || allowedType.startsWith( 'image/' )\n\t\t);\n\t};\n\n\tconst gallery = multiple && onlyAllowsImages();\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tcontentClassName=\"block-editor-media-replace-flow__options\"\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tref={ editMediaButtonRef }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t>\n\t\t\t\t\t{ name }\n\t\t\t\t</ToolbarButton>\n\t\t\t) }\n\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu className=\"block-editor-media-replace-flow__media-upload-menu\">\n\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\tgallery={ gallery }\n\t\t\t\t\t\t\t\taddToGallery={ addToGallery }\n\t\t\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\t\t\tvalue={ multiple ? mediaIds : mediaId }\n\t\t\t\t\t\t\t\tonSelect={ ( media ) =>\n\t\t\t\t\t\t\t\t\tselectMedia( media, onClose )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={ mediaIcon }\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\tuploadFiles( event, onClose );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t{ onToggleFeaturedImage && (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ postFeaturedImage }\n\t\t\t\t\t\t\t\tonClick={ onToggleFeaturedImage }\n\t\t\t\t\t\t\t\tisPressed={ useFeaturedImage }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Use featured image' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t{ onSelectURL && (\n\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n\t\t\t\t\t\t<form\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-media-flow__url-input',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-siblings':\n\t\t\t\t\t\t\t\t\t\tcanUpload || onToggleFeaturedImage,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"block-editor-media-replace-flow__image-url-label\">\n\t\t\t\t\t\t\t\t{ __( 'Current media URL:' ) }\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<Tooltip text={ mediaURL } position=\"bottom\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<LinkControl\n\t\t\t\t\t\t\t\t\t\tvalue={ { url: mediaURL } }\n\t\t\t\t\t\t\t\t\t\tsettings={ [] }\n\t\t\t\t\t\t\t\t\t\tshowSuggestions={ false }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\t\tonSelectURL( url );\n\t\t\t\t\t\t\t\t\t\t\teditMediaButtonRef.current.focus();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-replace-flow/README.md\n */\nexport default compose( [\n\twithDispatch( ( dispatch ) => {\n\t\tconst { createNotice, removeNotice } = dispatch( noticesStore );\n\t\treturn {\n\t\t\tcreateNotice,\n\t\t\tremoveNotice,\n\t\t};\n\t} ),\n\twithFilters( 'editor.MediaReplaceFlow' ),\n] )( MediaReplaceFlow );\n"]}
+{"version":3,"names":["classnames","useRef","__","speak","FormFileUpload","NavigableMenu","MenuItem","ToolbarButton","Dropdown","withFilters","Tooltip","useSelect","withDispatch","DOWN","postFeaturedImage","upload","media","mediaIcon","compose","__unstableStripHTML","stripHTML","store","noticesStore","MediaUpload","MediaUploadCheck","LinkControl","blockEditorStore","noop","uniqueId","MediaReplaceFlow","mediaURL","mediaId","mediaIds","allowedTypes","accept","onError","onSelect","onSelectURL","onToggleFeaturedImage","useFeaturedImage","onFilesUpload","name","createNotice","removeNotice","children","multiple","addToGallery","handleUpload","popoverProps","mediaUpload","select","getSettings","canUpload","editMediaButtonRef","errorNoticeID","onUploadError","message","safeMessage","setTimeout","id","isDismissible","selectMedia","closeMenu","uploadFiles","event","files","target","filesList","onFileChange","openOnArrowDown","keyCode","preventDefault","click","onlyAllowsImages","length","every","allowedType","startsWith","gallery","createElement","contentClassName","renderToggle","isOpen","onToggle","ref","onClick","onKeyDown","renderContent","onClose","Fragment","className","value","render","open","icon","onChange","openFileDialog","isPressed","text","position","url","settings","showSuggestions","current","focus","dispatch"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport {\n\tFormFileUpload,\n\tNavigableMenu,\n\tMenuItem,\n\tToolbarButton,\n\tDropdown,\n\twithFilters,\n\tTooltip,\n} from '@wordpress/components';\nimport { useSelect, withDispatch } from '@wordpress/data';\nimport { DOWN } from '@wordpress/keycodes';\nimport {\n\tpostFeaturedImage,\n\tupload,\n\tmedia as mediaIcon,\n} from '@wordpress/icons';\nimport { compose } from '@wordpress/compose';\nimport { __unstableStripHTML as stripHTML } from '@wordpress/dom';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport MediaUpload from '../media-upload';\nimport MediaUploadCheck from '../media-upload/check';\nimport LinkControl from '../link-control';\nimport { store as blockEditorStore } from '../../store';\n\nconst noop = () => {};\nlet uniqueId = 0;\n\nconst MediaReplaceFlow = ( {\n\tmediaURL,\n\tmediaId,\n\tmediaIds,\n\tallowedTypes,\n\taccept,\n\tonError,\n\tonSelect,\n\tonSelectURL,\n\tonToggleFeaturedImage,\n\tuseFeaturedImage,\n\tonFilesUpload = noop,\n\tname = __( 'Replace' ),\n\tcreateNotice,\n\tremoveNotice,\n\tchildren,\n\tmultiple = false,\n\taddToGallery,\n\thandleUpload = true,\n\tpopoverProps,\n} ) => {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst canUpload = !! mediaUpload;\n\tconst editMediaButtonRef = useRef();\n\tconst errorNoticeID = `block-editor/media-replace-flow/error-notice/${ ++uniqueId }`;\n\n\tconst onUploadError = ( message ) => {\n\t\tconst safeMessage = stripHTML( message );\n\t\tif ( onError ) {\n\t\t\tonError( safeMessage );\n\t\t\treturn;\n\t\t}\n\t\t// We need to set a timeout for showing the notice\n\t\t// so that VoiceOver and possibly other screen readers\n\t\t// can announce the error afer the toolbar button\n\t\t// regains focus once the upload dialog closes.\n\t\t// Otherwise VO simply skips over the notice and announces\n\t\t// the focused element and the open menu.\n\t\tsetTimeout( () => {\n\t\t\tcreateNotice( 'error', safeMessage, {\n\t\t\t\tspeak: true,\n\t\t\t\tid: errorNoticeID,\n\t\t\t\tisDismissible: true,\n\t\t\t} );\n\t\t}, 1000 );\n\t};\n\n\tconst selectMedia = ( media, closeMenu ) => {\n\t\tif ( useFeaturedImage && onToggleFeaturedImage ) {\n\t\t\tonToggleFeaturedImage();\n\t\t}\n\t\tcloseMenu();\n\t\t// Calling `onSelect` after the state update since it might unmount the component.\n\t\tonSelect( media );\n\t\tspeak( __( 'The media file has been replaced' ) );\n\t\tremoveNotice( errorNoticeID );\n\t};\n\n\tconst uploadFiles = ( event, closeMenu ) => {\n\t\tconst files = event.target.files;\n\t\tif ( ! handleUpload ) {\n\t\t\tcloseMenu();\n\t\t\treturn onSelect( files );\n\t\t}\n\t\tonFilesUpload( files );\n\t\tmediaUpload( {\n\t\t\tallowedTypes,\n\t\t\tfilesList: files,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tselectMedia( media, closeMenu );\n\t\t\t},\n\t\t\tonError: onUploadError,\n\t\t} );\n\t};\n\n\tconst openOnArrowDown = ( event ) => {\n\t\tif ( event.keyCode === DOWN ) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.target.click();\n\t\t}\n\t};\n\n\tconst onlyAllowsImages = () => {\n\t\tif ( ! allowedTypes || allowedTypes.length === 0 ) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn allowedTypes.every(\n\t\t\t( allowedType ) =>\n\t\t\t\tallowedType === 'image' || allowedType.startsWith( 'image/' )\n\t\t);\n\t};\n\n\tconst gallery = multiple && onlyAllowsImages();\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tcontentClassName=\"block-editor-media-replace-flow__options\"\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tref={ editMediaButtonRef }\n\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t>\n\t\t\t\t\t{ name }\n\t\t\t\t</ToolbarButton>\n\t\t\t) }\n\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t<>\n\t\t\t\t\t<NavigableMenu className=\"block-editor-media-replace-flow__media-upload-menu\">\n\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\tgallery={ gallery }\n\t\t\t\t\t\t\t\taddToGallery={ addToGallery }\n\t\t\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\t\t\tvalue={ multiple ? mediaIds : mediaId }\n\t\t\t\t\t\t\t\tonSelect={ ( media ) =>\n\t\t\t\t\t\t\t\t\tselectMedia( media, onClose )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\ticon={ mediaIcon }\n\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\tuploadFiles( event, onClose );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taccept={ accept }\n\t\t\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Upload' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t{ onToggleFeaturedImage && (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ postFeaturedImage }\n\t\t\t\t\t\t\t\tonClick={ onToggleFeaturedImage }\n\t\t\t\t\t\t\t\tisPressed={ useFeaturedImage }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Use featured image' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t{ onSelectURL && (\n\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n\t\t\t\t\t\t<form\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'block-editor-media-flow__url-input',\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'has-siblings':\n\t\t\t\t\t\t\t\t\t\tcanUpload || onToggleFeaturedImage,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"block-editor-media-replace-flow__image-url-label\">\n\t\t\t\t\t\t\t\t{ __( 'Current media URL:' ) }\n\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t<Tooltip text={ mediaURL } position=\"bottom\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<LinkControl\n\t\t\t\t\t\t\t\t\t\tvalue={ { url: mediaURL } }\n\t\t\t\t\t\t\t\t\t\tsettings={ [] }\n\t\t\t\t\t\t\t\t\t\tshowSuggestions={ false }\n\t\t\t\t\t\t\t\t\t\tonChange={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\t\tonSelectURL( url );\n\t\t\t\t\t\t\t\t\t\t\teditMediaButtonRef.current.focus();\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</form>\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-replace-flow/README.md\n */\nexport default compose( [\n\twithDispatch( ( dispatch ) => {\n\t\tconst { createNotice, removeNotice } = dispatch( noticesStore );\n\t\treturn {\n\t\t\tcreateNotice,\n\t\t\tremoveNotice,\n\t\t};\n\t} ),\n\twithFilters( 'editor.MediaReplaceFlow' ),\n] )( MediaReplaceFlow );\n"],"mappings":"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"}

package/build-module/components/media-replace-flow/index.native.js

@@ -1,4 +1,15 @@
-// MediaReplaceFlow component is not yet implemented in the native version,
-// so we return an empty component instead.
-export default (() => null);
+import { createElement } from "@wordpress/element";
+/**
+ * External dependencies
+ */
+import { View } from 'react-native';
+
+// MediaReplaceFlow component is not yet implemented in the native version.
+// For testing purposes, we are using an empty View component with a testID prop.
+const MediaReplaceFlow = () => {
+  return createElement(View, {
+    testID: "media-replace-flow"
+  });
+};
+export default MediaReplaceFlow;
 //# sourceMappingURL=index.native.js.map

package/build-module/components/media-replace-flow/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.native.js"],"names":[],"mappings":"AAAA;AACA;AACA,gBAAe,MAAM,IAArB","sourcesContent":["// MediaReplaceFlow component is not yet implemented in the native version,\n// so we return an empty component instead.\nexport default () => null;\n"]}
+{"version":3,"names":["View","MediaReplaceFlow","createElement","testID"],"sources":["@wordpress/block-editor/src/components/media-replace-flow/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n// MediaReplaceFlow component is not yet implemented in the native version.\n// For testing purposes, we are using an empty View component with a testID prop.\nconst MediaReplaceFlow = () => {\n\treturn <View testID=\"media-replace-flow\" />;\n};\n\nexport default MediaReplaceFlow;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC9B,OAAOC,aAAA,CAACF,IAAI;IAACG,MAAM,EAAC;EAAoB,CAAE,CAAC;AAC5C,CAAC;AAED,eAAeF,gBAAgB"}

package/build-module/components/media-upload/check.js

@@ -2,10 +2,10 @@
  * WordPress dependencies
  */
 import { useSelect } from '@wordpress/data';
+
 /**
  * Internal dependencies
  */
-
 import { store as blockEditorStore } from '../../store';
 export function MediaUploadCheck({
   fallback = null,
@@ -19,9 +19,9 @@ export function MediaUploadCheck({
   }, []);
   return hasUploadPermissions ? children : fallback;
 }
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md
  */
-
 export default MediaUploadCheck;
 //# sourceMappingURL=check.js.map

package/build-module/components/media-upload/check.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/media-upload/check.js"],"names":["useSelect","store","blockEditorStore","MediaUploadCheck","fallback","children","hasUploadPermissions","select","getSettings","mediaUpload"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,OAAO,SAASC,gBAAT,CAA2B;AAAEC,EAAAA,QAAQ,GAAG,IAAb;AAAmBC,EAAAA;AAAnB,CAA3B,EAA2D;AACjE,QAAMC,oBAAoB,GAAGN,SAAS,CAAIO,MAAF,IAAc;AACrD,UAAM;AAAEC,MAAAA;AAAF,QAAkBD,MAAM,CAAEL,gBAAF,CAA9B;AACA,WAAO,CAAC,CAAEM,WAAW,GAAGC,WAAxB;AACA,GAHqC,EAGnC,EAHmC,CAAtC;AAIA,SAAOH,oBAAoB,GAAGD,QAAH,GAAcD,QAAzC;AACA;AAED;AACA;AACA;;AACA,eAAeD,gBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport function MediaUploadCheck( { fallback = null, children } ) {\n\tconst hasUploadPermissions = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn !! getSettings().mediaUpload;\n\t}, [] );\n\treturn hasUploadPermissions ? children : fallback;\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md\n */\nexport default MediaUploadCheck;\n"]}
+{"version":3,"names":["useSelect","store","blockEditorStore","MediaUploadCheck","fallback","children","hasUploadPermissions","select","getSettings","mediaUpload"],"sources":["@wordpress/block-editor/src/components/media-upload/check.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport function MediaUploadCheck( { fallback = null, children } ) {\n\tconst hasUploadPermissions = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn !! getSettings().mediaUpload;\n\t}, [] );\n\treturn hasUploadPermissions ? children : fallback;\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md\n */\nexport default MediaUploadCheck;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAEvD,OAAO,SAASC,gBAAgBA,CAAE;EAAEC,QAAQ,GAAG,IAAI;EAAEC;AAAS,CAAC,EAAG;EACjE,MAAMC,oBAAoB,GAAGN,SAAS,CAAIO,MAAM,IAAM;IACrD,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAEL,gBAAiB,CAAC;IAClD,OAAO,CAAC,CAAEM,WAAW,CAAC,CAAC,CAACC,WAAW;EACpC,CAAC,EAAE,EAAG,CAAC;EACP,OAAOH,oBAAoB,GAAGD,QAAQ,GAAGD,QAAQ;AAClD;;AAEA;AACA;AACA;AACA,eAAeD,gBAAgB"}

package/build-module/components/media-upload/index.js

@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { withFilters } from '@wordpress/components';
+
 /**
  * This is a placeholder for the media upload component necessary to make it possible to provide
  * an integration with the core blocks that handle media files. By default it renders nothing but
@@ -9,12 +10,10 @@ import { withFilters } from '@wordpress/components';
  *
  * @return {WPComponent} The component to be rendered.
  */
-
 const MediaUpload = () => null;
+
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md
  */
-
-
 export default withFilters('editor.MediaUpload')(MediaUpload);
 //# sourceMappingURL=index.js.map

package/build-module/components/media-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/media-upload/index.js"],"names":["withFilters","MediaUpload"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,uBAA5B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,WAAW,GAAG,MAAM,IAA1B;AAEA;AACA;AACA;;;AACA,eAAeD,WAAW,CAAE,oBAAF,CAAX,CAAqCC,WAArC,CAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\n\n/**\n * This is a placeholder for the media upload component necessary to make it possible to provide\n * an integration with the core blocks that handle media files. By default it renders nothing but\n * it provides a way to have it overridden with the `editor.MediaUpload` filter.\n *\n * @return {WPComponent} The component to be rendered.\n */\nconst MediaUpload = () => null;\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md\n */\nexport default withFilters( 'editor.MediaUpload' )( MediaUpload );\n"]}
+{"version":3,"names":["withFilters","MediaUpload"],"sources":["@wordpress/block-editor/src/components/media-upload/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withFilters } from '@wordpress/components';\n\n/**\n * This is a placeholder for the media upload component necessary to make it possible to provide\n * an integration with the core blocks that handle media files. By default it renders nothing but\n * it provides a way to have it overridden with the `editor.MediaUpload` filter.\n *\n * @return {WPComponent} The component to be rendered.\n */\nconst MediaUpload = () => null;\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/media-upload/README.md\n */\nexport default withFilters( 'editor.MediaUpload' )( MediaUpload );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,uBAAuB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAA,KAAM,IAAI;;AAE9B;AACA;AACA;AACA,eAAeD,WAAW,CAAE,oBAAqB,CAAC,CAAEC,WAAY,CAAC"}

package/build-module/components/media-upload/index.native.js

@@ -1,14 +1,13 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { Platform } from 'react-native';
 import prompt from 'react-native-prompt-android';
+
 /**
  * WordPress dependencies
  */
-
 import { Component, React } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { Picker } from '@wordpress/components';
@@ -30,7 +29,6 @@ const URL_MEDIA_SOURCE = 'URL';
 const PICKER_OPENING_DELAY = 200;
 export class MediaUpload extends Component {
   pickerTimeout;
-
   constructor(props) {
     super(props);
     this.onPickerPresent = this.onPickerPresent.bind(this);
@@ -40,7 +38,6 @@ export class MediaUpload extends Component {
       otherMediaOptions: []
     };
   }
-
   componentDidMount() {
     const {
       allowedTypes = [],
@@ -48,7 +45,8 @@ export class MediaUpload extends Component {
     } = this.props;
     getOtherMediaOptions(allowedTypes, otherMediaOptions => {
       const otherMediaOptionsWithIcons = otherMediaOptions.map(option => {
-        return { ...option,
+        return {
+          ...option,
           requiresModal: true,
           types: allowedTypes,
           id: option.value
@@ -58,16 +56,13 @@ export class MediaUpload extends Component {
         otherMediaOptions: otherMediaOptionsWithIcons
       });
     });
-
     if (autoOpen) {
       this.onPickerPresent();
     }
   }
-
   componentWillUnmount() {
     clearTimeout(this.pickerTimeout);
   }
-
   getAllSources() {
     const {
       onSelectURL
@@ -113,12 +108,12 @@ export class MediaUpload extends Component {
       label: __('Insert from URL'),
       types: [MEDIA_TYPE_AUDIO, MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO],
       icon: globe
-    }; // Only include `urlSource` option if `onSelectURL` prop is present, in order to match the web behavior.
+    };
 
+    // Only include `urlSource` option if `onSelectURL` prop is present, in order to match the web behavior.
     const internalSources = [deviceLibrarySource, cameraImageSource, cameraVideoSource, siteLibrarySource, ...(onSelectURL ? [urlSource] : [])];
     return internalSources.concat(this.state.otherMediaOptions);
   }
-
   getMediaOptionsItems() {
     const {
       allowedTypes = [],
@@ -131,25 +126,22 @@ export class MediaUpload extends Component {
       } else if (allowedTypes.every(allowedType => allowedType === MEDIA_TYPE_AUDIO && source.types.includes(allowedType)) && source.id !== URL_MEDIA_SOURCE) {
         return isAudioBlockMediaUploadEnabled === true;
       }
-
       return allowedTypes.some(allowedType => source.types.includes(allowedType));
     }).map(source => {
-      return { ...source,
+      return {
+        ...source,
         icon: source.icon || this.getChooseFromDeviceIcon()
       };
     });
   }
-
   getChooseFromDeviceIcon() {
     return mobile;
   }
-
   onPickerPresent() {
     const {
       autoOpen
     } = this.props;
     const isIOS = Platform.OS === 'ios';
-
     if (this.picker) {
       // the delay below is required because on iOS this action sheet gets dismissed by the close event of the Inserter
       // so this delay allows the Inserter to be closed fully before presenting action sheet.
@@ -160,7 +152,6 @@ export class MediaUpload extends Component {
       }
     }
   }
-
   onPickerSelect(value) {
     const {
       allowedTypes = [],
@@ -168,24 +159,28 @@ export class MediaUpload extends Component {
       onSelectURL,
       multiple = false
     } = this.props;
-
     if (value === URL_MEDIA_SOURCE) {
-      prompt(__('Type a URL'), // title
-      undefined, // message
+      prompt(__('Type a URL'),
+      // title
+      undefined,
+      // message
       [{
         text: __('Cancel'),
         style: 'cancel'
       }, {
         text: __('Apply'),
         onPress: onSelectURL
-      }], // Buttons.
-      'plain-text', // type
-      undefined, // defaultValue
+      }],
+      // Buttons.
+      'plain-text',
+      // type
+      undefined,
+      // defaultValue
       'url' // keyboardType
       );
+
       return;
     }
-
     const mediaSource = this.getAllSources().filter(source => source.value === value).shift();
     const types = allowedTypes.filter(type => mediaSource.types.includes(type));
     requestMediaPicker(mediaSource.id, types, multiple, media => {
@@ -194,7 +189,6 @@ export class MediaUpload extends Component {
       }
     });
   }
-
   render() {
     const {
       allowedTypes = [],
@@ -208,7 +202,6 @@ export class MediaUpload extends Component {
     const isAnyType = isOneType && allowedTypes.includes(MEDIA_TYPE_ANY);
     const isImageOrVideo = allowedTypes.length === 2 && allowedTypes.includes(MEDIA_TYPE_IMAGE) && allowedTypes.includes(MEDIA_TYPE_VIDEO);
     let pickerTitle;
-
     if (isImage) {
       if (isReplacingMedia) {
         pickerTitle = __('Replace image');
@@ -235,14 +228,12 @@ export class MediaUpload extends Component {
       }
     } else if (isAnyType) {
       pickerTitle = __('Choose file');
-
       if (isReplacingMedia) {
         pickerTitle = __('Replace file');
       } else {
         pickerTitle = __('Choose file');
       }
     }
-
     const getMediaOptions = () => createElement(Picker, {
       title: pickerTitle,
       hideCancelButton: true,
@@ -251,13 +242,11 @@ export class MediaUpload extends Component {
       onChange: this.onPickerSelect,
       testID: "media-options-picker"
     });
-
     return this.props.render({
       open: this.onPickerPresent,
       getMediaOptions
     });
   }
-
 }
 export default compose([withSelect(select => {
   const {