@wordpress/block-library 8.35.0 → 9.0.0

package/build-module/gallery/v1/gallery-image.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","View","ScrollView","TouchableWithoutFeedback","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","Component","Image","__","sprintf","Caption","MediaUploadProgress","getProtocol","withPreferredColorScheme","arrowLeft","arrowRight","warning","Button","style","compose","separatorStyle","separator","borderRightWidth","hairlineWidth","buttonStyle","button","aspectRatio","ICON_SIZE_ARROW","GalleryImage","constructor","arguments","onSelectImage","bind","onSelectCaption","onMediaPressed","onCaptionChange","onSelectMedia","updateMediaProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","renderContent","state","captionSelected","isUploadInProgress","didUploadFail","setState","props","isSelected","onSelect","id","url","isBlockSelected","onSelectBlock","media","setAttributes","caption","componentDidUpdate","prevProps","image","source_url","alt","alt_text","payload","mediaServerId","mediaUrl","params","isFirstItem","isLastItem","onRemove","onMoveForward","onMoveBackward","ariaLabel","isCropped","getStylesFromColorScheme","isRTL","isUploadFailed","retryMessage","resizeMode","captionPlaceholderStyle","captionPlaceholder","captionPlaceholderDark","shouldShowCaptionEditable","shouldShowCaptionExpanded","captionContainerStyle","captionExpandedContainer","captionContainer","captionStyle","captionExpanded","mediaPickerOptions","destructiveButton","label","onPress","separated","value","createElement","Fragment","height","onSelectMediaUploadOption","retryIcon","toolbarContainer","toolbar","moverButtonContainer","icon","iconSize","onClick","undefined","accessibilityLabel","disabled","nestedScrollEnabled","keyboardShouldPersistTaps","bounces","inlineToolbar","onChange","onFocus","placeholder","placeholderTextColor","color","render","containerStyle","galleryImageContainer","galleryImageContainerDark","accessible","accessibilityLabelImageContainer","accessibilityRole","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset"],"sources":["@wordpress/block-library/src/gallery/v1/gallery-image.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tStyleSheet,\n\tView,\n\tScrollView,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Component } from '@wordpress/element';\nimport { Image } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Caption, MediaUploadProgress } from '@wordpress/block-editor';\nimport { getProtocol } from '@wordpress/url';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { arrowLeft, arrowRight, warning } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from './gallery-button';\nimport style from './gallery-image-style.scss';\n\nconst { compose } = StyleSheet;\n\nconst separatorStyle = compose( style.separator, {\n\tborderRightWidth: StyleSheet.hairlineWidth,\n} );\nconst buttonStyle = compose( style.button, { aspectRatio: 1 } );\nconst ICON_SIZE_ARROW = 15;\n\nclass GalleryImage extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectImage = this.onSelectImage.bind( this );\n\t\tthis.onSelectCaption = this.onSelectCaption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\t\tthis.onCaptionChange = this.onCaptionChange.bind( this );\n\t\tthis.onSelectMedia = this.onSelectMedia.bind( this );\n\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.renderContent = this.renderContent.bind( this );\n\n\t\tthis.state = {\n\t\t\tcaptionSelected: false,\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: false,\n\t\t};\n\t}\n\n\tonSelectCaption() {\n\t\tif ( ! this.state.captionSelected ) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: true,\n\t\t\t} );\n\t\t}\n\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.onSelect();\n\t\t}\n\t}\n\n\tonMediaPressed() {\n\t\tconst { id, url, isSelected } = this.props;\n\t\tconst { captionSelected, isUploadInProgress, didUploadFail } =\n\t\t\tthis.state;\n\n\t\tthis.onSelectImage();\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if (\n\t\t\tdidUploadFail ||\n\t\t\t( id && getProtocol( url ) === 'file:' )\n\t\t) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isSelected && ! captionSelected ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t}\n\n\tonSelectImage() {\n\t\tif ( ! this.props.isBlockSelected ) {\n\t\t\tthis.props.onSelectBlock();\n\t\t}\n\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.onSelect();\n\t\t}\n\n\t\tif ( this.state.captionSelected ) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: false,\n\t\t\t} );\n\t\t}\n\t}\n\n\tonSelectMedia( media ) {\n\t\tconst { setAttributes } = this.props;\n\t\tsetAttributes( media );\n\t}\n\n\tonCaptionChange( caption ) {\n\t\tconst { setAttributes } = this.props;\n\t\tsetAttributes( { caption } );\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tconst { isSelected, image, url } = this.props;\n\t\tif ( image && ! url ) {\n\t\t\tthis.props.setAttributes( {\n\t\t\t\turl: image.source_url,\n\t\t\t\talt: image.alt_text,\n\t\t\t} );\n\t\t}\n\n\t\t// Unselect the caption so when the user selects other image and comeback\n\t\t// the caption is not immediately selected.\n\t\tif (\n\t\t\tthis.state.captionSelected &&\n\t\t\t! isSelected &&\n\t\t\tprevProps.isSelected\n\t\t) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: false,\n\t\t\t} );\n\t\t}\n\t}\n\n\tupdateMediaProgress() {\n\t\tif ( ! this.state.isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: false,\n\t\t} );\n\n\t\tthis.props.setAttributes( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: true,\n\t\t} );\n\t}\n\n\trenderContent( params ) {\n\t\tconst {\n\t\t\turl,\n\t\t\tisFirstItem,\n\t\t\tisLastItem,\n\t\t\tisSelected,\n\t\t\tcaption,\n\t\t\tonRemove,\n\t\t\tonMoveForward,\n\t\t\tonMoveBackward,\n\t\t\t'aria-label': ariaLabel,\n\t\t\tisCropped,\n\t\t\tgetStylesFromColorScheme,\n\t\t\tisRTL,\n\t\t} = this.props;\n\n\t\tconst { isUploadInProgress, captionSelected } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst resizeMode = isCropped ? 'cover' : 'contain';\n\n\t\tconst captionPlaceholderStyle = getStylesFromColorScheme(\n\t\t\tstyle.captionPlaceholder,\n\t\t\tstyle.captionPlaceholderDark\n\t\t);\n\n\t\tconst shouldShowCaptionEditable = ! isUploadFailed && isSelected;\n\t\tconst shouldShowCaptionExpanded =\n\t\t\t! isUploadFailed && ! isSelected && !! caption;\n\n\t\tconst captionContainerStyle = shouldShowCaptionExpanded\n\t\t\t? style.captionExpandedContainer\n\t\t\t: style.captionContainer;\n\n\t\tconst captionStyle = shouldShowCaptionExpanded\n\t\t\t? style.captionExpanded\n\t\t\t: style.caption;\n\n\t\tconst mediaPickerOptions = [\n\t\t\t{\n\t\t\t\tdestructiveButton: true,\n\t\t\t\tid: 'removeImage',\n\t\t\t\tlabel: __( 'Remove' ),\n\t\t\t\tonPress: onRemove,\n\t\t\t\tseparated: true,\n\t\t\t\tvalue: 'removeImage',\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Image\n\t\t\t\t\talt={ ariaLabel }\n\t\t\t\t\theight={ style.image.height }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\tmediaPickerOptions={ mediaPickerOptions }\n\t\t\t\t\tonSelectMediaUploadOption={ this.onSelectMedia }\n\t\t\t\t\tresizeMode={ resizeMode }\n\t\t\t\t\turl={ url }\n\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\tretryIcon={ warning }\n\t\t\t\t/>\n\n\t\t\t\t{ ! isUploadInProgress && isSelected && (\n\t\t\t\t\t<View style={ style.toolbarContainer }>\n\t\t\t\t\t\t<View style={ style.toolbar }>\n\t\t\t\t\t\t\t<View style={ style.moverButtonContainer }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tstyle={ buttonStyle }\n\t\t\t\t\t\t\t\t\ticon={ isRTL ? arrowRight : arrowLeft }\n\t\t\t\t\t\t\t\t\ticonSize={ ICON_SIZE_ARROW }\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tisFirstItem ? undefined : onMoveBackward\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t\t\t\t\t'Move Image Backward'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-disabled={ isFirstItem }\n\t\t\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<View style={ separatorStyle } />\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tstyle={ buttonStyle }\n\t\t\t\t\t\t\t\t\ticon={ isRTL ? arrowLeft : arrowRight }\n\t\t\t\t\t\t\t\t\ticonSize={ ICON_SIZE_ARROW }\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tisLastItem ? undefined : onMoveForward\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t\t\t\t\t'Move Image Forward'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-disabled={ isLastItem }\n\t\t\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ ! isUploadInProgress &&\n\t\t\t\t\t( shouldShowCaptionEditable ||\n\t\t\t\t\t\tshouldShowCaptionExpanded ) && (\n\t\t\t\t\t\t<View style={ captionContainerStyle }>\n\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\tnestedScrollEnabled\n\t\t\t\t\t\t\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\t\t\t\t\t\t\tbounces={ false }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t\t\t\tisSelected={ isSelected && captionSelected }\n\t\t\t\t\t\t\t\t\tonChange={ this.onCaptionChange }\n\t\t\t\t\t\t\t\t\tonFocus={ this.onSelectCaption }\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisSelected ? __( 'Add caption' ) : null\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tplaceholderTextColor={\n\t\t\t\t\t\t\t\t\t\tcaptionPlaceholderStyle.color\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tstyle={ captionStyle }\n\t\t\t\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { id, onRemove, getStylesFromColorScheme, isSelected } =\n\t\t\tthis.props;\n\n\t\tconst containerStyle = getStylesFromColorScheme(\n\t\t\tstyle.galleryImageContainer,\n\t\t\tstyle.galleryImageContainerDark\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\taccessible={ ! isSelected } // We need only child views to be accessible after the selection.\n\t\t\t\taccessibilityLabel={ this.accessibilityLabelImageContainer() } // if we don't set this explicitly it reads system provided accessibilityLabels of all child components and those include pretty technical words which don't make sense\n\t\t\t\taccessibilityRole={ 'imagebutton' } // this makes VoiceOver to read a description of image provided by system on iOS and lets user know this is a button which conveys the message of tappablity\n\t\t\t>\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tonUpdateMediaProgress={ this.updateMediaProgress }\n\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonMediaUploadStateReset={ onRemove }\n\t\t\t\t\t\trenderContent={ this.renderContent }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\taccessibilityLabelImageContainer() {\n\t\tconst { caption, 'aria-label': ariaLabel } = this.props;\n\n\t\treturn ! caption\n\t\t\t? ariaLabel\n\t\t\t: ariaLabel +\n\t\t\t\t\t'. ' +\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: accessibility text. %s: image caption. */\n\t\t\t\t\t\t__( 'Image caption. %s' ),\n\t\t\t\t\t\tcaption\n\t\t\t\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( GalleryImage );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","View","ScrollView","TouchableWithoutFeedback","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","Component","Image","__","sprintf","Caption","MediaUploadProgress","getProtocol","withPreferredColorScheme","arrowLeft","arrowRight","warning","Button","style","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","compose","separatorStyle","separator","borderRightWidth","hairlineWidth","buttonStyle","button","aspectRatio","ICON_SIZE_ARROW","GalleryImage","constructor","arguments","onSelectImage","bind","onSelectCaption","onMediaPressed","onCaptionChange","onSelectMedia","updateMediaProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","renderContent","state","captionSelected","isUploadInProgress","didUploadFail","setState","props","isSelected","onSelect","id","url","isBlockSelected","onSelectBlock","media","setAttributes","caption","componentDidUpdate","prevProps","image","source_url","alt","alt_text","payload","mediaServerId","mediaUrl","params","isFirstItem","isLastItem","onRemove","onMoveForward","onMoveBackward","ariaLabel","isCropped","getStylesFromColorScheme","isRTL","isUploadFailed","retryMessage","resizeMode","captionPlaceholderStyle","captionPlaceholder","captionPlaceholderDark","shouldShowCaptionEditable","shouldShowCaptionExpanded","captionContainerStyle","captionExpandedContainer","captionContainer","captionStyle","captionExpanded","mediaPickerOptions","destructiveButton","label","onPress","separated","value","children","height","onSelectMediaUploadOption","retryIcon","toolbarContainer","toolbar","moverButtonContainer","icon","iconSize","onClick","undefined","accessibilityLabel","disabled","nestedScrollEnabled","keyboardShouldPersistTaps","bounces","inlineToolbar","onChange","onFocus","placeholder","placeholderTextColor","color","render","containerStyle","galleryImageContainer","galleryImageContainerDark","accessible","accessibilityLabelImageContainer","accessibilityRole","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset"],"sources":["@wordpress/block-library/src/gallery/v1/gallery-image.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tStyleSheet,\n\tView,\n\tScrollView,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Component } from '@wordpress/element';\nimport { Image } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Caption, MediaUploadProgress } from '@wordpress/block-editor';\nimport { getProtocol } from '@wordpress/url';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { arrowLeft, arrowRight, warning } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from './gallery-button';\nimport style from './gallery-image-style.scss';\n\nconst { compose } = StyleSheet;\n\nconst separatorStyle = compose( style.separator, {\n\tborderRightWidth: StyleSheet.hairlineWidth,\n} );\nconst buttonStyle = compose( style.button, { aspectRatio: 1 } );\nconst ICON_SIZE_ARROW = 15;\n\nclass GalleryImage extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectImage = this.onSelectImage.bind( this );\n\t\tthis.onSelectCaption = this.onSelectCaption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\t\tthis.onCaptionChange = this.onCaptionChange.bind( this );\n\t\tthis.onSelectMedia = this.onSelectMedia.bind( this );\n\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.renderContent = this.renderContent.bind( this );\n\n\t\tthis.state = {\n\t\t\tcaptionSelected: false,\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: false,\n\t\t};\n\t}\n\n\tonSelectCaption() {\n\t\tif ( ! this.state.captionSelected ) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: true,\n\t\t\t} );\n\t\t}\n\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.onSelect();\n\t\t}\n\t}\n\n\tonMediaPressed() {\n\t\tconst { id, url, isSelected } = this.props;\n\t\tconst { captionSelected, isUploadInProgress, didUploadFail } =\n\t\t\tthis.state;\n\n\t\tthis.onSelectImage();\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if (\n\t\t\tdidUploadFail ||\n\t\t\t( id && getProtocol( url ) === 'file:' )\n\t\t) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isSelected && ! captionSelected ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t}\n\n\tonSelectImage() {\n\t\tif ( ! this.props.isBlockSelected ) {\n\t\t\tthis.props.onSelectBlock();\n\t\t}\n\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.onSelect();\n\t\t}\n\n\t\tif ( this.state.captionSelected ) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: false,\n\t\t\t} );\n\t\t}\n\t}\n\n\tonSelectMedia( media ) {\n\t\tconst { setAttributes } = this.props;\n\t\tsetAttributes( media );\n\t}\n\n\tonCaptionChange( caption ) {\n\t\tconst { setAttributes } = this.props;\n\t\tsetAttributes( { caption } );\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tconst { isSelected, image, url } = this.props;\n\t\tif ( image && ! url ) {\n\t\t\tthis.props.setAttributes( {\n\t\t\t\turl: image.source_url,\n\t\t\t\talt: image.alt_text,\n\t\t\t} );\n\t\t}\n\n\t\t// Unselect the caption so when the user selects other image and comeback\n\t\t// the caption is not immediately selected.\n\t\tif (\n\t\t\tthis.state.captionSelected &&\n\t\t\t! isSelected &&\n\t\t\tprevProps.isSelected\n\t\t) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: false,\n\t\t\t} );\n\t\t}\n\t}\n\n\tupdateMediaProgress() {\n\t\tif ( ! this.state.isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: false,\n\t\t} );\n\n\t\tthis.props.setAttributes( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: true,\n\t\t} );\n\t}\n\n\trenderContent( params ) {\n\t\tconst {\n\t\t\turl,\n\t\t\tisFirstItem,\n\t\t\tisLastItem,\n\t\t\tisSelected,\n\t\t\tcaption,\n\t\t\tonRemove,\n\t\t\tonMoveForward,\n\t\t\tonMoveBackward,\n\t\t\t'aria-label': ariaLabel,\n\t\t\tisCropped,\n\t\t\tgetStylesFromColorScheme,\n\t\t\tisRTL,\n\t\t} = this.props;\n\n\t\tconst { isUploadInProgress, captionSelected } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst resizeMode = isCropped ? 'cover' : 'contain';\n\n\t\tconst captionPlaceholderStyle = getStylesFromColorScheme(\n\t\t\tstyle.captionPlaceholder,\n\t\t\tstyle.captionPlaceholderDark\n\t\t);\n\n\t\tconst shouldShowCaptionEditable = ! isUploadFailed && isSelected;\n\t\tconst shouldShowCaptionExpanded =\n\t\t\t! isUploadFailed && ! isSelected && !! caption;\n\n\t\tconst captionContainerStyle = shouldShowCaptionExpanded\n\t\t\t? style.captionExpandedContainer\n\t\t\t: style.captionContainer;\n\n\t\tconst captionStyle = shouldShowCaptionExpanded\n\t\t\t? style.captionExpanded\n\t\t\t: style.caption;\n\n\t\tconst mediaPickerOptions = [\n\t\t\t{\n\t\t\t\tdestructiveButton: true,\n\t\t\t\tid: 'removeImage',\n\t\t\t\tlabel: __( 'Remove' ),\n\t\t\t\tonPress: onRemove,\n\t\t\t\tseparated: true,\n\t\t\t\tvalue: 'removeImage',\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Image\n\t\t\t\t\talt={ ariaLabel }\n\t\t\t\t\theight={ style.image.height }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\tmediaPickerOptions={ mediaPickerOptions }\n\t\t\t\t\tonSelectMediaUploadOption={ this.onSelectMedia }\n\t\t\t\t\tresizeMode={ resizeMode }\n\t\t\t\t\turl={ url }\n\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\tretryIcon={ warning }\n\t\t\t\t/>\n\n\t\t\t\t{ ! isUploadInProgress && isSelected && (\n\t\t\t\t\t<View style={ style.toolbarContainer }>\n\t\t\t\t\t\t<View style={ style.toolbar }>\n\t\t\t\t\t\t\t<View style={ style.moverButtonContainer }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tstyle={ buttonStyle }\n\t\t\t\t\t\t\t\t\ticon={ isRTL ? arrowRight : arrowLeft }\n\t\t\t\t\t\t\t\t\ticonSize={ ICON_SIZE_ARROW }\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tisFirstItem ? undefined : onMoveBackward\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t\t\t\t\t'Move Image Backward'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-disabled={ isFirstItem }\n\t\t\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<View style={ separatorStyle } />\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tstyle={ buttonStyle }\n\t\t\t\t\t\t\t\t\ticon={ isRTL ? arrowLeft : arrowRight }\n\t\t\t\t\t\t\t\t\ticonSize={ ICON_SIZE_ARROW }\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tisLastItem ? undefined : onMoveForward\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t\t\t\t\t'Move Image Forward'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-disabled={ isLastItem }\n\t\t\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ ! isUploadInProgress &&\n\t\t\t\t\t( shouldShowCaptionEditable ||\n\t\t\t\t\t\tshouldShowCaptionExpanded ) && (\n\t\t\t\t\t\t<View style={ captionContainerStyle }>\n\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\tnestedScrollEnabled\n\t\t\t\t\t\t\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\t\t\t\t\t\t\tbounces={ false }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t\t\t\tisSelected={ isSelected && captionSelected }\n\t\t\t\t\t\t\t\t\tonChange={ this.onCaptionChange }\n\t\t\t\t\t\t\t\t\tonFocus={ this.onSelectCaption }\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisSelected ? __( 'Add caption' ) : null\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tplaceholderTextColor={\n\t\t\t\t\t\t\t\t\t\tcaptionPlaceholderStyle.color\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tstyle={ captionStyle }\n\t\t\t\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { id, onRemove, getStylesFromColorScheme, isSelected } =\n\t\t\tthis.props;\n\n\t\tconst containerStyle = getStylesFromColorScheme(\n\t\t\tstyle.galleryImageContainer,\n\t\t\tstyle.galleryImageContainerDark\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\taccessible={ ! isSelected } // We need only child views to be accessible after the selection.\n\t\t\t\taccessibilityLabel={ this.accessibilityLabelImageContainer() } // if we don't set this explicitly it reads system provided accessibilityLabels of all child components and those include pretty technical words which don't make sense\n\t\t\t\taccessibilityRole=\"imagebutton\" // this makes VoiceOver to read a description of image provided by system on iOS and lets user know this is a button which conveys the message of tappablity\n\t\t\t>\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tonUpdateMediaProgress={ this.updateMediaProgress }\n\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonMediaUploadStateReset={ onRemove }\n\t\t\t\t\t\trenderContent={ this.renderContent }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\taccessibilityLabelImageContainer() {\n\t\tconst { caption, 'aria-label': ariaLabel } = this.props;\n\n\t\treturn ! caption\n\t\t\t? ariaLabel\n\t\t\t: ariaLabel +\n\t\t\t\t\t'. ' +\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: accessibility text. %s: image caption. */\n\t\t\t\t\t\t__( 'Image caption. %s' ),\n\t\t\t\t\t\tcaption\n\t\t\t\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( GalleryImage );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,UAAU,EACVC,IAAI,EACJC,UAAU,EACVC,wBAAwB,QAClB,cAAc;;AAErB;AACA;AACA;AACA,SACCC,6BAA6B,EAC7BC,8BAA8B,EAC9BC,6BAA6B,QACvB,gCAAgC;AACvC,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,KAAK,QAAQ,uBAAuB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,OAAO,EAAEC,mBAAmB,QAAQ,yBAAyB;AACtE,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,SAAS,EAAEC,UAAU,EAAEC,OAAO,QAAQ,kBAAkB;;AAEjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,KAAK,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE/C,MAAM;EAAEC;AAAQ,CAAC,GAAG1B,UAAU;AAE9B,MAAM2B,cAAc,GAAGD,OAAO,CAAEP,KAAK,CAACS,SAAS,EAAE;EAChDC,gBAAgB,EAAE7B,UAAU,CAAC8B;AAC9B,CAAE,CAAC;AACH,MAAMC,WAAW,GAAGL,OAAO,CAAEP,KAAK,CAACa,MAAM,EAAE;EAAEC,WAAW,EAAE;AAAE,CAAE,CAAC;AAC/D,MAAMC,eAAe,GAAG,EAAE;AAE1B,MAAMC,YAAY,SAAS5B,SAAS,CAAC;EACpC6B,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,aAAa,GAAG,IAAI,CAACA,aAAa,CAACC,IAAI,CAAE,IAAK,CAAC;IACpD,IAAI,CAACC,eAAe,GAAG,IAAI,CAACA,eAAe,CAACD,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACE,cAAc,GAAG,IAAI,CAACA,cAAc,CAACF,IAAI,CAAE,IAAK,CAAC;IACtD,IAAI,CAACG,eAAe,GAAG,IAAI,CAACA,eAAe,CAACH,IAAI,CAAE,IAAK,CAAC;IACxD,IAAI,CAACI,aAAa,GAAG,IAAI,CAACA,aAAa,CAACJ,IAAI,CAAE,IAAK,CAAC;IAEpD,IAAI,CAACK,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACL,IAAI,CAAE,IAAK,CAAC;IAChE,IAAI,CAACM,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACN,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACO,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACP,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACQ,aAAa,GAAG,IAAI,CAACA,aAAa,CAACR,IAAI,CAAE,IAAK,CAAC;IAEpD,IAAI,CAACS,KAAK,GAAG;MACZC,eAAe,EAAE,KAAK;MACtBC,kBAAkB,EAAE,KAAK;MACzBC,aAAa,EAAE;IAChB,CAAC;EACF;EAEAX,eAAeA,CAAA,EAAG;IACjB,IAAK,CAAE,IAAI,CAACQ,KAAK,CAACC,eAAe,EAAG;MACnC,IAAI,CAACG,QAAQ,CAAE;QACdH,eAAe,EAAE;MAClB,CAAE,CAAC;IACJ;IAEA,IAAK,CAAE,IAAI,CAACI,KAAK,CAACC,UAAU,EAAG;MAC9B,IAAI,CAACD,KAAK,CAACE,QAAQ,CAAC,CAAC;IACtB;EACD;EAEAd,cAAcA,CAAA,EAAG;IAChB,MAAM;MAAEe,EAAE;MAAEC,GAAG;MAAEH;IAAW,CAAC,GAAG,IAAI,CAACD,KAAK;IAC1C,MAAM;MAAEJ,eAAe;MAAEC,kBAAkB;MAAEC;IAAc,CAAC,GAC3D,IAAI,CAACH,KAAK;IAEX,IAAI,CAACV,aAAa,CAAC,CAAC;IAEpB,IAAKY,kBAAkB,EAAG;MACzB7C,8BAA8B,CAAEmD,EAAG,CAAC;IACrC,CAAC,MAAM,IACNL,aAAa,IACXK,EAAE,IAAI3C,WAAW,CAAE4C,GAAI,CAAC,KAAK,OAAS,EACvC;MACDrD,6BAA6B,CAAEoD,EAAG,CAAC;IACpC,CAAC,MAAM,IAAKF,UAAU,IAAI,CAAEL,eAAe,EAAG;MAC7C3C,6BAA6B,CAAEmD,GAAI,CAAC;IACrC;EACD;EAEAnB,aAAaA,CAAA,EAAG;IACf,IAAK,CAAE,IAAI,CAACe,KAAK,CAACK,eAAe,EAAG;MACnC,IAAI,CAACL,KAAK,CAACM,aAAa,CAAC,CAAC;IAC3B;IAEA,IAAK,CAAE,IAAI,CAACN,KAAK,CAACC,UAAU,EAAG;MAC9B,IAAI,CAACD,KAAK,CAACE,QAAQ,CAAC,CAAC;IACtB;IAEA,IAAK,IAAI,CAACP,KAAK,CAACC,eAAe,EAAG;MACjC,IAAI,CAACG,QAAQ,CAAE;QACdH,eAAe,EAAE;MAClB,CAAE,CAAC;IACJ;EACD;EAEAN,aAAaA,CAAEiB,KAAK,EAAG;IACtB,MAAM;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACR,KAAK;IACpCQ,aAAa,CAAED,KAAM,CAAC;EACvB;EAEAlB,eAAeA,CAAEoB,OAAO,EAAG;IAC1B,MAAM;MAAED;IAAc,CAAC,GAAG,IAAI,CAACR,KAAK;IACpCQ,aAAa,CAAE;MAAEC;IAAQ,CAAE,CAAC;EAC7B;EAEAC,kBAAkBA,CAAEC,SAAS,EAAG;IAC/B,MAAM;MAAEV,UAAU;MAAEW,KAAK;MAAER;IAAI,CAAC,GAAG,IAAI,CAACJ,KAAK;IAC7C,IAAKY,KAAK,IAAI,CAAER,GAAG,EAAG;MACrB,IAAI,CAACJ,KAAK,CAACQ,aAAa,CAAE;QACzBJ,GAAG,EAAEQ,KAAK,CAACC,UAAU;QACrBC,GAAG,EAAEF,KAAK,CAACG;MACZ,CAAE,CAAC;IACJ;;IAEA;IACA;IACA,IACC,IAAI,CAACpB,KAAK,CAACC,eAAe,IAC1B,CAAEK,UAAU,IACZU,SAAS,CAACV,UAAU,EACnB;MACD,IAAI,CAACF,QAAQ,CAAE;QACdH,eAAe,EAAE;MAClB,CAAE,CAAC;IACJ;EACD;EAEAL,mBAAmBA,CAAA,EAAG;IACrB,IAAK,CAAE,IAAI,CAACI,KAAK,CAACE,kBAAkB,EAAG;MACtC,IAAI,CAACE,QAAQ,CAAE;QAAEF,kBAAkB,EAAE;MAAK,CAAE,CAAC;IAC9C;EACD;EAEAL,4BAA4BA,CAAEwB,OAAO,EAAG;IACvC,IAAI,CAACjB,QAAQ,CAAE;MACdF,kBAAkB,EAAE,KAAK;MACzBC,aAAa,EAAE;IAChB,CAAE,CAAC;IAEH,IAAI,CAACE,KAAK,CAACQ,aAAa,CAAE;MACzBL,EAAE,EAAEa,OAAO,CAACC,aAAa;MACzBb,GAAG,EAAEY,OAAO,CAACE;IACd,CAAE,CAAC;EACJ;EAEAzB,4BAA4BA,CAAA,EAAG;IAC9B,IAAI,CAACM,QAAQ,CAAE;MACdF,kBAAkB,EAAE,KAAK;MACzBC,aAAa,EAAE;IAChB,CAAE,CAAC;EACJ;EAEAJ,aAAaA,CAAEyB,MAAM,EAAG;IACvB,MAAM;MACLf,GAAG;MACHgB,WAAW;MACXC,UAAU;MACVpB,UAAU;MACVQ,OAAO;MACPa,QAAQ;MACRC,aAAa;MACbC,cAAc;MACd,YAAY,EAAEC,SAAS;MACvBC,SAAS;MACTC,wBAAwB;MACxBC;IACD,CAAC,GAAG,IAAI,CAAC5B,KAAK;IAEd,MAAM;MAAEH,kBAAkB;MAAED;IAAgB,CAAC,GAAG,IAAI,CAACD,KAAK;IAC1D,MAAM;MAAEkC,cAAc;MAAEC;IAAa,CAAC,GAAGX,MAAM;IAC/C,MAAMY,UAAU,GAAGL,SAAS,GAAG,OAAO,GAAG,SAAS;IAElD,MAAMM,uBAAuB,GAAGL,wBAAwB,CACvD7D,KAAK,CAACmE,kBAAkB,EACxBnE,KAAK,CAACoE,sBACP,CAAC;IAED,MAAMC,yBAAyB,GAAG,CAAEN,cAAc,IAAI5B,UAAU;IAChE,MAAMmC,yBAAyB,GAC9B,CAAEP,cAAc,IAAI,CAAE5B,UAAU,IAAI,CAAC,CAAEQ,OAAO;IAE/C,MAAM4B,qBAAqB,GAAGD,yBAAyB,GACpDtE,KAAK,CAACwE,wBAAwB,GAC9BxE,KAAK,CAACyE,gBAAgB;IAEzB,MAAMC,YAAY,GAAGJ,yBAAyB,GAC3CtE,KAAK,CAAC2E,eAAe,GACrB3E,KAAK,CAAC2C,OAAO;IAEhB,MAAMiC,kBAAkB,GAAG,CAC1B;MACCC,iBAAiB,EAAE,IAAI;MACvBxC,EAAE,EAAE,aAAa;MACjByC,KAAK,EAAExF,EAAE,CAAE,QAAS,CAAC;MACrByF,OAAO,EAAEvB,QAAQ;MACjBwB,SAAS,EAAE,IAAI;MACfC,KAAK,EAAE;IACR,CAAC,CACD;IAED,oBACC7E,KAAA,CAAAE,SAAA;MAAA4E,QAAA,gBACChF,IAAA,CAACb,KAAK;QACL2D,GAAG,EAAGW,SAAW;QACjBwB,MAAM,EAAGnF,KAAK,CAAC8C,KAAK,CAACqC,MAAQ;QAC7BhD,UAAU,EAAGA,UAAY;QACzB4B,cAAc,EAAGA,cAAgB;QACjChC,kBAAkB,EAAGA,kBAAoB;QACzC6C,kBAAkB,EAAGA,kBAAoB;QACzCQ,yBAAyB,EAAG,IAAI,CAAC5D,aAAe;QAChDyC,UAAU,EAAGA,UAAY;QACzB3B,GAAG,EAAGA,GAAK;QACX0B,YAAY,EAAGA,YAAc;QAC7BqB,SAAS,EAAGvF;MAAS,CACrB,CAAC,EAEA,CAAEiC,kBAAkB,IAAII,UAAU,iBACnCjC,IAAA,CAACpB,IAAI;QAACkB,KAAK,EAAGA,KAAK,CAACsF,gBAAkB;QAAAJ,QAAA,eACrChF,IAAA,CAACpB,IAAI;UAACkB,KAAK,EAAGA,KAAK,CAACuF,OAAS;UAAAL,QAAA,eAC5B9E,KAAA,CAACtB,IAAI;YAACkB,KAAK,EAAGA,KAAK,CAACwF,oBAAsB;YAAAN,QAAA,gBACzChF,IAAA,CAACH,MAAM;cACNC,KAAK,EAAGY,WAAa;cACrB6E,IAAI,EAAG3B,KAAK,GAAGjE,UAAU,GAAGD,SAAW;cACvC8F,QAAQ,EAAG3E,eAAiB;cAC5B4E,OAAO,EACNrC,WAAW,GAAGsC,SAAS,GAAGlC,cAC1B;cACDmC,kBAAkB,EAAGvG,EAAE,CACtB,qBACD,CAAG;cACH,iBAAgBgE,WAAa;cAC7BwC,QAAQ,EAAG,CAAE3D;YAAY,CACzB,CAAC,eACFjC,IAAA,CAACpB,IAAI;cAACkB,KAAK,EAAGQ;YAAgB,CAAE,CAAC,eACjCN,IAAA,CAACH,MAAM;cACNC,KAAK,EAAGY,WAAa;cACrB6E,IAAI,EAAG3B,KAAK,GAAGlE,SAAS,GAAGC,UAAY;cACvC6F,QAAQ,EAAG3E,eAAiB;cAC5B4E,OAAO,EACNpC,UAAU,GAAGqC,SAAS,GAAGnC,aACzB;cACDoC,kBAAkB,EAAGvG,EAAE,CACtB,oBACD,CAAG;cACH,iBAAgBiE,UAAY;cAC5BuC,QAAQ,EAAG,CAAE3D;YAAY,CACzB,CAAC;UAAA,CACG;QAAC,CACF;MAAC,CACF,CACN,EAEC,CAAEJ,kBAAkB,KACnBsC,yBAAyB,IAC1BC,yBAAyB,CAAE,iBAC3BpE,IAAA,CAACpB,IAAI;QAACkB,KAAK,EAAGuE,qBAAuB;QAAAW,QAAA,eACpChF,IAAA,CAACnB,UAAU;UACVgH,mBAAmB;UACnBC,yBAAyB,EAAC,SAAS;UACnCC,OAAO,EAAG,KAAO;UAAAf,QAAA,eAEjBhF,IAAA,CAACV,OAAO;YACP0G,aAAa;YACb/D,UAAU,EAAGA,UAAU,IAAIL,eAAiB;YAC5CqE,QAAQ,EAAG,IAAI,CAAC5E,eAAiB;YACjC6E,OAAO,EAAG,IAAI,CAAC/E,eAAiB;YAChCgF,WAAW,EACVlE,UAAU,GAAG7C,EAAE,CAAE,aAAc,CAAC,GAAG,IACnC;YACDgH,oBAAoB,EACnBpC,uBAAuB,CAACqC,KACxB;YACDvG,KAAK,EAAG0E,YAAc;YACtBO,KAAK,EAAGtC;UAAS,CACjB;QAAC,CACS;MAAC,CACR,CACN;IAAA,CACD,CAAC;EAEL;EAEA6D,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEnE,EAAE;MAAEmB,QAAQ;MAAEK,wBAAwB;MAAE1B;IAAW,CAAC,GAC3D,IAAI,CAACD,KAAK;IAEX,MAAMuE,cAAc,GAAG5C,wBAAwB,CAC9C7D,KAAK,CAAC0G,qBAAqB,EAC3B1G,KAAK,CAAC2G,yBACP,CAAC;IAED,oBACCzG,IAAA,CAAClB,wBAAwB;MACxB+F,OAAO,EAAG,IAAI,CAACzD,cAAgB;MAC/BsF,UAAU,EAAG,CAAEzE,UAAY,CAAC;MAAA;MAC5B0D,kBAAkB,EAAG,IAAI,CAACgB,gCAAgC,CAAC,CAAG,CAAC;MAAA;MAC/DC,iBAAiB,EAAC,aAAa,CAAC;MAAA;MAAA5B,QAAA,eAEhChF,IAAA,CAACpB,IAAI;QAACkB,KAAK,EAAGyG,cAAgB;QAAAvB,QAAA,eAC7BhF,IAAA,CAACT,mBAAmB;UACnBsH,OAAO,EAAG1E,EAAI;UACd2E,qBAAqB,EAAG,IAAI,CAACvF,mBAAqB;UAClDwF,8BAA8B,EAC7B,IAAI,CAACvF,4BACL;UACDwF,8BAA8B,EAC7B,IAAI,CAACvF,4BACL;UACDwF,uBAAuB,EAAG3D,QAAU;UACpC5B,aAAa,EAAG,IAAI,CAACA;QAAe,CACpC;MAAC,CACG;IAAC,CACkB,CAAC;EAE7B;EAEAiF,gCAAgCA,CAAA,EAAG;IAClC,MAAM;MAAElE,OAAO;MAAE,YAAY,EAAEgB;IAAU,CAAC,GAAG,IAAI,CAACzB,KAAK;IAEvD,OAAO,CAAES,OAAO,GACbgB,SAAS,GACTA,SAAS,GACT,IAAI,GACJpE,OAAO,EACN;IACAD,EAAE,CAAE,mBAAoB,CAAC,EACzBqD,OACD,CAAC;EACL;AACD;AAEA,eAAehD,wBAAwB,CAAEqB,YAAa,CAAC","ignoreList":[]}

package/build-module/gallery/v1/gallery.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -17,6 +16,8 @@ import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
  */
 import GalleryImage from './gallery-image';
 import { defaultColumnsNumberV1 } from '../deprecated';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export const Gallery = props => {
   const {
     attributes,
@@ -40,60 +41,62 @@ export const Gallery = props => {
     imageCrop,
     images
   } = attributes;
-  return createElement("figure", {
+  return /*#__PURE__*/_jsxs("figure", {
     ...blockProps,
     className: clsx(blockProps.className, {
       [`align${align}`]: align,
       [`columns-${columns}`]: columns,
       'is-cropped': imageCrop
-    })
-  }, createElement("ul", {
-    className: "blocks-gallery-grid"
-  }, images.map((img, index) => {
-    const ariaLabel = sprintf( /* translators: 1: the order number of the image. 2: the total number of images. */
-    __('image %1$d of %2$d in gallery'), index + 1, images.length);
-    return createElement("li", {
-      className: "blocks-gallery-item",
-      key: img.id ? `${img.id}-${index}` : img.url
-    }, createElement(GalleryImage, {
-      url: img.url,
-      alt: img.alt,
-      id: img.id,
-      isFirstItem: index === 0,
-      isLastItem: index + 1 === images.length,
-      isSelected: isSelected && selectedImage === index,
-      onMoveBackward: onMoveBackward(index),
-      onMoveForward: onMoveForward(index),
-      onRemove: onRemoveImage(index),
-      onSelect: onSelectImage(index),
-      onDeselect: onDeselectImage(index),
-      setAttributes: attrs => onSetImageAttributes(index, attrs),
-      caption: img.caption,
-      "aria-label": ariaLabel,
-      sizeSlug: attributes.sizeSlug
-    }));
-  })), mediaPlaceholder, createElement(RichTextVisibilityHelper, {
-    isHidden: !isSelected && RichText.isEmpty(caption),
-    tagName: "figcaption",
-    className: clsx('blocks-gallery-caption', __experimentalGetElementClassName('caption')),
-    "aria-label": __('Gallery caption text'),
-    placeholder: __('Write gallery caption…'),
-    value: caption,
-    onChange: value => setAttributes({
-      caption: value
     }),
-    inlineToolbar: true,
-    __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
-  }));
+    children: [/*#__PURE__*/_jsx("ul", {
+      className: "blocks-gallery-grid",
+      children: images.map((img, index) => {
+        const ariaLabel = sprintf( /* translators: 1: the order number of the image. 2: the total number of images. */
+        __('image %1$d of %2$d in gallery'), index + 1, images.length);
+        return /*#__PURE__*/_jsx("li", {
+          className: "blocks-gallery-item",
+          children: /*#__PURE__*/_jsx(GalleryImage, {
+            url: img.url,
+            alt: img.alt,
+            id: img.id,
+            isFirstItem: index === 0,
+            isLastItem: index + 1 === images.length,
+            isSelected: isSelected && selectedImage === index,
+            onMoveBackward: onMoveBackward(index),
+            onMoveForward: onMoveForward(index),
+            onRemove: onRemoveImage(index),
+            onSelect: onSelectImage(index),
+            onDeselect: onDeselectImage(index),
+            setAttributes: attrs => onSetImageAttributes(index, attrs),
+            caption: img.caption,
+            "aria-label": ariaLabel,
+            sizeSlug: attributes.sizeSlug
+          })
+        }, img.id ? `${img.id}-${index}` : img.url);
+      })
+    }), mediaPlaceholder, /*#__PURE__*/_jsx(RichTextVisibilityHelper, {
+      isHidden: !isSelected && RichText.isEmpty(caption),
+      tagName: "figcaption",
+      className: clsx('blocks-gallery-caption', __experimentalGetElementClassName('caption')),
+      "aria-label": __('Gallery caption text'),
+      placeholder: __('Write gallery caption…'),
+      value: caption,
+      onChange: value => setAttributes({
+        caption: value
+      }),
+      inlineToolbar: true,
+      __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
+    })]
+  });
 };
 function RichTextVisibilityHelper({
   isHidden,
   ...richTextProps
 }) {
-  return isHidden ? createElement(VisuallyHidden, {
+  return isHidden ? /*#__PURE__*/_jsx(VisuallyHidden, {
     as: RichText,
     ...richTextProps
-  }) : createElement(RichText, {
+  }) : /*#__PURE__*/_jsx(RichText, {
     ...richTextProps
   });
 }

package/build-module/gallery/v1/gallery.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","RichText","__experimentalGetElementClassName","VisuallyHidden","__","sprintf","createBlock","getDefaultBlockName","GalleryImage","defaultColumnsNumberV1","Gallery","props","attributes","isSelected","setAttributes","selectedImage","mediaPlaceholder","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onDeselectImage","onSetImageAttributes","insertBlocksAfter","blockProps","align","columns","caption","imageCrop","images","createElement","className","map","img","index","ariaLabel","length","key","id","url","alt","isFirstItem","isLastItem","onRemove","onSelect","onDeselect","attrs","sizeSlug","RichTextVisibilityHelper","isHidden","isEmpty","tagName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","richTextProps","as"],"sources":["@wordpress/block-library/src/gallery/v1/gallery.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\n\nexport const Gallery = ( props ) => {\n\tconst {\n\t\tattributes,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonDeselectImage,\n\t\tonSetImageAttributes,\n\t\tinsertBlocksAfter,\n\t\tblockProps,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\tcaption,\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\treturn (\n\t\t<figure\n\t\t\t{ ...blockProps }\n\t\t\tclassName={ clsx( blockProps.className, {\n\t\t\t\t[ `align${ align }` ]: align,\n\t\t\t\t[ `columns-${ columns }` ]: columns,\n\t\t\t\t'is-cropped': imageCrop,\n\t\t\t} ) }\n\t\t>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\t\tid={ img.id }\n\t\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\t\t\tisSelected && selectedImage === index\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\t\tonSelect={ onSelectImage( index ) }\n\t\t\t\t\t\t\t\tonDeselect={ onDeselectImage( index ) }\n\t\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\t\tsizeSlug={ attributes.sizeSlug }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ mediaPlaceholder }\n\t\t\t<RichTextVisibilityHelper\n\t\t\t\tisHidden={ ! isSelected && RichText.isEmpty( caption ) }\n\t\t\t\ttagName=\"figcaption\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'blocks-gallery-caption',\n\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t) }\n\t\t\t\taria-label={ __( 'Gallery caption text' ) }\n\t\t\t\tplaceholder={ __( 'Write gallery caption…' ) }\n\t\t\t\tvalue={ caption }\n\t\t\t\tonChange={ ( value ) => setAttributes( { caption: value } ) }\n\t\t\t\tinlineToolbar\n\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( getDefaultBlockName() ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</figure>\n\t);\n};\n\nfunction RichTextVisibilityHelper( { isHidden, ...richTextProps } ) {\n\treturn isHidden ? (\n\t\t<VisuallyHidden as={ RichText } { ...richTextProps } />\n\t) : (\n\t\t<RichText { ...richTextProps } />\n\t);\n}\n\nexport default Gallery;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","RichText","__experimentalGetElementClassName","VisuallyHidden","__","sprintf","createBlock","getDefaultBlockName","GalleryImage","defaultColumnsNumberV1","jsx","_jsx","jsxs","_jsxs","Gallery","props","attributes","isSelected","setAttributes","selectedImage","mediaPlaceholder","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onDeselectImage","onSetImageAttributes","insertBlocksAfter","blockProps","align","columns","caption","imageCrop","images","className","children","map","img","index","ariaLabel","length","url","alt","id","isFirstItem","isLastItem","onRemove","onSelect","onDeselect","attrs","sizeSlug","RichTextVisibilityHelper","isHidden","isEmpty","tagName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","richTextProps","as"],"sources":["@wordpress/block-library/src/gallery/v1/gallery.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\n\nexport const Gallery = ( props ) => {\n\tconst {\n\t\tattributes,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonDeselectImage,\n\t\tonSetImageAttributes,\n\t\tinsertBlocksAfter,\n\t\tblockProps,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\tcaption,\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\treturn (\n\t\t<figure\n\t\t\t{ ...blockProps }\n\t\t\tclassName={ clsx( blockProps.className, {\n\t\t\t\t[ `align${ align }` ]: align,\n\t\t\t\t[ `columns-${ columns }` ]: columns,\n\t\t\t\t'is-cropped': imageCrop,\n\t\t\t} ) }\n\t\t>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\t\tid={ img.id }\n\t\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\t\t\tisSelected && selectedImage === index\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\t\tonSelect={ onSelectImage( index ) }\n\t\t\t\t\t\t\t\tonDeselect={ onDeselectImage( index ) }\n\t\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\t\tsizeSlug={ attributes.sizeSlug }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ mediaPlaceholder }\n\t\t\t<RichTextVisibilityHelper\n\t\t\t\tisHidden={ ! isSelected && RichText.isEmpty( caption ) }\n\t\t\t\ttagName=\"figcaption\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'blocks-gallery-caption',\n\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t) }\n\t\t\t\taria-label={ __( 'Gallery caption text' ) }\n\t\t\t\tplaceholder={ __( 'Write gallery caption…' ) }\n\t\t\t\tvalue={ caption }\n\t\t\t\tonChange={ ( value ) => setAttributes( { caption: value } ) }\n\t\t\t\tinlineToolbar\n\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( getDefaultBlockName() ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</figure>\n\t);\n};\n\nfunction RichTextVisibilityHelper( { isHidden, ...richTextProps } ) {\n\treturn isHidden ? (\n\t\t<VisuallyHidden as={ RichText } { ...richTextProps } />\n\t) : (\n\t\t<RichText { ...richTextProps } />\n\t);\n}\n\nexport default Gallery;\n"],"mappings":"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","ignoreList":[]}

package/build-module/gallery/v1/gallery.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -21,6 +20,8 @@ import { useState, useEffect } from '@wordpress/element';
 import { mediaUploadSync } from '@wordpress/react-native-bridge';
 import { useSelect } from '@wordpress/data';
 import { alignmentHelpers } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const TILE_SPACING = 15;
 
 // we must limit displayed columns since readable content max-width is 580px
@@ -77,52 +78,54 @@ export const Gallery = props => {
     }
     onFocusGalleryCaption();
   };
-  return createElement(View, {
+  return /*#__PURE__*/_jsxs(View, {
     style: {
       flex: 1
-    }
-  }, createElement(Tiles, {
-    columns: displayedColumns,
-    spacing: TILE_SPACING,
-    style: isSelected ? styles.galleryTilesContainerSelected : undefined
-  }, images.map((img, index) => {
-    const ariaLabel = sprintf( /* translators: 1: the order number of the image. 2: the total number of images. */
-    __('image %1$d of %2$d in gallery'), index + 1, images.length);
-    return createElement(GalleryImage, {
-      key: img.id ? `${img.id}-${index}` : img.url,
-      url: img.url,
-      alt: img.alt,
-      id: parseInt(img.id, 10) // make id an integer explicitly
+    },
+    children: [/*#__PURE__*/_jsx(Tiles, {
+      columns: displayedColumns,
+      spacing: TILE_SPACING,
+      style: isSelected ? styles.galleryTilesContainerSelected : undefined,
+      children: images.map((img, index) => {
+        const ariaLabel = sprintf( /* translators: 1: the order number of the image. 2: the total number of images. */
+        __('image %1$d of %2$d in gallery'), index + 1, images.length);
+        return /*#__PURE__*/_jsx(GalleryImage, {
+          url: img.url,
+          alt: img.alt,
+          id: parseInt(img.id, 10) // make id an integer explicitly
+          ,
+          isCropped: imageCrop,
+          isFirstItem: index === 0,
+          isLastItem: index + 1 === images.length,
+          isSelected: isSelected && selectedImage === index,
+          isBlockSelected: isSelected,
+          onMoveBackward: onMoveBackward(index),
+          onMoveForward: onMoveForward(index),
+          onRemove: onRemoveImage(index),
+          onSelect: selectImage(index),
+          onSelectBlock: onFocus,
+          setAttributes: attrs => onSetImageAttributes(index, attrs),
+          caption: img.caption,
+          "aria-label": ariaLabel,
+          isRTL: isRTL
+        }, img.id ? `${img.id}-${index}` : img.url);
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: isFullWidth(align) && styles.fullWidth,
+      children: mediaPlaceholder
+    }), /*#__PURE__*/_jsx(BlockCaption, {
+      clientId: clientId,
+      isSelected: isCaptionSelected,
+      accessible: true,
+      accessibilityLabelCreator: caption => RichText.isEmpty(caption) ? /* translators: accessibility text. Empty gallery caption. */
+      'Gallery caption. Empty' : sprintf( /* translators: accessibility text. %s: gallery caption. */
+      __('Gallery caption. %s'), caption),
+      onFocus: focusGalleryCaption,
+      onBlur: onBlur // Always assign onBlur as props.
       ,
-      isCropped: imageCrop,
-      isFirstItem: index === 0,
-      isLastItem: index + 1 === images.length,
-      isSelected: isSelected && selectedImage === index,
-      isBlockSelected: isSelected,
-      onMoveBackward: onMoveBackward(index),
-      onMoveForward: onMoveForward(index),
-      onRemove: onRemoveImage(index),
-      onSelect: selectImage(index),
-      onSelectBlock: onFocus,
-      setAttributes: attrs => onSetImageAttributes(index, attrs),
-      caption: img.caption,
-      "aria-label": ariaLabel,
-      isRTL: isRTL
-    });
-  })), createElement(View, {
-    style: isFullWidth(align) && styles.fullWidth
-  }, mediaPlaceholder), createElement(BlockCaption, {
-    clientId: clientId,
-    isSelected: isCaptionSelected,
-    accessible: true,
-    accessibilityLabelCreator: caption => RichText.isEmpty(caption) ? /* translators: accessibility text. Empty gallery caption. */
-    'Gallery caption. Empty' : sprintf( /* translators: accessibility text. %s: gallery caption. */
-    __('Gallery caption. %s'), caption),
-    onFocus: focusGalleryCaption,
-    onBlur: onBlur // Always assign onBlur as props.
-    ,
-    insertBlocksAfter: insertBlocksAfter
-  }));
+      insertBlocksAfter: insertBlocksAfter
+    })]
+  });
 };
 export default Gallery;
 //# sourceMappingURL=gallery.native.js.map

package/build-module/gallery/v1/gallery.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["View","GalleryImage","defaultColumnsNumberV1","styles","Tiles","__","sprintf","BlockCaption","RichText","store","blockEditorStore","useState","useEffect","mediaUploadSync","useSelect","alignmentHelpers","TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","Gallery","props","isCaptionSelected","setIsCaptionSelected","isRTL","select","getSettings","clientId","selectedImage","mediaPlaceholder","onBlur","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onSetImageAttributes","onFocusGalleryCaption","attributes","isSelected","isNarrow","onFocus","insertBlocksAfter","align","columns","imageCrop","images","displayedColumns","Math","min","selectImage","index","focusGalleryCaption","createElement","style","flex","spacing","galleryTilesContainerSelected","undefined","map","img","ariaLabel","length","key","id","url","alt","parseInt","isCropped","isFirstItem","isLastItem","isBlockSelected","onRemove","onSelect","onSelectBlock","setAttributes","attrs","caption","fullWidth","accessible","accessibilityLabelCreator","isEmpty"],"sources":["@wordpress/block-library/src/gallery/v1/gallery.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport styles from './gallery-styles.scss';\nimport Tiles from './tiles';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockCaption,\n\tRichText,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useState, useEffect } from '@wordpress/element';\nimport { mediaUploadSync } from '@wordpress/react-native-bridge';\nimport { useSelect } from '@wordpress/data';\nimport { alignmentHelpers } from '@wordpress/components';\n\nconst TILE_SPACING = 15;\n\n// we must limit displayed columns since readable content max-width is 580px\nconst MAX_DISPLAYED_COLUMNS = 4;\nconst MAX_DISPLAYED_COLUMNS_NARROW = 2;\n\nconst { isFullWidth } = alignmentHelpers;\n\nexport const Gallery = ( props ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tuseEffect( mediaUploadSync, [] );\n\n\tconst isRTL = useSelect( ( select ) => {\n\t\treturn !! select( blockEditorStore ).getSettings().isRTL;\n\t}, [] );\n\n\tconst {\n\t\tclientId,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonBlur,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonSetImageAttributes,\n\t\tonFocusGalleryCaption,\n\t\tattributes,\n\t\tisSelected,\n\t\tisNarrow,\n\t\tonFocus,\n\t\tinsertBlocksAfter,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\t// limit displayed columns when isNarrow is true (i.e. when viewport width is\n\t// less than \"small\", where small = 600)\n\tconst displayedColumns = isNarrow\n\t\t? Math.min( columns, MAX_DISPLAYED_COLUMNS_NARROW )\n\t\t: Math.min( columns, MAX_DISPLAYED_COLUMNS );\n\n\tconst selectImage = ( index ) => {\n\t\treturn () => {\n\t\t\tif ( isCaptionSelected ) {\n\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t}\n\t\t\t// We need to fully invoke the curried function here.\n\t\t\tonSelectImage( index )();\n\t\t};\n\t};\n\n\tconst focusGalleryCaption = () => {\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t\tonFocusGalleryCaption();\n\t};\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<Tiles\n\t\t\t\tcolumns={ displayedColumns }\n\t\t\t\tspacing={ TILE_SPACING }\n\t\t\t\tstyle={\n\t\t\t\t\tisSelected\n\t\t\t\t\t\t? styles.galleryTilesContainerSelected\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\tid={ parseInt( img.id, 10 ) } // make id an integer explicitly\n\t\t\t\t\t\t\tisCropped={ imageCrop }\n\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\tisSelected={ isSelected && selectedImage === index }\n\t\t\t\t\t\t\tisBlockSelected={ isSelected }\n\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\tonSelect={ selectImage( index ) }\n\t\t\t\t\t\t\tonSelectBlock={ onFocus }\n\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Tiles>\n\t\t\t<View style={ isFullWidth( align ) && styles.fullWidth }>\n\t\t\t\t{ mediaPlaceholder }\n\t\t\t</View>\n\t\t\t<BlockCaption\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\taccessible\n\t\t\t\taccessibilityLabelCreator={ ( caption ) =>\n\t\t\t\t\tRichText.isEmpty( caption )\n\t\t\t\t\t\t? /* translators: accessibility text. Empty gallery caption. */\n\t\t\t\t\t\t  'Gallery caption. Empty'\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: accessibility text. %s: gallery caption. */\n\t\t\t\t\t\t\t\t__( 'Gallery caption. %s' ),\n\t\t\t\t\t\t\t\tcaption\n\t\t\t\t\t\t  )\n\t\t\t\t}\n\t\t\t\tonFocus={ focusGalleryCaption }\n\t\t\t\tonBlur={ onBlur } // Always assign onBlur as props.\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default Gallery;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["View","GalleryImage","defaultColumnsNumberV1","styles","Tiles","__","sprintf","BlockCaption","RichText","store","blockEditorStore","useState","useEffect","mediaUploadSync","useSelect","alignmentHelpers","jsx","_jsx","jsxs","_jsxs","TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","Gallery","props","isCaptionSelected","setIsCaptionSelected","isRTL","select","getSettings","clientId","selectedImage","mediaPlaceholder","onBlur","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onSetImageAttributes","onFocusGalleryCaption","attributes","isSelected","isNarrow","onFocus","insertBlocksAfter","align","columns","imageCrop","images","displayedColumns","Math","min","selectImage","index","focusGalleryCaption","style","flex","children","spacing","galleryTilesContainerSelected","undefined","map","img","ariaLabel","length","url","alt","id","parseInt","isCropped","isFirstItem","isLastItem","isBlockSelected","onRemove","onSelect","onSelectBlock","setAttributes","attrs","caption","fullWidth","accessible","accessibilityLabelCreator","isEmpty"],"sources":["@wordpress/block-library/src/gallery/v1/gallery.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport styles from './gallery-styles.scss';\nimport Tiles from './tiles';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockCaption,\n\tRichText,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useState, useEffect } from '@wordpress/element';\nimport { mediaUploadSync } from '@wordpress/react-native-bridge';\nimport { useSelect } from '@wordpress/data';\nimport { alignmentHelpers } from '@wordpress/components';\n\nconst TILE_SPACING = 15;\n\n// we must limit displayed columns since readable content max-width is 580px\nconst MAX_DISPLAYED_COLUMNS = 4;\nconst MAX_DISPLAYED_COLUMNS_NARROW = 2;\n\nconst { isFullWidth } = alignmentHelpers;\n\nexport const Gallery = ( props ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tuseEffect( mediaUploadSync, [] );\n\n\tconst isRTL = useSelect( ( select ) => {\n\t\treturn !! select( blockEditorStore ).getSettings().isRTL;\n\t}, [] );\n\n\tconst {\n\t\tclientId,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonBlur,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonSetImageAttributes,\n\t\tonFocusGalleryCaption,\n\t\tattributes,\n\t\tisSelected,\n\t\tisNarrow,\n\t\tonFocus,\n\t\tinsertBlocksAfter,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\t// limit displayed columns when isNarrow is true (i.e. when viewport width is\n\t// less than \"small\", where small = 600)\n\tconst displayedColumns = isNarrow\n\t\t? Math.min( columns, MAX_DISPLAYED_COLUMNS_NARROW )\n\t\t: Math.min( columns, MAX_DISPLAYED_COLUMNS );\n\n\tconst selectImage = ( index ) => {\n\t\treturn () => {\n\t\t\tif ( isCaptionSelected ) {\n\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t}\n\t\t\t// We need to fully invoke the curried function here.\n\t\t\tonSelectImage( index )();\n\t\t};\n\t};\n\n\tconst focusGalleryCaption = () => {\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t\tonFocusGalleryCaption();\n\t};\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<Tiles\n\t\t\t\tcolumns={ displayedColumns }\n\t\t\t\tspacing={ TILE_SPACING }\n\t\t\t\tstyle={\n\t\t\t\t\tisSelected\n\t\t\t\t\t\t? styles.galleryTilesContainerSelected\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\tid={ parseInt( img.id, 10 ) } // make id an integer explicitly\n\t\t\t\t\t\t\tisCropped={ imageCrop }\n\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\tisSelected={ isSelected && selectedImage === index }\n\t\t\t\t\t\t\tisBlockSelected={ isSelected }\n\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\tonSelect={ selectImage( index ) }\n\t\t\t\t\t\t\tonSelectBlock={ onFocus }\n\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Tiles>\n\t\t\t<View style={ isFullWidth( align ) && styles.fullWidth }>\n\t\t\t\t{ mediaPlaceholder }\n\t\t\t</View>\n\t\t\t<BlockCaption\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\taccessible\n\t\t\t\taccessibilityLabelCreator={ ( caption ) =>\n\t\t\t\t\tRichText.isEmpty( caption )\n\t\t\t\t\t\t? /* translators: accessibility text. Empty gallery caption. */\n\t\t\t\t\t\t  'Gallery caption. Empty'\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: accessibility text. %s: gallery caption. */\n\t\t\t\t\t\t\t\t__( 'Gallery caption. %s' ),\n\t\t\t\t\t\t\t\tcaption\n\t\t\t\t\t\t  )\n\t\t\t\t}\n\t\t\t\tonFocus={ focusGalleryCaption }\n\t\t\t\tonBlur={ onBlur } // Always assign onBlur as props.\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default Gallery;\n"],"mappings":"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","ignoreList":[]}

package/build-module/gallery/v1/save.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -14,6 +13,8 @@ import { RichText, useBlockProps, __experimentalGetElementClassName } from '@wor
  */
 import { defaultColumnsNumberV1 } from '../deprecated';
 import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA } from './constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function saveV1({
   attributes
 }) {
@@ -25,44 +26,49 @@ export default function saveV1({
     linkTo
   } = attributes;
   const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
-  return createElement("figure", {
+  return /*#__PURE__*/_jsxs("figure", {
     ...useBlockProps.save({
       className
-    })
-  }, createElement("ul", {
-    className: "blocks-gallery-grid"
-  }, images.map(image => {
-    let href;
-    switch (linkTo) {
-      case LINK_DESTINATION_MEDIA:
-        href = image.fullUrl || image.url;
-        break;
-      case LINK_DESTINATION_ATTACHMENT:
-        href = image.link;
-        break;
-    }
-    const img = createElement("img", {
-      src: image.url,
-      alt: image.alt,
-      "data-id": image.id,
-      "data-full-url": image.fullUrl,
-      "data-link": image.link,
-      className: image.id ? `wp-image-${image.id}` : null
-    });
-    return createElement("li", {
-      key: image.id || image.url,
-      className: "blocks-gallery-item"
-    }, createElement("figure", null, href ? createElement("a", {
-      href: href
-    }, img) : img, !RichText.isEmpty(image.caption) && createElement(RichText.Content, {
+    }),
+    children: [/*#__PURE__*/_jsx("ul", {
+      className: "blocks-gallery-grid",
+      children: images.map(image => {
+        let href;
+        switch (linkTo) {
+          case LINK_DESTINATION_MEDIA:
+            href = image.fullUrl || image.url;
+            break;
+          case LINK_DESTINATION_ATTACHMENT:
+            href = image.link;
+            break;
+        }
+        const img = /*#__PURE__*/_jsx("img", {
+          src: image.url,
+          alt: image.alt,
+          "data-id": image.id,
+          "data-full-url": image.fullUrl,
+          "data-link": image.link,
+          className: image.id ? `wp-image-${image.id}` : null
+        });
+        return /*#__PURE__*/_jsx("li", {
+          className: "blocks-gallery-item",
+          children: /*#__PURE__*/_jsxs("figure", {
+            children: [href ? /*#__PURE__*/_jsx("a", {
+              href: href,
+              children: img
+            }) : img, !RichText.isEmpty(image.caption) && /*#__PURE__*/_jsx(RichText.Content, {
+              tagName: "figcaption",
+              className: clsx('blocks-gallery-item__caption', __experimentalGetElementClassName('caption')),
+              value: image.caption
+            })]
+          })
+        }, image.id || image.url);
+      })
+    }), !RichText.isEmpty(caption) && /*#__PURE__*/_jsx(RichText.Content, {
       tagName: "figcaption",
-      className: clsx('blocks-gallery-item__caption', __experimentalGetElementClassName('caption')),
-      value: image.caption
-    })));
-  })), !RichText.isEmpty(caption) && createElement(RichText.Content, {
-    tagName: "figcaption",
-    className: clsx('blocks-gallery-caption', __experimentalGetElementClassName('caption')),
-    value: caption
-  }));
+      className: clsx('blocks-gallery-caption', __experimentalGetElementClassName('caption')),
+      value: caption
+    })]
+  });
 }
 //# sourceMappingURL=save.js.map

package/build-module/gallery/v1/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","RichText","useBlockProps","__experimentalGetElementClassName","defaultColumnsNumberV1","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA","saveV1","attributes","images","columns","imageCrop","caption","linkTo","className","createElement","save","map","image","href","fullUrl","url","link","img","src","alt","id","key","isEmpty","Content","tagName","value"],"sources":["@wordpress/block-library/src/gallery/v1/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nexport default function saveV1( { attributes } ) {\n\tconst {\n\t\timages,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\tcaption,\n\t\tlinkTo,\n\t} = attributes;\n\tconst className = `columns-${ columns } ${ imageCrop ? 'is-cropped' : '' }`;\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( image ) => {\n\t\t\t\t\tlet href;\n\n\t\t\t\t\tswitch ( linkTo ) {\n\t\t\t\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\t\t\t\thref = image.fullUrl || image.url;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\t\t\t\thref = image.link;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst img = (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={ image.url }\n\t\t\t\t\t\t\talt={ image.alt }\n\t\t\t\t\t\t\tdata-id={ image.id }\n\t\t\t\t\t\t\tdata-full-url={ image.fullUrl }\n\t\t\t\t\t\t\tdata-link={ image.link }\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\timage.id ? `wp-image-${ image.id }` : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={ image.id || image.url }\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t{ href ? <a href={ href }>{ img }</a> : img }\n\t\t\t\t\t\t\t\t{ ! RichText.isEmpty( image.caption ) && (\n\t\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t'blocks-gallery-item__caption',\n\t\t\t\t\t\t\t\t\t\t\t__experimentalGetElementClassName(\n\t\t\t\t\t\t\t\t\t\t\t\t'caption'\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\tvalue={ image.caption }\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</figure>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'blocks-gallery-caption',\n\t\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,QAAQ,EACRC,aAAa,EACbC,iCAAiC,QAC3B,yBAAyB;;AAEhC;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,eAAe;AACtD,SACCC,2BAA2B,EAC3BC,sBAAsB,QAChB,aAAa;AAEpB,eAAe,SAASC,MAAMA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAChD,MAAM;IACLC,MAAM;IACNC,OAAO,GAAGN,sBAAsB,CAAEI,UAAW,CAAC;IAC9CG,SAAS;IACTC,OAAO;IACPC;EACD,CAAC,GAAGL,UAAU;EACd,MAAMM,SAAS,GAAI,WAAWJ,OAAS,IAAIC,SAAS,GAAG,YAAY,GAAG,EAAI,EAAC;EAE3E,OACCI,aAAA;IAAA,GAAab,aAAa,CAACc,IAAI,CAAE;MAAEF;IAAU,CAAE;EAAC,GAC/CC,aAAA;IAAID,SAAS,EAAC;EAAqB,GAChCL,MAAM,CAACQ,GAAG,CAAIC,KAAK,IAAM;IAC1B,IAAIC,IAAI;IAER,QAASN,MAAM;MACd,KAAKP,sBAAsB;QAC1Ba,IAAI,GAAGD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACG,GAAG;QACjC;MACD,KAAKhB,2BAA2B;QAC/Bc,IAAI,GAAGD,KAAK,CAACI,IAAI;QACjB;IACF;IAEA,MAAMC,GAAG,GACRR,aAAA;MACCS,GAAG,EAAGN,KAAK,CAACG,GAAK;MACjBI,GAAG,EAAGP,KAAK,CAACO,GAAK;MACjB,WAAUP,KAAK,CAACQ,EAAI;MACpB,iBAAgBR,KAAK,CAACE,OAAS;MAC/B,aAAYF,KAAK,CAACI,IAAM;MACxBR,SAAS,EACRI,KAAK,CAACQ,EAAE,GAAI,YAAYR,KAAK,CAACQ,EAAI,EAAC,GAAG;IACtC,CACD,CACD;IAED,OACCX,aAAA;MACCY,GAAG,EAAGT,KAAK,CAACQ,EAAE,IAAIR,KAAK,CAACG,GAAK;MAC7BP,SAAS,EAAC;IAAqB,GAE/BC,aAAA,iBACGI,IAAI,GAAGJ,aAAA;MAAGI,IAAI,EAAGA;IAAM,GAAGI,GAAQ,CAAC,GAAGA,GAAG,EACzC,CAAEtB,QAAQ,CAAC2B,OAAO,CAAEV,KAAK,CAACN,OAAQ,CAAC,IACpCG,aAAA,CAACd,QAAQ,CAAC4B,OAAO;MAChBC,OAAO,EAAC,YAAY;MACpBhB,SAAS,EAAGd,IAAI,CACf,8BAA8B,EAC9BG,iCAAiC,CAChC,SACD,CACD,CAAG;MACH4B,KAAK,EAAGb,KAAK,CAACN;IAAS,CACvB,CAEK,CACL,CAAC;EAEP,CAAE,CACC,CAAC,EACH,CAAEX,QAAQ,CAAC2B,OAAO,CAAEhB,OAAQ,CAAC,IAC9BG,aAAA,CAACd,QAAQ,CAAC4B,OAAO;IAChBC,OAAO,EAAC,YAAY;IACpBhB,SAAS,EAAGd,IAAI,CACf,wBAAwB,EACxBG,iCAAiC,CAAE,SAAU,CAC9C,CAAG;IACH4B,KAAK,EAAGnB;EAAS,CACjB,CAEK,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["clsx","RichText","useBlockProps","__experimentalGetElementClassName","defaultColumnsNumberV1","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA","jsx","_jsx","jsxs","_jsxs","saveV1","attributes","images","columns","imageCrop","caption","linkTo","className","save","children","map","image","href","fullUrl","url","link","img","src","alt","id","isEmpty","Content","tagName","value"],"sources":["@wordpress/block-library/src/gallery/v1/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nexport default function saveV1( { attributes } ) {\n\tconst {\n\t\timages,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\tcaption,\n\t\tlinkTo,\n\t} = attributes;\n\tconst className = `columns-${ columns } ${ imageCrop ? 'is-cropped' : '' }`;\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( image ) => {\n\t\t\t\t\tlet href;\n\n\t\t\t\t\tswitch ( linkTo ) {\n\t\t\t\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\t\t\t\thref = image.fullUrl || image.url;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\t\t\t\thref = image.link;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst img = (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={ image.url }\n\t\t\t\t\t\t\talt={ image.alt }\n\t\t\t\t\t\t\tdata-id={ image.id }\n\t\t\t\t\t\t\tdata-full-url={ image.fullUrl }\n\t\t\t\t\t\t\tdata-link={ image.link }\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\timage.id ? `wp-image-${ image.id }` : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={ image.id || image.url }\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t{ href ? <a href={ href }>{ img }</a> : img }\n\t\t\t\t\t\t\t\t{ ! RichText.isEmpty( image.caption ) && (\n\t\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t'blocks-gallery-item__caption',\n\t\t\t\t\t\t\t\t\t\t\t__experimentalGetElementClassName(\n\t\t\t\t\t\t\t\t\t\t\t\t'caption'\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\tvalue={ image.caption }\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</figure>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'blocks-gallery-caption',\n\t\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,QAAQ,EACRC,aAAa,EACbC,iCAAiC,QAC3B,yBAAyB;;AAEhC;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,eAAe;AACtD,SACCC,2BAA2B,EAC3BC,sBAAsB,QAChB,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErB,eAAe,SAASC,MAAMA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAChD,MAAM;IACLC,MAAM;IACNC,OAAO,GAAGV,sBAAsB,CAAEQ,UAAW,CAAC;IAC9CG,SAAS;IACTC,OAAO;IACPC;EACD,CAAC,GAAGL,UAAU;EACd,MAAMM,SAAS,GAAI,WAAWJ,OAAS,IAAIC,SAAS,GAAG,YAAY,GAAG,EAAI,EAAC;EAE3E,oBACCL,KAAA;IAAA,GAAaR,aAAa,CAACiB,IAAI,CAAE;MAAED;IAAU,CAAE,CAAC;IAAAE,QAAA,gBAC/CZ,IAAA;MAAIU,SAAS,EAAC,qBAAqB;MAAAE,QAAA,EAChCP,MAAM,CAACQ,GAAG,CAAIC,KAAK,IAAM;QAC1B,IAAIC,IAAI;QAER,QAASN,MAAM;UACd,KAAKX,sBAAsB;YAC1BiB,IAAI,GAAGD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACG,GAAG;YACjC;UACD,KAAKpB,2BAA2B;YAC/BkB,IAAI,GAAGD,KAAK,CAACI,IAAI;YACjB;QACF;QAEA,MAAMC,GAAG,gBACRnB,IAAA;UACCoB,GAAG,EAAGN,KAAK,CAACG,GAAK;UACjBI,GAAG,EAAGP,KAAK,CAACO,GAAK;UACjB,WAAUP,KAAK,CAACQ,EAAI;UACpB,iBAAgBR,KAAK,CAACE,OAAS;UAC/B,aAAYF,KAAK,CAACI,IAAM;UACxBR,SAAS,EACRI,KAAK,CAACQ,EAAE,GAAI,YAAYR,KAAK,CAACQ,EAAI,EAAC,GAAG;QACtC,CACD,CACD;QAED,oBACCtB,IAAA;UAECU,SAAS,EAAC,qBAAqB;UAAAE,QAAA,eAE/BV,KAAA;YAAAU,QAAA,GACGG,IAAI,gBAAGf,IAAA;cAAGe,IAAI,EAAGA,IAAM;cAAAH,QAAA,EAAGO;YAAG,CAAK,CAAC,GAAGA,GAAG,EACzC,CAAE1B,QAAQ,CAAC8B,OAAO,CAAET,KAAK,CAACN,OAAQ,CAAC,iBACpCR,IAAA,CAACP,QAAQ,CAAC+B,OAAO;cAChBC,OAAO,EAAC,YAAY;cACpBf,SAAS,EAAGlB,IAAI,CACf,8BAA8B,EAC9BG,iCAAiC,CAChC,SACD,CACD,CAAG;cACH+B,KAAK,EAAGZ,KAAK,CAACN;YAAS,CACvB,CACD;UAAA,CACM;QAAC,GAjBHM,KAAK,CAACQ,EAAE,IAAIR,KAAK,CAACG,GAkBrB,CAAC;MAEP,CAAE;IAAC,CACA,CAAC,EACH,CAAExB,QAAQ,CAAC8B,OAAO,CAAEf,OAAQ,CAAC,iBAC9BR,IAAA,CAACP,QAAQ,CAAC+B,OAAO;MAChBC,OAAO,EAAC,YAAY;MACpBf,SAAS,EAAGlB,IAAI,CACf,wBAAwB,EACxBG,iCAAiC,CAAE,SAAU,CAC9C,CAAG;MACH+B,KAAK,EAAGlB;IAAS,CACjB,CACD;EAAA,CACM,CAAC;AAEX","ignoreList":[]}

package/build-module/gallery/v1/tiles.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -13,6 +12,7 @@ import { Children } from '@wordpress/element';
  * Internal dependencies
  */
 import styles from './tiles-styles.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
 function Tiles(props) {
   const {
     columns,
@@ -54,20 +54,22 @@ function Tiles(props) {
     const row = Math.floor(index / columns);
     const rowLength = row === lastRow ? lastTile % columns + 1 : columns;
     const indexInRow = index % columns;
-    return createElement(View, {
+    return /*#__PURE__*/_jsx(View, {
       style: [styles.tileStyle, {
         width: `${100 / rowLength}%`,
         paddingLeft: spacing * (indexInRow / rowLength),
         paddingRight: spacing * (1 - (indexInRow + 1) / rowLength),
         paddingTop: row === 0 ? 0 : spacing / 2,
         paddingBottom: row === lastRow ? 0 : spacing / 2
-      }]
-    }, child);
+      }],
+      children: child
+    });
   });
   const containerStyle = compose(styles.containerStyle, style);
-  return createElement(View, {
-    style: containerStyle
-  }, wrappedChildren);
+  return /*#__PURE__*/_jsx(View, {
+    style: containerStyle,
+    children: wrappedChildren
+  });
 }
 export default Tiles;
 //# sourceMappingURL=tiles.native.js.map