@wordpress/block-library 8.34.0 → 9.0.0

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _element = require("@wordpress/element");
@@ -17,6 +16,7 @@ var _compose = require("@wordpress/compose");
 var _icons = require("@wordpress/icons");
 var _galleryButton = _interopRequireDefault(require("./gallery-button"));
 var _galleryImageStyle = _interopRequireDefault(require("./gallery-image-style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -195,58 +195,65 @@ class GalleryImage extends _element.Component {
       separated: true,
       value: 'removeImage'
     }];
-    return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Image, {
-      alt: ariaLabel,
-      height: _galleryImageStyle.default.image.height,
-      isSelected: isSelected,
-      isUploadFailed: isUploadFailed,
-      isUploadInProgress: isUploadInProgress,
-      mediaPickerOptions: mediaPickerOptions,
-      onSelectMediaUploadOption: this.onSelectMedia,
-      resizeMode: resizeMode,
-      url: url,
-      retryMessage: retryMessage,
-      retryIcon: _icons.warning
-    }), !isUploadInProgress && isSelected && (0, _react.createElement)(_reactNative.View, {
-      style: _galleryImageStyle.default.toolbarContainer
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: _galleryImageStyle.default.toolbar
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: _galleryImageStyle.default.moverButtonContainer
-    }, (0, _react.createElement)(_galleryButton.default, {
-      style: buttonStyle,
-      icon: isRTL ? _icons.arrowRight : _icons.arrowLeft,
-      iconSize: ICON_SIZE_ARROW,
-      onClick: isFirstItem ? undefined : onMoveBackward,
-      accessibilityLabel: (0, _i18n.__)('Move Image Backward'),
-      "aria-disabled": isFirstItem,
-      disabled: !isSelected
-    }), (0, _react.createElement)(_reactNative.View, {
-      style: separatorStyle
-    }), (0, _react.createElement)(_galleryButton.default, {
-      style: buttonStyle,
-      icon: isRTL ? _icons.arrowLeft : _icons.arrowRight,
-      iconSize: ICON_SIZE_ARROW,
-      onClick: isLastItem ? undefined : onMoveForward,
-      accessibilityLabel: (0, _i18n.__)('Move Image Forward'),
-      "aria-disabled": isLastItem,
-      disabled: !isSelected
-    })))), !isUploadInProgress && (shouldShowCaptionEditable || shouldShowCaptionExpanded) && (0, _react.createElement)(_reactNative.View, {
-      style: captionContainerStyle
-    }, (0, _react.createElement)(_reactNative.ScrollView, {
-      nestedScrollEnabled: true,
-      keyboardShouldPersistTaps: "handled",
-      bounces: false
-    }, (0, _react.createElement)(_blockEditor.Caption, {
-      inlineToolbar: true,
-      isSelected: isSelected && captionSelected,
-      onChange: this.onCaptionChange,
-      onFocus: this.onSelectCaption,
-      placeholder: isSelected ? (0, _i18n.__)('Add caption') : null,
-      placeholderTextColor: captionPlaceholderStyle.color,
-      style: captionStyle,
-      value: caption
-    }))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Image, {
+        alt: ariaLabel,
+        height: _galleryImageStyle.default.image.height,
+        isSelected: isSelected,
+        isUploadFailed: isUploadFailed,
+        isUploadInProgress: isUploadInProgress,
+        mediaPickerOptions: mediaPickerOptions,
+        onSelectMediaUploadOption: this.onSelectMedia,
+        resizeMode: resizeMode,
+        url: url,
+        retryMessage: retryMessage,
+        retryIcon: _icons.warning
+      }), !isUploadInProgress && isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: _galleryImageStyle.default.toolbarContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: _galleryImageStyle.default.toolbar,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: _galleryImageStyle.default.moverButtonContainer,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryButton.default, {
+              style: buttonStyle,
+              icon: isRTL ? _icons.arrowRight : _icons.arrowLeft,
+              iconSize: ICON_SIZE_ARROW,
+              onClick: isFirstItem ? undefined : onMoveBackward,
+              accessibilityLabel: (0, _i18n.__)('Move Image Backward'),
+              "aria-disabled": isFirstItem,
+              disabled: !isSelected
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: separatorStyle
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryButton.default, {
+              style: buttonStyle,
+              icon: isRTL ? _icons.arrowLeft : _icons.arrowRight,
+              iconSize: ICON_SIZE_ARROW,
+              onClick: isLastItem ? undefined : onMoveForward,
+              accessibilityLabel: (0, _i18n.__)('Move Image Forward'),
+              "aria-disabled": isLastItem,
+              disabled: !isSelected
+            })]
+          })
+        })
+      }), !isUploadInProgress && (shouldShowCaptionEditable || shouldShowCaptionExpanded) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: captionContainerStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          nestedScrollEnabled: true,
+          keyboardShouldPersistTaps: "handled",
+          bounces: false,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Caption, {
+            inlineToolbar: true,
+            isSelected: isSelected && captionSelected,
+            onChange: this.onCaptionChange,
+            onFocus: this.onSelectCaption,
+            placeholder: isSelected ? (0, _i18n.__)('Add caption') : null,
+            placeholderTextColor: captionPlaceholderStyle.color,
+            style: captionStyle,
+            value: caption
+          })
+        })
+      })]
+    });
   }
   render() {
     const {
@@ -256,23 +263,26 @@ class GalleryImage extends _element.Component {
       isSelected
     } = this.props;
     const containerStyle = getStylesFromColorScheme(_galleryImageStyle.default.galleryImageContainer, _galleryImageStyle.default.galleryImageContainerDark);
-    return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
       onPress: this.onMediaPressed,
       accessible: !isSelected // We need only child views to be accessible after the selection.
       ,
       accessibilityLabel: 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
       ,
-      accessibilityRole: '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
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: containerStyle
-    }, (0, _react.createElement)(_blockEditor.MediaUploadProgress, {
-      mediaId: id,
-      onUpdateMediaProgress: this.updateMediaProgress,
-      onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
-      onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
-      onMediaUploadStateReset: onRemove,
-      renderContent: this.renderContent
-    })));
+      accessibilityRole: "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
+      ,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: containerStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadProgress, {
+          mediaId: id,
+          onUpdateMediaProgress: this.updateMediaProgress,
+          onFinishMediaUploadWithSuccess: this.finishMediaUploadWithSuccess,
+          onFinishMediaUploadWithFailure: this.finishMediaUploadWithFailure,
+          onMediaUploadStateReset: onRemove,
+          renderContent: this.renderContent
+        })
+      })
+    });
   }
   accessibilityLabelImageContainer() {
     const {

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeBridge","_element","_components","_i18n","_blockEditor","_url","_compose","_icons","_galleryButton","_interopRequireDefault","_galleryImageStyle","compose","StyleSheet","separatorStyle","style","separator","borderRightWidth","hairlineWidth","buttonStyle","button","aspectRatio","ICON_SIZE_ARROW","GalleryImage","Component","constructor","arguments","onSelectImage","bind","onSelectCaption","onMediaPressed","onCaptionChange","onSelectMedia","updateMediaProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","renderContent","state","captionSelected","isUploadInProgress","didUploadFail","setState","props","isSelected","onSelect","id","url","requestImageUploadCancelDialog","getProtocol","requestImageFailedRetryDialog","requestImageFullscreenPreview","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","_react","createElement","Fragment","Image","height","onSelectMediaUploadOption","retryIcon","warning","View","toolbarContainer","toolbar","moverButtonContainer","default","icon","arrowRight","arrowLeft","iconSize","onClick","undefined","accessibilityLabel","disabled","ScrollView","nestedScrollEnabled","keyboardShouldPersistTaps","bounces","Caption","inlineToolbar","onChange","onFocus","placeholder","placeholderTextColor","color","render","containerStyle","galleryImageContainer","galleryImageContainerDark","TouchableWithoutFeedback","accessible","accessibilityLabelImageContainer","accessibilityRole","MediaUploadProgress","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","sprintf","_default","exports","withPreferredColorScheme"],"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":["_reactNative","require","_reactNativeBridge","_element","_components","_i18n","_blockEditor","_url","_compose","_icons","_galleryButton","_interopRequireDefault","_galleryImageStyle","_jsxRuntime","compose","StyleSheet","separatorStyle","style","separator","borderRightWidth","hairlineWidth","buttonStyle","button","aspectRatio","ICON_SIZE_ARROW","GalleryImage","Component","constructor","arguments","onSelectImage","bind","onSelectCaption","onMediaPressed","onCaptionChange","onSelectMedia","updateMediaProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","renderContent","state","captionSelected","isUploadInProgress","didUploadFail","setState","props","isSelected","onSelect","id","url","requestImageUploadCancelDialog","getProtocol","requestImageFailedRetryDialog","requestImageFullscreenPreview","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","jsxs","Fragment","children","jsx","Image","height","onSelectMediaUploadOption","retryIcon","warning","View","toolbarContainer","toolbar","moverButtonContainer","default","icon","arrowRight","arrowLeft","iconSize","onClick","undefined","accessibilityLabel","disabled","ScrollView","nestedScrollEnabled","keyboardShouldPersistTaps","bounces","Caption","inlineToolbar","onChange","onFocus","placeholder","placeholderTextColor","color","render","containerStyle","galleryImageContainer","galleryImageContainerDark","TouchableWithoutFeedback","accessible","accessibilityLabelImageContainer","accessibilityRole","MediaUploadProgress","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","sprintf","_default","exports","withPreferredColorScheme"],"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":[]}

package/build/gallery/v1/gallery.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Gallery = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blocks = require("@wordpress/blocks");
 var _galleryImage = _interopRequireDefault(require("./gallery-image"));
 var _deprecated = require("../deprecated");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -48,61 +48,63 @@ const Gallery = props => {
     imageCrop,
     images
   } = attributes;
-  return (0, _react.createElement)("figure", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
     ...blockProps,
-    className: (0, _classnames.default)(blockProps.className, {
+    className: (0, _clsx.default)(blockProps.className, {
       [`align${align}`]: align,
       [`columns-${columns}`]: columns,
       'is-cropped': imageCrop
-    })
-  }, (0, _react.createElement)("ul", {
-    className: "blocks-gallery-grid"
-  }, images.map((img, index) => {
-    const ariaLabel = (0, _i18n.sprintf)( /* translators: 1: the order number of the image. 2: the total number of images. */
-    (0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
-    return (0, _react.createElement)("li", {
-      className: "blocks-gallery-item",
-      key: img.id ? `${img.id}-${index}` : img.url
-    }, (0, _react.createElement)(_galleryImage.default, {
-      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, (0, _react.createElement)(RichTextVisibilityHelper, {
-    isHidden: !isSelected && _blockEditor.RichText.isEmpty(caption),
-    tagName: "figcaption",
-    className: (0, _classnames.default)('blocks-gallery-caption', (0, _blockEditor.__experimentalGetElementClassName)('caption')),
-    "aria-label": (0, _i18n.__)('Gallery caption text'),
-    placeholder: (0, _i18n.__)('Write gallery caption…'),
-    value: caption,
-    onChange: value => setAttributes({
-      caption: value
     }),
-    inlineToolbar: true,
-    __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)((0, _blocks.getDefaultBlockName)()))
-  }));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      className: "blocks-gallery-grid",
+      children: images.map((img, index) => {
+        const ariaLabel = (0, _i18n.sprintf)( /* translators: 1: the order number of the image. 2: the total number of images. */
+        (0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: "blocks-gallery-item",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryImage.default, {
+            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__*/(0, _jsxRuntime.jsx)(RichTextVisibilityHelper, {
+      isHidden: !isSelected && _blockEditor.RichText.isEmpty(caption),
+      tagName: "figcaption",
+      className: (0, _clsx.default)('blocks-gallery-caption', (0, _blockEditor.__experimentalGetElementClassName)('caption')),
+      "aria-label": (0, _i18n.__)('Gallery caption text'),
+      placeholder: (0, _i18n.__)('Write gallery caption…'),
+      value: caption,
+      onChange: value => setAttributes({
+        caption: value
+      }),
+      inlineToolbar: true,
+      __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)((0, _blocks.getDefaultBlockName)()))
+    })]
+  });
 };
 exports.Gallery = Gallery;
 function RichTextVisibilityHelper({
   isHidden,
   ...richTextProps
 }) {
-  return isHidden ? (0, _react.createElement)(_components.VisuallyHidden, {
+  return isHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
     as: _blockEditor.RichText,
     ...richTextProps
-  }) : (0, _react.createElement)(_blockEditor.RichText, {
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
     ...richTextProps
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_components","_i18n","_blocks","_galleryImage","_deprecated","Gallery","props","attributes","isSelected","setAttributes","selectedImage","mediaPlaceholder","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onDeselectImage","onSetImageAttributes","insertBlocksAfter","blockProps","align","columns","defaultColumnsNumberV1","caption","imageCrop","images","_react","createElement","className","classnames","map","img","index","ariaLabel","sprintf","__","length","key","id","url","default","alt","isFirstItem","isLastItem","onRemove","onSelect","onDeselect","attrs","sizeSlug","RichTextVisibilityHelper","isHidden","RichText","isEmpty","tagName","__experimentalGetElementClassName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName","exports","richTextProps","VisuallyHidden","as","_default"],"sources":["@wordpress/block-library/src/gallery/v1/gallery.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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={ classnames( 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={ classnames(\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","_interopRequireDefault","require","_blockEditor","_components","_i18n","_blocks","_galleryImage","_deprecated","_jsxRuntime","Gallery","props","attributes","isSelected","setAttributes","selectedImage","mediaPlaceholder","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onDeselectImage","onSetImageAttributes","insertBlocksAfter","blockProps","align","columns","defaultColumnsNumberV1","caption","imageCrop","images","jsxs","className","clsx","children","jsx","map","img","index","ariaLabel","sprintf","__","length","default","url","alt","id","isFirstItem","isLastItem","onRemove","onSelect","onDeselect","attrs","sizeSlug","RichTextVisibilityHelper","isHidden","RichText","isEmpty","tagName","__experimentalGetElementClassName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName","exports","richTextProps","VisuallyHidden","as","_default"],"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/gallery/v1/gallery.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Gallery = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _galleryImage = _interopRequireDefault(require("./gallery-image"));
 var _deprecated = require("../deprecated");
@@ -17,6 +16,7 @@ var _element = require("@wordpress/element");
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
 var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -85,52 +85,54 @@ const Gallery = props => {
     }
     onFocusGalleryCaption();
   };
-  return (0, _react.createElement)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: {
       flex: 1
-    }
-  }, (0, _react.createElement)(_tiles.default, {
-    columns: displayedColumns,
-    spacing: TILE_SPACING,
-    style: isSelected ? _galleryStyles.default.galleryTilesContainerSelected : undefined
-  }, images.map((img, index) => {
-    const ariaLabel = (0, _i18n.sprintf)( /* translators: 1: the order number of the image. 2: the total number of images. */
-    (0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
-    return (0, _react.createElement)(_galleryImage.default, {
-      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__*/(0, _jsxRuntime.jsx)(_tiles.default, {
+      columns: displayedColumns,
+      spacing: TILE_SPACING,
+      style: isSelected ? _galleryStyles.default.galleryTilesContainerSelected : undefined,
+      children: images.map((img, index) => {
+        const ariaLabel = (0, _i18n.sprintf)( /* translators: 1: the order number of the image. 2: the total number of images. */
+        (0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryImage.default, {
+          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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: isFullWidth(align) && _galleryStyles.default.fullWidth,
+      children: mediaPlaceholder
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockCaption, {
+      clientId: clientId,
+      isSelected: isCaptionSelected,
+      accessible: true,
+      accessibilityLabelCreator: caption => _blockEditor.RichText.isEmpty(caption) ? /* translators: accessibility text. Empty gallery caption. */
+      'Gallery caption. Empty' : (0, _i18n.sprintf)( /* translators: accessibility text. %s: gallery caption. */
+      (0, _i18n.__)('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
-    });
-  })), (0, _react.createElement)(_reactNative.View, {
-    style: isFullWidth(align) && _galleryStyles.default.fullWidth
-  }, mediaPlaceholder), (0, _react.createElement)(_blockEditor.BlockCaption, {
-    clientId: clientId,
-    isSelected: isCaptionSelected,
-    accessible: true,
-    accessibilityLabelCreator: caption => _blockEditor.RichText.isEmpty(caption) ? /* translators: accessibility text. Empty gallery caption. */
-    'Gallery caption. Empty' : (0, _i18n.sprintf)( /* translators: accessibility text. %s: gallery caption. */
-    (0, _i18n.__)('Gallery caption. %s'), caption),
-    onFocus: focusGalleryCaption,
-    onBlur: onBlur // Always assign onBlur as props.
-    ,
-    insertBlocksAfter: insertBlocksAfter
-  }));
+      insertBlocksAfter: insertBlocksAfter
+    })]
+  });
 };
 exports.Gallery = Gallery;
 var _default = exports.default = Gallery;

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_galleryImage","_interopRequireDefault","_deprecated","_galleryStyles","_tiles","_i18n","_blockEditor","_element","_reactNativeBridge","_data","_components","TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","alignmentHelpers","Gallery","props","isCaptionSelected","setIsCaptionSelected","useState","useEffect","mediaUploadSync","isRTL","useSelect","select","blockEditorStore","getSettings","clientId","selectedImage","mediaPlaceholder","onBlur","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onSetImageAttributes","onFocusGalleryCaption","attributes","isSelected","isNarrow","onFocus","insertBlocksAfter","align","columns","defaultColumnsNumberV1","imageCrop","images","displayedColumns","Math","min","selectImage","index","focusGalleryCaption","_react","createElement","View","style","flex","default","spacing","styles","galleryTilesContainerSelected","undefined","map","img","ariaLabel","sprintf","__","length","key","id","url","alt","parseInt","isCropped","isFirstItem","isLastItem","isBlockSelected","onRemove","onSelect","onSelectBlock","setAttributes","attrs","caption","fullWidth","BlockCaption","accessible","accessibilityLabelCreator","RichText","isEmpty","exports","_default"],"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":["_reactNative","require","_galleryImage","_interopRequireDefault","_deprecated","_galleryStyles","_tiles","_i18n","_blockEditor","_element","_reactNativeBridge","_data","_components","_jsxRuntime","TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","alignmentHelpers","Gallery","props","isCaptionSelected","setIsCaptionSelected","useState","useEffect","mediaUploadSync","isRTL","useSelect","select","blockEditorStore","getSettings","clientId","selectedImage","mediaPlaceholder","onBlur","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onSetImageAttributes","onFocusGalleryCaption","attributes","isSelected","isNarrow","onFocus","insertBlocksAfter","align","columns","defaultColumnsNumberV1","imageCrop","images","displayedColumns","Math","min","selectImage","index","focusGalleryCaption","jsxs","View","style","flex","children","jsx","default","spacing","styles","galleryTilesContainerSelected","undefined","map","img","ariaLabel","sprintf","__","length","url","alt","id","parseInt","isCropped","isFirstItem","isLastItem","isBlockSelected","onRemove","onSelect","onSelectBlock","setAttributes","attrs","caption","fullWidth","BlockCaption","accessible","accessibilityLabelCreator","RichText","isEmpty","exports","_default"],"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":[]}