@wordpress/components 25.5.0 → 25.6.1

package/build/mobile/image/index.native.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.IMAGE_DEFAULT_FOCAL_POINT = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _icons = require("@wordpress/icons");
-
 var _compose = require("@wordpress/compose");
-
 var _utils = require("./utils");
-
 var _style = _interopRequireDefault(require("./style.scss"));
-
 var _iconRetry = _interopRequireDefault(require("./icon-retry"));
-
 var _imageEditingButton = _interopRequireDefault(require("./image-editing-button"));
-
 /**
  * External dependencies
  */
@@ -40,6 +27,7 @@ var _imageEditingButton = _interopRequireDefault(require("./image-editing-button
 /**
  * Internal dependencies
  */
+
 const ICON_TYPE = {
   PLACEHOLDER: 'placeholder',
   RETRY: 'retry',
@@ -50,7 +38,6 @@ const IMAGE_DEFAULT_FOCAL_POINT = {
   y: 0.5
 };
 exports.IMAGE_DEFAULT_FOCAL_POINT = IMAGE_DEFAULT_FOCAL_POINT;
-
 const ImageComponent = ({
   align,
   alt,
@@ -75,43 +62,39 @@ const ImageComponent = ({
   width: imageWidth
 }) => {
   const [imageData, setImageData] = (0, _element.useState)(null);
-  const [containerSize, setContainerSize] = (0, _element.useState)(null); // Disabled for Android due to https://github.com/WordPress/gutenberg/issues/43149
+  const [containerSize, setContainerSize] = (0, _element.useState)(null);
 
+  // Disabled for Android due to https://github.com/WordPress/gutenberg/issues/43149
   const Image = !shouldUseFastImage || _element.Platform.isAndroid ? _reactNative.Image : _reactNativeFastImage.default;
   const imageResizeMode = !shouldUseFastImage || _element.Platform.isAndroid ? resizeMode : _reactNativeFastImage.default.resizeMode[resizeMode];
   (0, _element.useEffect)(() => {
     let isCurrent = true;
-
     if (url) {
       _reactNative.Image.getSize(url, (imgWidth, imgHeight) => {
         if (!isCurrent) {
           return;
         }
-
         const metaData = {
           aspectRatio: imgWidth / imgHeight,
           width: imgWidth,
           height: imgHeight
         };
         setImageData(metaData);
-
         if (onImageDataLoad) {
           onImageDataLoad(metaData);
         }
       });
     }
-
-    return () => isCurrent = false; // Disable reason: deferring this refactor to the native team.
+    return () => isCurrent = false;
+    // Disable reason: deferring this refactor to the native team.
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [url]);
-
   const onContainerLayout = event => {
     const {
       height,
       width
     } = event.nativeEvent.layout;
-
     if (width !== 0 && height !== 0 && (containerSize?.width !== width || containerSize?.height !== height)) {
       setContainerSize({
         width,
@@ -119,32 +102,26 @@ const ImageComponent = ({
       });
     }
   };
-
   const getIcon = iconType => {
     let iconStyle;
-
     switch (iconType) {
       case ICON_TYPE.RETRY:
         return (0, _element.createElement)(_components.Icon, {
           icon: retryIcon || _iconRetry.default,
           ..._style.default.iconRetry
         });
-
       case ICON_TYPE.PLACEHOLDER:
         iconStyle = iconPlaceholderStyles;
         break;
-
       case ICON_TYPE.UPLOAD:
         iconStyle = iconUploadStyles;
         break;
     }
-
     return (0, _element.createElement)(_components.Icon, {
       icon: _icons.image,
       ...iconStyle
     });
   };
-
   const iconPlaceholderStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark);
   const iconUploadStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconUpload, _style.default.iconUploadDark);
   const placeholderStyles = [(0, _compose.usePreferredColorSchemeStyle)(_style.default.imageContainerUpload, _style.default.imageContainerUploadDark), focalPoint && _style.default.imageContainerUploadWithFocalpoint, imageHeight && {
@@ -170,7 +147,8 @@ const ImageComponent = ({
     height: containerSize?.height
   }];
   return (0, _element.createElement)(_reactNative.View, {
-    style: [_style.default.container, // Only set alignItems if an image exists because alignItems causes the placeholder
+    style: [_style.default.container,
+    // Only set alignItems if an image exists because alignItems causes the placeholder
     // to disappear when an aligned image can't be downloaded
     // https://github.com/wordpress-mobile/gutenberg-mobile/issues/1592
     imageData && align && {
@@ -215,7 +193,6 @@ const ImageComponent = ({
     pickerOptions: mediaPickerOptions
   }));
 };
-
 var _default = ImageComponent;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

package/build/mobile/image/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/image/index.native.js"],"names":["ICON_TYPE","PLACEHOLDER","RETRY","UPLOAD","IMAGE_DEFAULT_FOCAL_POINT","x","y","ImageComponent","align","alt","editButton","focalPoint","height","imageHeight","highlightSelected","isSelected","shouldUseFastImage","isUploadFailed","isUploadInProgress","mediaPickerOptions","onImageDataLoad","onSelectMediaUploadOption","openMediaOptions","resizeMode","retryMessage","retryIcon","url","shapeStyle","style","width","imageWidth","imageData","setImageData","containerSize","setContainerSize","Image","Platform","isAndroid","RNImage","FastImage","imageResizeMode","isCurrent","getSize","imgWidth","imgHeight","metaData","aspectRatio","onContainerLayout","event","nativeEvent","layout","getIcon","iconType","iconStyle","SvgIconRetry","styles","iconRetry","iconPlaceholderStyles","iconUploadStyles","icon","iconPlaceholder","iconPlaceholderDark","iconUpload","iconUploadDark","placeholderStyles","imageContainerUpload","imageContainerUploadDark","imageContainerUploadWithFocalpoint","customWidth","wide","imageContainerStyles","imageContent","focalPointContainer","imageStyles","opacity","undefined","imageSelectedStyles","imageBorder","imageBorderDark","container","alignItems","imageUploadingIconContainer","focalPointContent","uri","resizeMethod","imageContainer","retryContainer","customRetryIcon","uploadFailedText"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Image as RNImage, Text, View } from 'react-native';\nimport FastImage from 'react-native-fast-image';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon } from '@wordpress/components';\nimport { image as icon } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useEffect, useState, Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getImageWithFocalPointStyles } from './utils';\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\nimport ImageEditingButton from './image-editing-button';\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n\tUPLOAD: 'upload',\n};\n\nexport const IMAGE_DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\n\nconst ImageComponent = ( {\n\talign,\n\talt,\n\teditButton = true,\n\tfocalPoint,\n\theight: imageHeight,\n\thighlightSelected = true,\n\tisSelected,\n\tshouldUseFastImage,\n\tisUploadFailed,\n\tisUploadInProgress,\n\tmediaPickerOptions,\n\tonImageDataLoad,\n\tonSelectMediaUploadOption,\n\topenMediaOptions,\n\tresizeMode,\n\tretryMessage,\n\tretryIcon,\n\turl,\n\tshapeStyle,\n\tstyle,\n\twidth: imageWidth,\n} ) => {\n\tconst [ imageData, setImageData ] = useState( null );\n\tconst [ containerSize, setContainerSize ] = useState( null );\n\n\t// Disabled for Android due to https://github.com/WordPress/gutenberg/issues/43149\n\tconst Image =\n\t\t! shouldUseFastImage || Platform.isAndroid ? RNImage : FastImage;\n\tconst imageResizeMode =\n\t\t! shouldUseFastImage || Platform.isAndroid\n\t\t\t? resizeMode\n\t\t\t: FastImage.resizeMode[ resizeMode ];\n\n\tuseEffect( () => {\n\t\tlet isCurrent = true;\n\t\tif ( url ) {\n\t\t\tRNImage.getSize( url, ( imgWidth, imgHeight ) => {\n\t\t\t\tif ( ! isCurrent ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst metaData = {\n\t\t\t\t\taspectRatio: imgWidth / imgHeight,\n\t\t\t\t\twidth: imgWidth,\n\t\t\t\t\theight: imgHeight,\n\t\t\t\t};\n\t\t\t\tsetImageData( metaData );\n\t\t\t\tif ( onImageDataLoad ) {\n\t\t\t\t\tonImageDataLoad( metaData );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn () => ( isCurrent = false );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ url ] );\n\n\tconst onContainerLayout = ( event ) => {\n\t\tconst { height, width } = event.nativeEvent.layout;\n\n\t\tif (\n\t\t\twidth !== 0 &&\n\t\t\theight !== 0 &&\n\t\t\t( containerSize?.width !== width ||\n\t\t\t\tcontainerSize?.height !== height )\n\t\t) {\n\t\t\tsetContainerSize( { width, height } );\n\t\t}\n\t};\n\n\tconst getIcon = ( iconType ) => {\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\treturn (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ retryIcon || SvgIconRetry }\n\t\t\t\t\t\t{ ...styles.iconRetry }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = iconPlaceholderStyles;\n\t\t\t\tbreak;\n\t\t\tcase ICON_TYPE.UPLOAD:\n\t\t\t\ticonStyle = iconUploadStyles;\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t};\n\n\tconst iconPlaceholderStyles = usePreferredColorSchemeStyle(\n\t\tstyles.iconPlaceholder,\n\t\tstyles.iconPlaceholderDark\n\t);\n\n\tconst iconUploadStyles = usePreferredColorSchemeStyle(\n\t\tstyles.iconUpload,\n\t\tstyles.iconUploadDark\n\t);\n\n\tconst placeholderStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.imageContainerUpload,\n\t\t\tstyles.imageContainerUploadDark\n\t\t),\n\t\tfocalPoint && styles.imageContainerUploadWithFocalpoint,\n\t\timageHeight && { height: imageHeight },\n\t];\n\n\tconst customWidth =\n\t\timageData?.width < containerSize?.width\n\t\t\t? imageData?.width\n\t\t\t: styles.wide?.width;\n\n\tconst imageContainerStyles = [\n\t\tstyles.imageContent,\n\t\t{\n\t\t\twidth:\n\t\t\t\timageWidth === styles.wide?.width ||\n\t\t\t\t( imageData &&\n\t\t\t\t\timageWidth > 0 &&\n\t\t\t\t\timageWidth < containerSize?.width )\n\t\t\t\t\t? imageWidth\n\t\t\t\t\t: customWidth,\n\t\t},\n\t\tresizeMode && { width: styles.wide?.width },\n\t\tfocalPoint && styles.focalPointContainer,\n\t];\n\n\tconst imageStyles = [\n\t\t{\n\t\t\topacity: isUploadInProgress ? 0.3 : 1,\n\t\t\theight: containerSize?.height,\n\t\t},\n\t\t! resizeMode && {\n\t\t\taspectRatio: imageData?.aspectRatio,\n\t\t},\n\t\tfocalPoint && styles.focalPoint,\n\t\tfocalPoint &&\n\t\t\tgetImageWithFocalPointStyles(\n\t\t\t\tfocalPoint,\n\t\t\t\tcontainerSize,\n\t\t\t\timageData\n\t\t\t),\n\t\t! focalPoint &&\n\t\t\timageData &&\n\t\t\tcontainerSize && {\n\t\t\t\theight:\n\t\t\t\t\timageData?.width > containerSize?.width && ! imageWidth\n\t\t\t\t\t\t? containerSize?.width / imageData?.aspectRatio\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\timageHeight && { height: imageHeight },\n\t\tshapeStyle,\n\t];\n\tconst imageSelectedStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.imageBorder,\n\t\t\tstyles.imageBorderDark\n\t\t),\n\t\t{ height: containerSize?.height },\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tstyles.container,\n\t\t\t\t// Only set alignItems if an image exists because alignItems causes the placeholder\n\t\t\t\t// to disappear when an aligned image can't be downloaded\n\t\t\t\t// https://github.com/wordpress-mobile/gutenberg-mobile/issues/1592\n\t\t\t\timageData && align && { alignItems: align },\n\t\t\t\tstyle,\n\t\t\t] }\n\t\t\tonLayout={ onContainerLayout }\n\t\t>\n\t\t\t<View\n\t\t\t\taccessible\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\taccessibilityLabel={ alt }\n\t\t\t\taccessibilityHint={ __( 'Double tap and hold to edit' ) }\n\t\t\t\taccessibilityRole={ 'imagebutton' }\n\t\t\t\tkey={ url }\n\t\t\t\tstyle={ imageContainerStyles }\n\t\t\t>\n\t\t\t\t{ isSelected &&\n\t\t\t\t\thighlightSelected &&\n\t\t\t\t\t! ( isUploadInProgress || isUploadFailed ) && (\n\t\t\t\t\t\t<View style={ imageSelectedStyles } />\n\t\t\t\t\t) }\n\n\t\t\t\t{ ! imageData ? (\n\t\t\t\t\t<View style={ placeholderStyles }>\n\t\t\t\t\t\t<View style={ styles.imageUploadingIconContainer }>\n\t\t\t\t\t\t\t{ getIcon( ICON_TYPE.UPLOAD ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) : (\n\t\t\t\t\t<View style={ focalPoint && styles.focalPointContent }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\tstyle={ imageStyles }\n\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t{ ...( ! focalPoint && {\n\t\t\t\t\t\t\t\tresizeMethod: 'scale',\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tresizeMode={ imageResizeMode }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ isUploadFailed && retryMessage && (\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.imageContainer,\n\t\t\t\t\t\t\tstyles.retryContainer,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.retryIcon,\n\t\t\t\t\t\t\t\tretryIcon && styles.customRetryIcon,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ getIcon( ICON_TYPE.RETRY ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<Text style={ styles.uploadFailedText }>\n\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</View>\n\n\t\t\t{ editButton && isSelected && ! isUploadInProgress && (\n\t\t\t\t<ImageEditingButton\n\t\t\t\t\tonSelectMediaUploadOption={ onSelectMediaUploadOption }\n\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\turl={ ! isUploadFailed && imageData && url }\n\t\t\t\t\tpickerOptions={ mediaPickerOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default ImageComponent;\n"]}
+{"version":3,"names":["_element","require","_reactNative","_reactNativeFastImage","_interopRequireDefault","_i18n","_components","_icons","_compose","_utils","_style","_iconRetry","_imageEditingButton","ICON_TYPE","PLACEHOLDER","RETRY","UPLOAD","IMAGE_DEFAULT_FOCAL_POINT","x","y","exports","ImageComponent","align","alt","editButton","focalPoint","height","imageHeight","highlightSelected","isSelected","shouldUseFastImage","isUploadFailed","isUploadInProgress","mediaPickerOptions","onImageDataLoad","onSelectMediaUploadOption","openMediaOptions","resizeMode","retryMessage","retryIcon","url","shapeStyle","style","width","imageWidth","imageData","setImageData","useState","containerSize","setContainerSize","Image","Platform","isAndroid","RNImage","FastImage","imageResizeMode","useEffect","isCurrent","getSize","imgWidth","imgHeight","metaData","aspectRatio","onContainerLayout","event","nativeEvent","layout","getIcon","iconType","iconStyle","createElement","Icon","icon","SvgIconRetry","styles","iconRetry","iconPlaceholderStyles","iconUploadStyles","usePreferredColorSchemeStyle","iconPlaceholder","iconPlaceholderDark","iconUpload","iconUploadDark","placeholderStyles","imageContainerUpload","imageContainerUploadDark","imageContainerUploadWithFocalpoint","customWidth","wide","imageContainerStyles","imageContent","focalPointContainer","imageStyles","opacity","getImageWithFocalPointStyles","undefined","imageSelectedStyles","imageBorder","imageBorderDark","View","container","alignItems","onLayout","accessible","disabled","accessibilityLabel","accessibilityHint","__","accessibilityRole","key","imageUploadingIconContainer","focalPointContent","source","uri","resizeMethod","imageContainer","retryContainer","customRetryIcon","Text","uploadFailedText","default","pickerOptions","_default"],"sources":["@wordpress/components/src/mobile/image/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Image as RNImage, Text, View } from 'react-native';\nimport FastImage from 'react-native-fast-image';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon } from '@wordpress/components';\nimport { image as icon } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useEffect, useState, Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getImageWithFocalPointStyles } from './utils';\nimport styles from './style.scss';\nimport SvgIconRetry from './icon-retry';\nimport ImageEditingButton from './image-editing-button';\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n\tUPLOAD: 'upload',\n};\n\nexport const IMAGE_DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\n\nconst ImageComponent = ( {\n\talign,\n\talt,\n\teditButton = true,\n\tfocalPoint,\n\theight: imageHeight,\n\thighlightSelected = true,\n\tisSelected,\n\tshouldUseFastImage,\n\tisUploadFailed,\n\tisUploadInProgress,\n\tmediaPickerOptions,\n\tonImageDataLoad,\n\tonSelectMediaUploadOption,\n\topenMediaOptions,\n\tresizeMode,\n\tretryMessage,\n\tretryIcon,\n\turl,\n\tshapeStyle,\n\tstyle,\n\twidth: imageWidth,\n} ) => {\n\tconst [ imageData, setImageData ] = useState( null );\n\tconst [ containerSize, setContainerSize ] = useState( null );\n\n\t// Disabled for Android due to https://github.com/WordPress/gutenberg/issues/43149\n\tconst Image =\n\t\t! shouldUseFastImage || Platform.isAndroid ? RNImage : FastImage;\n\tconst imageResizeMode =\n\t\t! shouldUseFastImage || Platform.isAndroid\n\t\t\t? resizeMode\n\t\t\t: FastImage.resizeMode[ resizeMode ];\n\n\tuseEffect( () => {\n\t\tlet isCurrent = true;\n\t\tif ( url ) {\n\t\t\tRNImage.getSize( url, ( imgWidth, imgHeight ) => {\n\t\t\t\tif ( ! isCurrent ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst metaData = {\n\t\t\t\t\taspectRatio: imgWidth / imgHeight,\n\t\t\t\t\twidth: imgWidth,\n\t\t\t\t\theight: imgHeight,\n\t\t\t\t};\n\t\t\t\tsetImageData( metaData );\n\t\t\t\tif ( onImageDataLoad ) {\n\t\t\t\t\tonImageDataLoad( metaData );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t\treturn () => ( isCurrent = false );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ url ] );\n\n\tconst onContainerLayout = ( event ) => {\n\t\tconst { height, width } = event.nativeEvent.layout;\n\n\t\tif (\n\t\t\twidth !== 0 &&\n\t\t\theight !== 0 &&\n\t\t\t( containerSize?.width !== width ||\n\t\t\t\tcontainerSize?.height !== height )\n\t\t) {\n\t\t\tsetContainerSize( { width, height } );\n\t\t}\n\t};\n\n\tconst getIcon = ( iconType ) => {\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\treturn (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ retryIcon || SvgIconRetry }\n\t\t\t\t\t\t{ ...styles.iconRetry }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = iconPlaceholderStyles;\n\t\t\t\tbreak;\n\t\t\tcase ICON_TYPE.UPLOAD:\n\t\t\t\ticonStyle = iconUploadStyles;\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t};\n\n\tconst iconPlaceholderStyles = usePreferredColorSchemeStyle(\n\t\tstyles.iconPlaceholder,\n\t\tstyles.iconPlaceholderDark\n\t);\n\n\tconst iconUploadStyles = usePreferredColorSchemeStyle(\n\t\tstyles.iconUpload,\n\t\tstyles.iconUploadDark\n\t);\n\n\tconst placeholderStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.imageContainerUpload,\n\t\t\tstyles.imageContainerUploadDark\n\t\t),\n\t\tfocalPoint && styles.imageContainerUploadWithFocalpoint,\n\t\timageHeight && { height: imageHeight },\n\t];\n\n\tconst customWidth =\n\t\timageData?.width < containerSize?.width\n\t\t\t? imageData?.width\n\t\t\t: styles.wide?.width;\n\n\tconst imageContainerStyles = [\n\t\tstyles.imageContent,\n\t\t{\n\t\t\twidth:\n\t\t\t\timageWidth === styles.wide?.width ||\n\t\t\t\t( imageData &&\n\t\t\t\t\timageWidth > 0 &&\n\t\t\t\t\timageWidth < containerSize?.width )\n\t\t\t\t\t? imageWidth\n\t\t\t\t\t: customWidth,\n\t\t},\n\t\tresizeMode && { width: styles.wide?.width },\n\t\tfocalPoint && styles.focalPointContainer,\n\t];\n\n\tconst imageStyles = [\n\t\t{\n\t\t\topacity: isUploadInProgress ? 0.3 : 1,\n\t\t\theight: containerSize?.height,\n\t\t},\n\t\t! resizeMode && {\n\t\t\taspectRatio: imageData?.aspectRatio,\n\t\t},\n\t\tfocalPoint && styles.focalPoint,\n\t\tfocalPoint &&\n\t\t\tgetImageWithFocalPointStyles(\n\t\t\t\tfocalPoint,\n\t\t\t\tcontainerSize,\n\t\t\t\timageData\n\t\t\t),\n\t\t! focalPoint &&\n\t\t\timageData &&\n\t\t\tcontainerSize && {\n\t\t\t\theight:\n\t\t\t\t\timageData?.width > containerSize?.width && ! imageWidth\n\t\t\t\t\t\t? containerSize?.width / imageData?.aspectRatio\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\timageHeight && { height: imageHeight },\n\t\tshapeStyle,\n\t];\n\tconst imageSelectedStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.imageBorder,\n\t\t\tstyles.imageBorderDark\n\t\t),\n\t\t{ height: containerSize?.height },\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tstyles.container,\n\t\t\t\t// Only set alignItems if an image exists because alignItems causes the placeholder\n\t\t\t\t// to disappear when an aligned image can't be downloaded\n\t\t\t\t// https://github.com/wordpress-mobile/gutenberg-mobile/issues/1592\n\t\t\t\timageData && align && { alignItems: align },\n\t\t\t\tstyle,\n\t\t\t] }\n\t\t\tonLayout={ onContainerLayout }\n\t\t>\n\t\t\t<View\n\t\t\t\taccessible\n\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\taccessibilityLabel={ alt }\n\t\t\t\taccessibilityHint={ __( 'Double tap and hold to edit' ) }\n\t\t\t\taccessibilityRole={ 'imagebutton' }\n\t\t\t\tkey={ url }\n\t\t\t\tstyle={ imageContainerStyles }\n\t\t\t>\n\t\t\t\t{ isSelected &&\n\t\t\t\t\thighlightSelected &&\n\t\t\t\t\t! ( isUploadInProgress || isUploadFailed ) && (\n\t\t\t\t\t\t<View style={ imageSelectedStyles } />\n\t\t\t\t\t) }\n\n\t\t\t\t{ ! imageData ? (\n\t\t\t\t\t<View style={ placeholderStyles }>\n\t\t\t\t\t\t<View style={ styles.imageUploadingIconContainer }>\n\t\t\t\t\t\t\t{ getIcon( ICON_TYPE.UPLOAD ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) : (\n\t\t\t\t\t<View style={ focalPoint && styles.focalPointContent }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\tstyle={ imageStyles }\n\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t{ ...( ! focalPoint && {\n\t\t\t\t\t\t\t\tresizeMethod: 'scale',\n\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\tresizeMode={ imageResizeMode }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ isUploadFailed && retryMessage && (\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.imageContainer,\n\t\t\t\t\t\t\tstyles.retryContainer,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.retryIcon,\n\t\t\t\t\t\t\t\tretryIcon && styles.customRetryIcon,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ getIcon( ICON_TYPE.RETRY ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t<Text style={ styles.uploadFailedText }>\n\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</View>\n\n\t\t\t{ editButton && isSelected && ! isUploadInProgress && (\n\t\t\t\t<ImageEditingButton\n\t\t\t\t\tonSelectMediaUploadOption={ onSelectMediaUploadOption }\n\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\turl={ ! isUploadFailed && imageData && url }\n\t\t\t\t\tpickerOptions={ mediaPickerOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default ImageComponent;\n"],"mappings":"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"}

package/build/mobile/image/utils/index.native.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getImageWithFocalPointStyles = getImageWithFocalPointStyles;
-
 function getFocalPointOffset(imageRatio, container, imageSize, focusPoint) {
   const containerCenter = Math.floor(container / 2);
   const scaledImage = Math.floor(imageSize / imageRatio);
@@ -12,28 +11,22 @@ function getFocalPointOffset(imageRatio, container, imageSize, focusPoint) {
   let focusOffset = focus - containerCenter;
   const offsetRest = scaledImage - focus;
   const containerRest = container - containerCenter;
-
   if (offsetRest < containerRest) {
     focusOffset -= containerRest - offsetRest;
   }
-
   if (focusOffset < 0) {
     focusOffset = 0;
   }
-
   return -focusOffset;
 }
-
 function getImageWithFocalPointStyles(focalPoint, containerSize, originalImageData) {
   const imageStyle = {};
-
   if (focalPoint && containerSize && originalImageData) {
     let horizontalOffset = 0;
     let verticalOffset = 0;
     const widthRatio = originalImageData.width / containerSize.width;
     const heightRatio = originalImageData.height / containerSize.height;
     imageStyle.resizeMode = 'stretch';
-
     if (widthRatio > heightRatio) {
       horizontalOffset = getFocalPointOffset(heightRatio, containerSize.width, originalImageData.width, focalPoint.x);
       imageStyle.width = undefined;
@@ -43,10 +36,8 @@ function getImageWithFocalPointStyles(focalPoint, containerSize, originalImageDa
       imageStyle.height = undefined;
       imageStyle.top = verticalOffset;
     }
-
     return imageStyle;
   }
-
   return imageStyle;
 }
 //# sourceMappingURL=index.native.js.map

package/build/mobile/image/utils/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/image/utils/index.native.js"],"names":["getFocalPointOffset","imageRatio","container","imageSize","focusPoint","containerCenter","Math","floor","scaledImage","focus","focusOffset","offsetRest","containerRest","getImageWithFocalPointStyles","focalPoint","containerSize","originalImageData","imageStyle","horizontalOffset","verticalOffset","widthRatio","width","heightRatio","height","resizeMode","x","undefined","left","y","top"],"mappings":";;;;;;;AAAA,SAASA,mBAAT,CAA8BC,UAA9B,EAA0CC,SAA1C,EAAqDC,SAArD,EAAgEC,UAAhE,EAA6E;AAC5E,QAAMC,eAAe,GAAGC,IAAI,CAACC,KAAL,CAAYL,SAAS,GAAG,CAAxB,CAAxB;AACA,QAAMM,WAAW,GAAGF,IAAI,CAACC,KAAL,CAAYJ,SAAS,GAAGF,UAAxB,CAApB;AACA,QAAMQ,KAAK,GAAGH,IAAI,CAACC,KAAL,CAAYH,UAAU,GAAGI,WAAzB,CAAd;AACA,MAAIE,WAAW,GAAGD,KAAK,GAAGJ,eAA1B;AACA,QAAMM,UAAU,GAAGH,WAAW,GAAGC,KAAjC;AACA,QAAMG,aAAa,GAAGV,SAAS,GAAGG,eAAlC;;AAEA,MAAKM,UAAU,GAAGC,aAAlB,EAAkC;AACjCF,IAAAA,WAAW,IAAIE,aAAa,GAAGD,UAA/B;AACA;;AAED,MAAKD,WAAW,GAAG,CAAnB,EAAuB;AACtBA,IAAAA,WAAW,GAAG,CAAd;AACA;;AAED,SAAO,CAACA,WAAR;AACA;;AAEM,SAASG,4BAAT,CACNC,UADM,EAENC,aAFM,EAGNC,iBAHM,EAIL;AACD,QAAMC,UAAU,GAAG,EAAnB;;AACA,MAAKH,UAAU,IAAIC,aAAd,IAA+BC,iBAApC,EAAwD;AACvD,QAAIE,gBAAgB,GAAG,CAAvB;AACA,QAAIC,cAAc,GAAG,CAArB;AACA,UAAMC,UAAU,GAAGJ,iBAAiB,CAACK,KAAlB,GAA0BN,aAAa,CAACM,KAA3D;AACA,UAAMC,WAAW,GAAGN,iBAAiB,CAACO,MAAlB,GAA2BR,aAAa,CAACQ,MAA7D;AAEAN,IAAAA,UAAU,CAACO,UAAX,GAAwB,SAAxB;;AAEA,QAAKJ,UAAU,GAAGE,WAAlB,EAAgC;AAC/BJ,MAAAA,gBAAgB,GAAGlB,mBAAmB,CACrCsB,WADqC,EAErCP,aAAa,CAACM,KAFuB,EAGrCL,iBAAiB,CAACK,KAHmB,EAIrCP,UAAU,CAACW,CAJ0B,CAAtC;AAMAR,MAAAA,UAAU,CAACI,KAAX,GAAmBK,SAAnB;AACAT,MAAAA,UAAU,CAACU,IAAX,GAAkBT,gBAAlB;AACA,KATD,MASO,IAAKE,UAAU,GAAGE,WAAlB,EAAgC;AACtCH,MAAAA,cAAc,GAAGnB,mBAAmB,CACnCoB,UADmC,EAEnCL,aAAa,CAACQ,MAFqB,EAGnCP,iBAAiB,CAACO,MAHiB,EAInCT,UAAU,CAACc,CAJwB,CAApC;AAMAX,MAAAA,UAAU,CAACM,MAAX,GAAoBG,SAApB;AACAT,MAAAA,UAAU,CAACY,GAAX,GAAiBV,cAAjB;AACA;;AAED,WAAOF,UAAP;AACA;;AAED,SAAOA,UAAP;AACA","sourcesContent":["function getFocalPointOffset( imageRatio, container, imageSize, focusPoint ) {\n\tconst containerCenter = Math.floor( container / 2 );\n\tconst scaledImage = Math.floor( imageSize / imageRatio );\n\tconst focus = Math.floor( focusPoint * scaledImage );\n\tlet focusOffset = focus - containerCenter;\n\tconst offsetRest = scaledImage - focus;\n\tconst containerRest = container - containerCenter;\n\n\tif ( offsetRest < containerRest ) {\n\t\tfocusOffset -= containerRest - offsetRest;\n\t}\n\n\tif ( focusOffset < 0 ) {\n\t\tfocusOffset = 0;\n\t}\n\n\treturn -focusOffset;\n}\n\nexport function getImageWithFocalPointStyles(\n\tfocalPoint,\n\tcontainerSize,\n\toriginalImageData\n) {\n\tconst imageStyle = {};\n\tif ( focalPoint && containerSize && originalImageData ) {\n\t\tlet horizontalOffset = 0;\n\t\tlet verticalOffset = 0;\n\t\tconst widthRatio = originalImageData.width / containerSize.width;\n\t\tconst heightRatio = originalImageData.height / containerSize.height;\n\n\t\timageStyle.resizeMode = 'stretch';\n\n\t\tif ( widthRatio > heightRatio ) {\n\t\t\thorizontalOffset = getFocalPointOffset(\n\t\t\t\theightRatio,\n\t\t\t\tcontainerSize.width,\n\t\t\t\toriginalImageData.width,\n\t\t\t\tfocalPoint.x\n\t\t\t);\n\t\t\timageStyle.width = undefined;\n\t\t\timageStyle.left = horizontalOffset;\n\t\t} else if ( widthRatio < heightRatio ) {\n\t\t\tverticalOffset = getFocalPointOffset(\n\t\t\t\twidthRatio,\n\t\t\t\tcontainerSize.height,\n\t\t\t\toriginalImageData.height,\n\t\t\t\tfocalPoint.y\n\t\t\t);\n\t\t\timageStyle.height = undefined;\n\t\t\timageStyle.top = verticalOffset;\n\t\t}\n\n\t\treturn imageStyle;\n\t}\n\n\treturn imageStyle;\n}\n"]}
+{"version":3,"names":["getFocalPointOffset","imageRatio","container","imageSize","focusPoint","containerCenter","Math","floor","scaledImage","focus","focusOffset","offsetRest","containerRest","getImageWithFocalPointStyles","focalPoint","containerSize","originalImageData","imageStyle","horizontalOffset","verticalOffset","widthRatio","width","heightRatio","height","resizeMode","x","undefined","left","y","top"],"sources":["@wordpress/components/src/mobile/image/utils/index.native.js"],"sourcesContent":["function getFocalPointOffset( imageRatio, container, imageSize, focusPoint ) {\n\tconst containerCenter = Math.floor( container / 2 );\n\tconst scaledImage = Math.floor( imageSize / imageRatio );\n\tconst focus = Math.floor( focusPoint * scaledImage );\n\tlet focusOffset = focus - containerCenter;\n\tconst offsetRest = scaledImage - focus;\n\tconst containerRest = container - containerCenter;\n\n\tif ( offsetRest < containerRest ) {\n\t\tfocusOffset -= containerRest - offsetRest;\n\t}\n\n\tif ( focusOffset < 0 ) {\n\t\tfocusOffset = 0;\n\t}\n\n\treturn -focusOffset;\n}\n\nexport function getImageWithFocalPointStyles(\n\tfocalPoint,\n\tcontainerSize,\n\toriginalImageData\n) {\n\tconst imageStyle = {};\n\tif ( focalPoint && containerSize && originalImageData ) {\n\t\tlet horizontalOffset = 0;\n\t\tlet verticalOffset = 0;\n\t\tconst widthRatio = originalImageData.width / containerSize.width;\n\t\tconst heightRatio = originalImageData.height / containerSize.height;\n\n\t\timageStyle.resizeMode = 'stretch';\n\n\t\tif ( widthRatio > heightRatio ) {\n\t\t\thorizontalOffset = getFocalPointOffset(\n\t\t\t\theightRatio,\n\t\t\t\tcontainerSize.width,\n\t\t\t\toriginalImageData.width,\n\t\t\t\tfocalPoint.x\n\t\t\t);\n\t\t\timageStyle.width = undefined;\n\t\t\timageStyle.left = horizontalOffset;\n\t\t} else if ( widthRatio < heightRatio ) {\n\t\t\tverticalOffset = getFocalPointOffset(\n\t\t\t\twidthRatio,\n\t\t\t\tcontainerSize.height,\n\t\t\t\toriginalImageData.height,\n\t\t\t\tfocalPoint.y\n\t\t\t);\n\t\t\timageStyle.height = undefined;\n\t\t\timageStyle.top = verticalOffset;\n\t\t}\n\n\t\treturn imageStyle;\n\t}\n\n\treturn imageStyle;\n}\n"],"mappings":";;;;;;AAAA,SAASA,mBAAmBA,CAAEC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAG;EAC5E,MAAMC,eAAe,GAAGC,IAAI,CAACC,KAAK,CAAEL,SAAS,GAAG,CAAE,CAAC;EACnD,MAAMM,WAAW,GAAGF,IAAI,CAACC,KAAK,CAAEJ,SAAS,GAAGF,UAAW,CAAC;EACxD,MAAMQ,KAAK,GAAGH,IAAI,CAACC,KAAK,CAAEH,UAAU,GAAGI,WAAY,CAAC;EACpD,IAAIE,WAAW,GAAGD,KAAK,GAAGJ,eAAe;EACzC,MAAMM,UAAU,GAAGH,WAAW,GAAGC,KAAK;EACtC,MAAMG,aAAa,GAAGV,SAAS,GAAGG,eAAe;EAEjD,IAAKM,UAAU,GAAGC,aAAa,EAAG;IACjCF,WAAW,IAAIE,aAAa,GAAGD,UAAU;EAC1C;EAEA,IAAKD,WAAW,GAAG,CAAC,EAAG;IACtBA,WAAW,GAAG,CAAC;EAChB;EAEA,OAAO,CAACA,WAAW;AACpB;AAEO,SAASG,4BAA4BA,CAC3CC,UAAU,EACVC,aAAa,EACbC,iBAAiB,EAChB;EACD,MAAMC,UAAU,GAAG,CAAC,CAAC;EACrB,IAAKH,UAAU,IAAIC,aAAa,IAAIC,iBAAiB,EAAG;IACvD,IAAIE,gBAAgB,GAAG,CAAC;IACxB,IAAIC,cAAc,GAAG,CAAC;IACtB,MAAMC,UAAU,GAAGJ,iBAAiB,CAACK,KAAK,GAAGN,aAAa,CAACM,KAAK;IAChE,MAAMC,WAAW,GAAGN,iBAAiB,CAACO,MAAM,GAAGR,aAAa,CAACQ,MAAM;IAEnEN,UAAU,CAACO,UAAU,GAAG,SAAS;IAEjC,IAAKJ,UAAU,GAAGE,WAAW,EAAG;MAC/BJ,gBAAgB,GAAGlB,mBAAmB,CACrCsB,WAAW,EACXP,aAAa,CAACM,KAAK,EACnBL,iBAAiB,CAACK,KAAK,EACvBP,UAAU,CAACW,CACZ,CAAC;MACDR,UAAU,CAACI,KAAK,GAAGK,SAAS;MAC5BT,UAAU,CAACU,IAAI,GAAGT,gBAAgB;IACnC,CAAC,MAAM,IAAKE,UAAU,GAAGE,WAAW,EAAG;MACtCH,cAAc,GAAGnB,mBAAmB,CACnCoB,UAAU,EACVL,aAAa,CAACQ,MAAM,EACpBP,iBAAiB,CAACO,MAAM,EACxBT,UAAU,CAACc,CACZ,CAAC;MACDX,UAAU,CAACM,MAAM,GAAGG,SAAS;MAC7BT,UAAU,CAACY,GAAG,GAAGV,cAAc;IAChC;IAEA,OAAOF,UAAU;EAClB;EAEA,OAAOA,UAAU;AAClB"}

package/build/mobile/inserter-button/index.native.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _components = require("@wordpress/components");
-
 var _compose = require("@wordpress/compose");
-
 var _i18n = require("@wordpress/i18n");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _style = _interopRequireDefault(require("./style.scss"));
-
 var _sparkles = _interopRequireDefault(require("./sparkles"));
-
 /**
  * External dependencies
  */
@@ -34,12 +24,12 @@ var _sparkles = _interopRequireDefault(require("./sparkles"));
 /**
  * Internal dependencies
  */
+
 class MenuItem extends _element.Component {
   constructor() {
     super(...arguments);
     this.onPress = this.onPress.bind(this);
   }
-
   onPress() {
     const {
       onSelect,
@@ -47,7 +37,6 @@ class MenuItem extends _element.Component {
     } = this.props;
     onSelect(item);
   }
-
   render() {
     const {
       getStylesFromColorScheme,
@@ -62,8 +51,10 @@ class MenuItem extends _element.Component {
     const isClipboardBlock = item.id === 'clipboard';
     const blockTitle = isClipboardBlock ? (0, _i18n.__)('Copied block') : item.title;
     const blockIsNew = item.isNew === true;
-    const accessibilityLabelFormat = blockIsNew ? // translators: Newly available block name. %s: The localized block name
-    (0, _i18n.__)('%s block, newly available') : // translators: Block name. %s: The localized block name
+    const accessibilityLabelFormat = blockIsNew ?
+    // translators: Newly available block name. %s: The localized block name
+    (0, _i18n.__)('%s block, newly available') :
+    // translators: Block name. %s: The localized block name
     (0, _i18n.__)('%s block');
     const accessibilityLabel = (0, _i18n.sprintf)(accessibilityLabelFormat, item.title);
     return (0, _element.createElement)(_reactNative.TouchableHighlight, {
@@ -95,9 +86,7 @@ class MenuItem extends _element.Component {
       style: modalItemLabelStyle
     }, blockTitle)));
   }
-
 }
-
 const InserterButton = (0, _compose.withPreferredColorScheme)(MenuItem);
 InserterButton.Styles = {
   modalItem: _style.default.modalItem,

package/build/mobile/inserter-button/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/inserter-button/index.native.js"],"names":["MenuItem","Component","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","styles","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","touchableArea","isDisabled","disabled","modalItem","width","sparkles","newIndicator","icon","InserterButton","Styles"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BlockIcon } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: Block name. %s: The localized block name\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"]}
+{"version":3,"names":["_element","require","_reactNative","_components","_compose","_i18n","_blockEditor","_style","_interopRequireDefault","_sparkles","MenuItem","Component","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","styles","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","__","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","sprintf","createElement","TouchableHighlight","style","touchableArea","isDisabled","disabled","underlayColor","activeOpacity","accessibilityRole","View","modalItem","width","Icon","icon","sparkles","newIndicator","BlockIcon","size","Text","numberOfLines","InserterButton","withPreferredColorScheme","Styles","_default","exports","default"],"sources":["@wordpress/components/src/mobile/inserter-button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableHighlight, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { BlockIcon } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport sparkles from './sparkles';\nclass MenuItem extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onPress = this.onPress.bind( this );\n\t}\n\n\tonPress() {\n\t\tconst { onSelect, item } = this.props;\n\t\tonSelect( item );\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, item, itemWidth, maxWidth } =\n\t\t\tthis.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = styles.modalIcon;\n\t\tconst modalItemLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalItemLabel,\n\t\t\tstyles.modalItemLabelDark\n\t\t);\n\n\t\tconst clipboardBlockStyles = getStylesFromColorScheme(\n\t\t\tstyles.clipboardBlock,\n\t\t\tstyles.clipboardBlockDark\n\t\t);\n\n\t\tconst isClipboardBlock = item.id === 'clipboard';\n\t\tconst blockTitle = isClipboardBlock ? __( 'Copied block' ) : item.title;\n\t\tconst blockIsNew = item.isNew === true;\n\t\tconst accessibilityLabelFormat = blockIsNew\n\t\t\t? // translators: Newly available block name. %s: The localized block name\n\t\t\t  __( '%s block, newly available' )\n\t\t\t: // translators: Block name. %s: The localized block name\n\t\t\t  __( '%s block' );\n\t\tconst accessibilityLabel = sprintf(\n\t\t\taccessibilityLabelFormat,\n\t\t\titem.title\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableHighlight\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.touchableArea,\n\t\t\t\t\titem.isDisabled ? styles.disabled : null,\n\t\t\t\t] }\n\t\t\t\tunderlayColor=\"transparent\"\n\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\tonPress={ this.onPress }\n\t\t\t\tdisabled={ item.isDisabled }\n\t\t\t>\n\t\t\t\t<View style={ [ styles.modalItem, { width: maxWidth } ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tmodalIconWrapperStyle,\n\t\t\t\t\t\t\titemWidth && {\n\t\t\t\t\t\t\t\twidth: itemWidth,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tisClipboardBlock && clipboardBlockStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ blockIsNew && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ sparkles }\n\t\t\t\t\t\t\t\tstyle={ styles.newIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<View style={ modalIconStyle }>\n\t\t\t\t\t\t\t<BlockIcon\n\t\t\t\t\t\t\t\ticon={ item.icon }\n\t\t\t\t\t\t\t\tsize={ modalIconStyle.width }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t<Text numberOfLines={ 3 } style={ modalItemLabelStyle }>\n\t\t\t\t\t\t{ blockTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableHighlight>\n\t\t);\n\t}\n}\n\nconst InserterButton = withPreferredColorScheme( MenuItem );\n\nInserterButton.Styles = {\n\tmodalItem: styles.modalItem,\n\tmodalIconWrapper: styles.modalIconWrapper,\n};\n\nexport default InserterButton;\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAD,sBAAA,CAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAGA,MAAMS,QAAQ,SAASC,kBAAS,CAAC;EAChCC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,OAAO,GAAG,IAAI,CAACA,OAAO,CAACC,IAAI,CAAE,IAAK,CAAC;EACzC;EAEAD,OAAOA,CAAA,EAAG;IACT,MAAM;MAAEE,QAAQ;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,KAAK;IACrCF,QAAQ,CAAEC,IAAK,CAAC;EACjB;EAEAE,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEC,wBAAwB;MAAEH,IAAI;MAAEI,SAAS;MAAEC;IAAS,CAAC,GAC5D,IAAI,CAACJ,KAAK;IAEX,MAAMK,qBAAqB,GAAGH,wBAAwB,CACrDI,cAAM,CAACC,gBAAgB,EACvBD,cAAM,CAACE,oBACR,CAAC;IACD,MAAMC,cAAc,GAAGH,cAAM,CAACI,SAAS;IACvC,MAAMC,mBAAmB,GAAGT,wBAAwB,CACnDI,cAAM,CAACM,cAAc,EACrBN,cAAM,CAACO,kBACR,CAAC;IAED,MAAMC,oBAAoB,GAAGZ,wBAAwB,CACpDI,cAAM,CAACS,cAAc,EACrBT,cAAM,CAACU,kBACR,CAAC;IAED,MAAMC,gBAAgB,GAAGlB,IAAI,CAACmB,EAAE,KAAK,WAAW;IAChD,MAAMC,UAAU,GAAGF,gBAAgB,GAAG,IAAAG,QAAE,EAAE,cAAe,CAAC,GAAGrB,IAAI,CAACsB,KAAK;IACvE,MAAMC,UAAU,GAAGvB,IAAI,CAACwB,KAAK,KAAK,IAAI;IACtC,MAAMC,wBAAwB,GAAGF,UAAU;IACxC;IACA,IAAAF,QAAE,EAAE,2BAA4B,CAAC;IACjC;IACA,IAAAA,QAAE,EAAE,UAAW,CAAC;IACnB,MAAMK,kBAAkB,GAAG,IAAAC,aAAO,EACjCF,wBAAwB,EACxBzB,IAAI,CAACsB,KACN,CAAC;IAED,OACC,IAAAvC,QAAA,CAAA6C,aAAA,EAAC3C,YAAA,CAAA4C,kBAAkB;MAClBC,KAAK,EAAG,CACPvB,cAAM,CAACwB,aAAa,EACpB/B,IAAI,CAACgC,UAAU,GAAGzB,cAAM,CAAC0B,QAAQ,GAAG,IAAI,CACtC;MACHC,aAAa,EAAC,aAAa;MAC3BC,aAAa,EAAG,GAAK;MACrBC,iBAAiB,EAAC,QAAQ;MAC1BV,kBAAkB,EAAGA,kBAAoB;MACzC7B,OAAO,EAAG,IAAI,CAACA,OAAS;MACxBoC,QAAQ,EAAGjC,IAAI,CAACgC;IAAY,GAE5B,IAAAjD,QAAA,CAAA6C,aAAA,EAAC3C,YAAA,CAAAoD,IAAI;MAACP,KAAK,EAAG,CAAEvB,cAAM,CAAC+B,SAAS,EAAE;QAAEC,KAAK,EAAElC;MAAS,CAAC;IAAI,GACxD,IAAAtB,QAAA,CAAA6C,aAAA,EAAC3C,YAAA,CAAAoD,IAAI;MACJP,KAAK,EAAG,CACPxB,qBAAqB,EACrBF,SAAS,IAAI;QACZmC,KAAK,EAAEnC;MACR,CAAC,EACDc,gBAAgB,IAAIH,oBAAoB;IACtC,GAEDQ,UAAU,IACX,IAAAxC,QAAA,CAAA6C,aAAA,EAAC1C,WAAA,CAAAsD,IAAI;MACJC,IAAI,EAAGC,iBAAU;MACjBZ,KAAK,EAAGvB,cAAM,CAACoC;IAAc,CAC7B,CACD,EACD,IAAA5D,QAAA,CAAA6C,aAAA,EAAC3C,YAAA,CAAAoD,IAAI;MAACP,KAAK,EAAGpB;IAAgB,GAC7B,IAAA3B,QAAA,CAAA6C,aAAA,EAACvC,YAAA,CAAAuD,SAAS;MACTH,IAAI,EAAGzC,IAAI,CAACyC,IAAM;MAClBI,IAAI,EAAGnC,cAAc,CAAC6B;IAAO,CAC7B,CACI,CACD,CAAC,EACP,IAAAxD,QAAA,CAAA6C,aAAA,EAAC3C,YAAA,CAAA6D,IAAI;MAACC,aAAa,EAAG,CAAG;MAACjB,KAAK,EAAGlB;IAAqB,GACpDQ,UACG,CACD,CACa,CAAC;EAEvB;AACD;AAEA,MAAM4B,cAAc,GAAG,IAAAC,iCAAwB,EAAExD,QAAS,CAAC;AAE3DuD,cAAc,CAACE,MAAM,GAAG;EACvBZ,SAAS,EAAE/B,cAAM,CAAC+B,SAAS;EAC3B9B,gBAAgB,EAAED,cAAM,CAACC;AAC1B,CAAC;AAAC,IAAA2C,QAAA,GAEaH,cAAc;AAAAI,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/mobile/inserter-button/sparkles.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _primitives = require("@wordpress/primitives");
-
 /**
  * WordPress dependencies
  */
+
 const sparkles = (0, _element.createElement)(_primitives.SVG, {
   viewBox: "0 0 24 24",
   fill: "none",

package/build/mobile/inserter-button/sparkles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/inserter-button/sparkles.js"],"names":["sparkles"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,MAAMA,QAAQ,GACb,4BAAC,eAAD;AAAK,EAAA,OAAO,EAAC,WAAb;AAAyB,EAAA,IAAI,EAAC,MAA9B;AAAqC,EAAA,KAAK,EAAC;AAA3C,GACC,4BAAC,gBAAD;AACC,EAAA,CAAC,EAAC,k8BADH;AAEC,EAAA,IAAI,EAAC;AAFN,EADD,CADD;eASeA,Q","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"]}
+{"version":3,"names":["_primitives","require","sparkles","_element","createElement","SVG","viewBox","fill","xmlns","Path","d","_default","exports","default"],"sources":["@wordpress/components/src/mobile/inserter-button/sparkles.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst sparkles = (\n\t<SVG viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t<Path\n\t\t\td=\"M10 11c-1.588-.479-4-.91-4-.91s2-.241 4-.454c1.8-.191 3.365-.502 4-3.181C14.635 3.775 15 1 15 1s.365 2.775 1 5.455c.635 2.679 2 2.969 4 3.181 2 .213 4 .455 4 .455s-2.412.43-4 .909c-1.588.479-3 1-4 4.546-.746 2.643-.893 4.948-1 5.454-.107-.506-.167-2.5-1-5.454C13 12 11.588 11.479 10 11zM7.333 3.5C6.803 3.333 6 3.182 6 3.182s.667-.085 1.333-.16c.6-.066 1.122-.175 1.334-1.113C8.878.971 9 0 9 0s.122.971.333 1.91c.212.937.667 1.038 1.334 1.113.666.074 1.333.159 1.333.159s-.804.15-1.333.318c-.53.167-1 .35-1.334 1.59C9.085 6.017 9.036 6.824 9 7c-.036-.177-.056-.875-.333-1.91-.334-1.24-.804-1.423-1.334-1.59zM2.444 18C1.474 17.713 0 17.454 0 17.454s1.222-.145 2.444-.272c1.1-.115 2.057-.302 2.445-1.91C5.277 13.666 5.5 12 5.5 12s.223 1.665.611 3.273c.388 1.607 1.222 1.781 2.445 1.909 1.222.127 2.444.273 2.444.273s-1.474.258-2.444.545c-.971.287-1.834.6-2.445 2.727-.456 1.586-.546 2.97-.611 3.273-.065-.304-.102-1.5-.611-3.273C4.278 18.6 3.415 18.287 2.444 18z\"\n\t\t\tfill=\"#F0C930\"\n\t\t/>\n\t</SVG>\n);\n\nexport default sparkles;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,QAAQ,GACb,IAAAC,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACC,KAAK,EAAC;AAA4B,GACtE,IAAAL,QAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAS,IAAI;EACJC,CAAC,EAAC,k8BAAk8B;EACp8BH,IAAI,EAAC;AAAS,CACd,CACG,CACL;AAAC,IAAAI,QAAA,GAEaT,QAAQ;AAAAU,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/mobile/keyboard-avoiding-view/index.android.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.KeyboardAvoidingView = void 0;
-
 var _reactNative = require("react-native");
-
 /**
  * External dependencies
  */
+
 const KeyboardAvoidingView = _reactNative.KeyboardAvoidingView;
 exports.KeyboardAvoidingView = KeyboardAvoidingView;
 var _default = KeyboardAvoidingView;

package/build/mobile/keyboard-avoiding-view/index.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.android.js"],"names":["KeyboardAvoidingView","AndroidKeyboardAvoidingView"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAMA,oBAAoB,GAAGC,iCAA7B;;eAEQD,oB","sourcesContent":["/**\n * External dependencies\n */\nimport { KeyboardAvoidingView as AndroidKeyboardAvoidingView } from 'react-native';\n\nexport const KeyboardAvoidingView = AndroidKeyboardAvoidingView;\n\nexport default KeyboardAvoidingView;\n"]}
+{"version":3,"names":["_reactNative","require","KeyboardAvoidingView","AndroidKeyboardAvoidingView","exports","_default","default"],"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.android.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { KeyboardAvoidingView as AndroidKeyboardAvoidingView } from 'react-native';\n\nexport const KeyboardAvoidingView = AndroidKeyboardAvoidingView;\n\nexport default KeyboardAvoidingView;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,oBAAoB,GAAGC,iCAA2B;AAACC,OAAA,CAAAF,oBAAA,GAAAA,oBAAA;AAAA,IAAAG,QAAA,GAEjDH,oBAAoB;AAAAE,OAAA,CAAAE,OAAA,GAAAD,QAAA"}

package/build/mobile/keyboard-avoiding-view/index.ios.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.KeyboardAvoidingView = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeArea = _interopRequireDefault(require("react-native-safe-area"));
-
 var _compose = require("@wordpress/compose");
-
 var _useIsFloatingKeyboard = _interopRequireDefault(require("../utils/use-is-floating-keyboard"));
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 /**
  * External dependencies
  */
@@ -30,10 +22,9 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
-const AnimatedKeyboardAvoidingView = _reactNative.Animated.createAnimatedComponent(_reactNative.KeyboardAvoidingView);
 
+const AnimatedKeyboardAvoidingView = _reactNative.Animated.createAnimatedComponent(_reactNative.KeyboardAvoidingView);
 const MIN_HEIGHT = 44;
-
 const KeyboardAvoidingView = ({
   parentHeight,
   style,
@@ -48,11 +39,9 @@ const KeyboardAvoidingView = ({
   } = sizes || {};
   const floatingKeyboard = (0, _useIsFloatingKeyboard.default)();
   const animatedHeight = (0, _element.useRef)(new _reactNative.Animated.Value(MIN_HEIGHT)).current;
-
   const {
     height: fullHeight
   } = _reactNative.Dimensions.get('screen');
-
   const keyboardVerticalOffset = fullHeight - parentHeight;
   (0, _element.useEffect)(() => {
     _reactNativeSafeArea.default.getSafeAreaInsetsForRootView().then(({
@@ -60,35 +49,29 @@ const KeyboardAvoidingView = ({
     }) => {
       setSafeAreaBottomInset(safeAreaInsets.bottom);
     });
-
     const safeAreaSubscription = _reactNativeSafeArea.default.addEventListener('safeAreaInsetsForRootViewDidChange', onSafeAreaInsetsUpdate);
-
     const keyboardShowSubscription = _reactNative.Keyboard.addListener('keyboardWillShow', onKeyboardWillShow);
-
     const keyboardHideSubscription = _reactNative.Keyboard.addListener('keyboardWillHide', onKeyboardWillHide);
-
     return () => {
       safeAreaSubscription.remove();
       keyboardShowSubscription.remove();
       keyboardHideSubscription.remove();
-    }; // Disable reason: deferring this refactor to the native team.
+    };
+    // Disable reason: deferring this refactor to the native team.
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
   function onSafeAreaInsetsUpdate({
     safeAreaInsets
   }) {
     setSafeAreaBottomInset(safeAreaInsets.bottom);
   }
-
   function onKeyboardWillShow({
     endCoordinates
   }) {
     setIsKeyboardOpen(true);
     animatedHeight.setValue(endCoordinates.height + MIN_HEIGHT);
   }
-
   function onKeyboardWillHide({
     duration,
     startCoordinates
@@ -104,7 +87,6 @@ const KeyboardAvoidingView = ({
         setIsKeyboardOpen(false);
       }
     });
-
     _reactNative.Animated.timing(animatedHeight, {
       toValue: MIN_HEIGHT,
       duration,
@@ -113,8 +95,8 @@ const KeyboardAvoidingView = ({
       animatedHeight.removeListener(animatedListenerId);
     });
   }
-
-  return (0, _element.createElement)(AnimatedKeyboardAvoidingView, { ...otherProps,
+  return (0, _element.createElement)(AnimatedKeyboardAvoidingView, {
+    ...otherProps,
     enabled: !floatingKeyboard,
     behavior: "padding",
     keyboardVerticalOffset: keyboardVerticalOffset,
@@ -128,7 +110,6 @@ const KeyboardAvoidingView = ({
     }, _styles.default.animatedChildStyle, !withAnimatedHeight && _styles.default.defaultChildStyle]
   }, resizeObserver, otherProps.children));
 };
-
 exports.KeyboardAvoidingView = KeyboardAvoidingView;
 var _default = KeyboardAvoidingView;
 exports.default = _default;

package/build/mobile/keyboard-avoiding-view/index.ios.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.ios.js"],"names":["AnimatedKeyboardAvoidingView","Animated","createAnimatedComponent","IOSKeyboardAvoidingView","MIN_HEIGHT","KeyboardAvoidingView","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","isKeyboardOpen","setIsKeyboardOpen","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","animatedHeight","Value","current","fullHeight","Dimensions","get","keyboardVerticalOffset","SafeArea","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","safeAreaSubscription","addEventListener","onSafeAreaInsetsUpdate","keyboardShowSubscription","Keyboard","addListener","onKeyboardWillShow","keyboardHideSubscription","onKeyboardWillHide","remove","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","removeListener","marginBottom","top","styles","animatedChildStyle","defaultChildStyle","children"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tKeyboardAvoidingView as IOSKeyboardAvoidingView,\n\tAnimated,\n\tKeyboard,\n\tDimensions,\n\tView,\n} from 'react-native';\nimport SafeArea from 'react-native-safe-area';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { useResizeObserver } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useIsFloatingKeyboard from '../utils/use-is-floating-keyboard';\nimport styles from './styles.scss';\n\nconst AnimatedKeyboardAvoidingView = Animated.createAnimatedComponent(\n\tIOSKeyboardAvoidingView\n);\n\nconst MIN_HEIGHT = 44;\n\nexport const KeyboardAvoidingView = ( {\n\tparentHeight,\n\tstyle,\n\twithAnimatedHeight = false,\n\t...otherProps\n} ) => {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ isKeyboardOpen, setIsKeyboardOpen ] = useState( false );\n\tconst [ safeAreaBottomInset, setSafeAreaBottomInset ] = useState( 0 );\n\tconst { height = 0 } = sizes || {};\n\tconst floatingKeyboard = useIsFloatingKeyboard();\n\n\tconst animatedHeight = useRef( new Animated.Value( MIN_HEIGHT ) ).current;\n\n\tconst { height: fullHeight } = Dimensions.get( 'screen' );\n\tconst keyboardVerticalOffset = fullHeight - parentHeight;\n\n\tuseEffect( () => {\n\t\tSafeArea.getSafeAreaInsetsForRootView().then(\n\t\t\t( { safeAreaInsets } ) => {\n\t\t\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t\t\t}\n\t\t);\n\t\tconst safeAreaSubscription = SafeArea.addEventListener(\n\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\tonSafeAreaInsetsUpdate\n\t\t);\n\t\tconst keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillShow',\n\t\t\tonKeyboardWillShow\n\t\t);\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillHide',\n\t\t\tonKeyboardWillHide\n\t\t);\n\n\t\treturn () => {\n\t\t\tsafeAreaSubscription.remove();\n\t\t\tkeyboardShowSubscription.remove();\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tfunction onSafeAreaInsetsUpdate( { safeAreaInsets } ) {\n\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t}\n\n\tfunction onKeyboardWillShow( { endCoordinates } ) {\n\t\tsetIsKeyboardOpen( true );\n\t\tanimatedHeight.setValue( endCoordinates.height + MIN_HEIGHT );\n\t}\n\n\tfunction onKeyboardWillHide( { duration, startCoordinates } ) {\n\t\t// The startCoordinates.height is set to wrong value when we use cmd + k for hide the keyboard (Have no idea why).\n\t\t// Because of that the `setIsKeyboardOpened` is not invoked and the state of keyboard is wrong.\n\t\t// The keyboardIsOpenBreakpoint use 100 as a fallback if the startCoordinates.height is too small (cmd + k case)\n\t\tconst keyboardIsOpenBreakpoint =\n\t\t\tstartCoordinates.height > 100 ? startCoordinates.height / 3 : 100;\n\t\tconst animatedListenerId = animatedHeight.addListener(\n\t\t\t( { value } ) => {\n\t\t\t\tif ( value < keyboardIsOpenBreakpoint ) {\n\t\t\t\t\tsetIsKeyboardOpen( false );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tAnimated.timing( animatedHeight, {\n\t\t\ttoValue: MIN_HEIGHT,\n\t\t\tduration,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start( () => {\n\t\t\tanimatedHeight.removeListener( animatedListenerId );\n\t\t} );\n\t}\n\n\treturn (\n\t\t<AnimatedKeyboardAvoidingView\n\t\t\t{ ...otherProps }\n\t\t\tenabled={ ! floatingKeyboard }\n\t\t\tbehavior=\"padding\"\n\t\t\tkeyboardVerticalOffset={ keyboardVerticalOffset }\n\t\t\tstyle={\n\t\t\t\twithAnimatedHeight\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tstyle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: animatedHeight,\n\t\t\t\t\t\t\t\tmarginBottom: isKeyboardOpen\n\t\t\t\t\t\t\t\t\t? -safeAreaBottomInset\n\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: style\n\t\t\t}\n\t\t>\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttop: -height + MIN_HEIGHT,\n\t\t\t\t\t},\n\t\t\t\t\tstyles.animatedChildStyle,\n\t\t\t\t\t! withAnimatedHeight && styles.defaultChildStyle,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ otherProps.children }\n\t\t\t</View>\n\t\t</AnimatedKeyboardAvoidingView>\n\t);\n};\n\nexport default KeyboardAvoidingView;\n"]}
+{"version":3,"names":["_element","require","_reactNative","_reactNativeSafeArea","_interopRequireDefault","_compose","_useIsFloatingKeyboard","_styles","AnimatedKeyboardAvoidingView","Animated","createAnimatedComponent","IOSKeyboardAvoidingView","MIN_HEIGHT","KeyboardAvoidingView","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","useResizeObserver","isKeyboardOpen","setIsKeyboardOpen","useState","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","useIsFloatingKeyboard","animatedHeight","useRef","Value","current","fullHeight","Dimensions","get","keyboardVerticalOffset","useEffect","SafeArea","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","safeAreaSubscription","addEventListener","onSafeAreaInsetsUpdate","keyboardShowSubscription","Keyboard","addListener","onKeyboardWillShow","keyboardHideSubscription","onKeyboardWillHide","remove","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","removeListener","createElement","enabled","behavior","marginBottom","View","top","styles","animatedChildStyle","defaultChildStyle","children","exports","_default","default"],"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tKeyboardAvoidingView as IOSKeyboardAvoidingView,\n\tAnimated,\n\tKeyboard,\n\tDimensions,\n\tView,\n} from 'react-native';\nimport SafeArea from 'react-native-safe-area';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { useResizeObserver } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useIsFloatingKeyboard from '../utils/use-is-floating-keyboard';\nimport styles from './styles.scss';\n\nconst AnimatedKeyboardAvoidingView = Animated.createAnimatedComponent(\n\tIOSKeyboardAvoidingView\n);\n\nconst MIN_HEIGHT = 44;\n\nexport const KeyboardAvoidingView = ( {\n\tparentHeight,\n\tstyle,\n\twithAnimatedHeight = false,\n\t...otherProps\n} ) => {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ isKeyboardOpen, setIsKeyboardOpen ] = useState( false );\n\tconst [ safeAreaBottomInset, setSafeAreaBottomInset ] = useState( 0 );\n\tconst { height = 0 } = sizes || {};\n\tconst floatingKeyboard = useIsFloatingKeyboard();\n\n\tconst animatedHeight = useRef( new Animated.Value( MIN_HEIGHT ) ).current;\n\n\tconst { height: fullHeight } = Dimensions.get( 'screen' );\n\tconst keyboardVerticalOffset = fullHeight - parentHeight;\n\n\tuseEffect( () => {\n\t\tSafeArea.getSafeAreaInsetsForRootView().then(\n\t\t\t( { safeAreaInsets } ) => {\n\t\t\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t\t\t}\n\t\t);\n\t\tconst safeAreaSubscription = SafeArea.addEventListener(\n\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\tonSafeAreaInsetsUpdate\n\t\t);\n\t\tconst keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillShow',\n\t\t\tonKeyboardWillShow\n\t\t);\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillHide',\n\t\t\tonKeyboardWillHide\n\t\t);\n\n\t\treturn () => {\n\t\t\tsafeAreaSubscription.remove();\n\t\t\tkeyboardShowSubscription.remove();\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tfunction onSafeAreaInsetsUpdate( { safeAreaInsets } ) {\n\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t}\n\n\tfunction onKeyboardWillShow( { endCoordinates } ) {\n\t\tsetIsKeyboardOpen( true );\n\t\tanimatedHeight.setValue( endCoordinates.height + MIN_HEIGHT );\n\t}\n\n\tfunction onKeyboardWillHide( { duration, startCoordinates } ) {\n\t\t// The startCoordinates.height is set to wrong value when we use cmd + k for hide the keyboard (Have no idea why).\n\t\t// Because of that the `setIsKeyboardOpened` is not invoked and the state of keyboard is wrong.\n\t\t// The keyboardIsOpenBreakpoint use 100 as a fallback if the startCoordinates.height is too small (cmd + k case)\n\t\tconst keyboardIsOpenBreakpoint =\n\t\t\tstartCoordinates.height > 100 ? startCoordinates.height / 3 : 100;\n\t\tconst animatedListenerId = animatedHeight.addListener(\n\t\t\t( { value } ) => {\n\t\t\t\tif ( value < keyboardIsOpenBreakpoint ) {\n\t\t\t\t\tsetIsKeyboardOpen( false );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tAnimated.timing( animatedHeight, {\n\t\t\ttoValue: MIN_HEIGHT,\n\t\t\tduration,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start( () => {\n\t\t\tanimatedHeight.removeListener( animatedListenerId );\n\t\t} );\n\t}\n\n\treturn (\n\t\t<AnimatedKeyboardAvoidingView\n\t\t\t{ ...otherProps }\n\t\t\tenabled={ ! floatingKeyboard }\n\t\t\tbehavior=\"padding\"\n\t\t\tkeyboardVerticalOffset={ keyboardVerticalOffset }\n\t\t\tstyle={\n\t\t\t\twithAnimatedHeight\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tstyle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: animatedHeight,\n\t\t\t\t\t\t\t\tmarginBottom: isKeyboardOpen\n\t\t\t\t\t\t\t\t\t? -safeAreaBottomInset\n\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: style\n\t\t\t}\n\t\t>\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttop: -height + MIN_HEIGHT,\n\t\t\t\t\t},\n\t\t\t\t\tstyles.animatedChildStyle,\n\t\t\t\t\t! withAnimatedHeight && styles.defaultChildStyle,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ otherProps.children }\n\t\t\t</View>\n\t\t</AnimatedKeyboardAvoidingView>\n\t);\n};\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}