npm - @wordpress/components - Versions diffs - 25.14.0 → 25.15.0 - Mend

@wordpress/components 25.14.0 → 25.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (479) hide show

package/build/mobile/image/constants.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":["IMAGE_DEFAULT_FOCAL_POINT","x","y","exports"],"sources":["@wordpress/components/src/mobile/image/constants.js"],"sourcesContent":["export const IMAGE_DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\n"],"mappings":";;;;;;AAAO,MAAMA,yBAAyB,GAAG;EAAEC,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE;AAAI,CAAC;AAACC,OAAA,CAAAH,yBAAA,GAAAA,yBAAA"}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.IMAGE_DEFAULT_FOCAL_POINT = void 0;
+exports.default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
@@ -30,15 +30,11 @@ var _imageEditingButton = _interopRequireDefault(require("./image-editing-button
  */
 const ICON_TYPE = {
+  OFFLINE: 'offline',
   PLACEHOLDER: 'placeholder',
   RETRY: 'retry',
   UPLOAD: 'upload'
 };
-const IMAGE_DEFAULT_FOCAL_POINT = {
-  x: 0.5,
-  y: 0.5
-};
-exports.IMAGE_DEFAULT_FOCAL_POINT = IMAGE_DEFAULT_FOCAL_POINT;
 const ImageComponent = ({
   align,
   alt,
@@ -49,6 +45,7 @@ const ImageComponent = ({
   isSelected,
   shouldUseFastImage,
   isUploadFailed,
+  isUploadPaused,
   isUploadInProgress,
   mediaPickerOptions,
   onImageDataLoad,
@@ -104,27 +101,38 @@ const ImageComponent = ({
     }
   };
   const getIcon = iconType => {
+    let icon;
     let iconStyle;
     switch (iconType) {
       case ICON_TYPE.RETRY:
-        return (0, _react.createElement)(_components.Icon, {
-          icon: retryIcon || _iconRetry.default,
-          ..._style.default.iconRetry
-        });
+        icon = retryIcon || _iconRetry.default;
+        iconStyle = iconRetryStyles;
+        break;
+      case ICON_TYPE.OFFLINE:
+        icon = _icons.offline;
+        iconStyle = iconOfflineStyles;
+        break;
       case ICON_TYPE.PLACEHOLDER:
+        icon = _icons.image;
         iconStyle = iconPlaceholderStyles;
         break;
       case ICON_TYPE.UPLOAD:
+        icon = _icons.image;
         iconStyle = iconUploadStyles;
         break;
     }
     return (0, _react.createElement)(_components.Icon, {
-      icon: _icons.image,
+      icon: icon,
       ...iconStyle
     });
   };
   const iconPlaceholderStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconPlaceholder, _style.default.iconPlaceholderDark);
   const iconUploadStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconUpload, _style.default.iconUploadDark);
+  const iconOfflineStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconOffline, _style.default.iconOfflineDark);
+  const retryIconStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.retryIcon, _style.default.retryIconDark);
+  const iconRetryStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.iconRetry, _style.default.iconRetryDark);
+  const retryContainerStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.retryContainer, _style.default.retryContainerDark);
+  const uploadFailedTextStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.uploadFailedText, _style.default.uploadFailedTextDark);
   const placeholderStyles = [(0, _compose.usePreferredColorSchemeStyle)(_style.default.imageContainerUpload, _style.default.imageContainerUploadDark), focalPoint && _style.default.imageContainerUploadWithFocalpoint, imageHeight && {
     height: imageHeight
   }];
@@ -164,7 +172,7 @@ const ImageComponent = ({
     accessibilityRole: 'imagebutton',
     key: url,
     style: imageContainerStyles
-  }, isSelected && highlightSelected && !(isUploadInProgress || isUploadFailed) && (0, _react.createElement)(_reactNative.View, {
+  }, isSelected && highlightSelected && !(isUploadInProgress || isUploadFailed || isUploadPaused) && (0, _react.createElement)(_reactNative.View, {
     style: imageSelectedStyles
   }), !imageData ? (0, _react.createElement)(_reactNative.View, {
     style: placeholderStyles
@@ -181,16 +189,16 @@ const ImageComponent = ({
       resizeMethod: 'scale'
     }),
     resizeMode: imageResizeMode
-  })), isUploadFailed && retryMessage && (0, _react.createElement)(_reactNative.View, {
-    style: [_style.default.imageContainer, _style.default.retryContainer]
+  })), (isUploadFailed || isUploadPaused) && retryMessage && (0, _react.createElement)(_reactNative.View, {
+    style: [_style.default.imageContainer, retryContainerStyles]
   }, (0, _react.createElement)(_reactNative.View, {
-    style: [_style.default.retryIcon, retryIcon && _style.default.customRetryIcon]
-  }, getIcon(ICON_TYPE.RETRY)), (0, _react.createElement)(_reactNative.Text, {
-    style: _style.default.uploadFailedText
+    style: [retryIconStyles, retryIcon && _style.default.customRetryIcon]
+  }, isUploadPaused ? getIcon(ICON_TYPE.OFFLINE) : getIcon(ICON_TYPE.RETRY)), (0, _react.createElement)(_reactNative.Text, {
+    style: uploadFailedTextStyles
   }, retryMessage))), editButton && isSelected && !isUploadInProgress && (0, _react.createElement)(_imageEditingButton.default, {
     onSelectMediaUploadOption: onSelectMediaUploadOption,
     openMediaOptions: openMediaOptions,
-    url: !isUploadFailed && imageData && url,
+    url: !(isUploadFailed || isUploadPaused) && imageData && url,
     pickerOptions: mediaPickerOptions
   }));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_reactNativeFastImage","_interopRequireDefault","_i18n","_components","_icons","_compose","_element","_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","_react","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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"}
1	+ {"version":3,"names":["_reactNative","require","_reactNativeFastImage","_interopRequireDefault","_i18n","_components","_icons","_compose","_element","_utils","_style","_iconRetry","_imageEditingButton","ICON_TYPE","OFFLINE","PLACEHOLDER","RETRY","UPLOAD","ImageComponent","align","alt","editButton","focalPoint","height","imageHeight","highlightSelected","isSelected","shouldUseFastImage","isUploadFailed","isUploadPaused","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","icon","iconStyle","SvgIconRetry","iconRetryStyles","offline","iconOfflineStyles","image","iconPlaceholderStyles","iconUploadStyles","_react","createElement","Icon","usePreferredColorSchemeStyle","styles","iconPlaceholder","iconPlaceholderDark","iconUpload","iconUploadDark","iconOffline","iconOfflineDark","retryIconStyles","retryIconDark","iconRetry","iconRetryDark","retryContainerStyles","retryContainer","retryContainerDark","uploadFailedTextStyles","uploadFailedText","uploadFailedTextDark","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","customRetryIcon","Text","default","pickerOptions","_default","exports"],"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, offline } 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\tOFFLINE: 'offline',\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n\tUPLOAD: 'upload',\n};\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\tisUploadPaused,\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 icon;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticon = retryIcon \|\| SvgIconRetry;\n\t\t\t\ticonStyle = iconRetryStyles;\n\t\t\t\tbreak;\n\t\t\tcase ICON_TYPE.OFFLINE:\n\t\t\t\ticon = offline;\n\t\t\t\ticonStyle = iconOfflineStyles;\n\t\t\t\tbreak;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticon = image;\n\t\t\t\ticonStyle = iconPlaceholderStyles;\n\t\t\t\tbreak;\n\t\t\tcase ICON_TYPE.UPLOAD:\n\t\t\t\ticon = image;\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 iconOfflineStyles = usePreferredColorSchemeStyle(\n\t\tstyles.iconOffline,\n\t\tstyles.iconOfflineDark\n\t);\n\n\tconst retryIconStyles = usePreferredColorSchemeStyle(\n\t\tstyles.retryIcon,\n\t\tstyles.retryIconDark\n\t);\n\n\tconst iconRetryStyles = usePreferredColorSchemeStyle(\n\t\tstyles.iconRetry,\n\t\tstyles.iconRetryDark\n\t);\n\n\tconst retryContainerStyles = usePreferredColorSchemeStyle(\n\t\tstyles.retryContainer,\n\t\tstyles.retryContainerDark\n\t);\n\n\tconst uploadFailedTextStyles = usePreferredColorSchemeStyle(\n\t\tstyles.uploadFailedText,\n\t\tstyles.uploadFailedTextDark\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! (\n\t\t\t\t\t\tisUploadInProgress \|\|\n\t\t\t\t\t\tisUploadFailed \|\|\n\t\t\t\t\t\tisUploadPaused\n\t\t\t\t\t) && <View style={ imageSelectedStyles } /> }\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 \|\| isUploadPaused ) && 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\tretryContainerStyles,\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\tretryIconStyles,\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{ isUploadPaused\n\t\t\t\t\t\t\t\t? getIcon( ICON_TYPE.OFFLINE )\n\t\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={ uploadFailedTextStyles }>\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={\n\t\t\t\t\t\t! ( isUploadFailed \|\| isUploadPaused ) &&\n\t\t\t\t\t\timageData &&\n\t\t\t\t\t\turl\n\t\t\t\t\t}\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/keyboard-aware-flat-list/index.android.js CHANGED Viewed

@@ -7,38 +7,70 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.KeyboardAwareFlatList = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _element = require("@wordpress/element");
+var _useScroll = _interopRequireDefault(require("./use-scroll"));
 var _keyboardAvoidingView = _interopRequireDefault(require("../keyboard-avoiding-view"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * External dependencies
  */
+/**
+ * WordPress dependencies
+ */
 /**
  * Internal dependencies
  */
 const AnimatedFlatList = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.FlatList);
 const KeyboardAwareFlatList = ({
-  innerRef,
   onScroll,
   ...props
-}) => {
-  const scrollHandler = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
+}, ref) => {
+  const {
+    extraScrollHeight,
+    scrollEnabled,
+    shouldPreventAutomaticScroll
+  } = props;
+  const {
+    scrollViewRef,
+    scrollHandler,
+    scrollToSection,
+    scrollToElement,
+    onContentSizeChange,
+    lastScrollTo
+  } = (0, _useScroll.default)({
+    scrollEnabled,
+    shouldPreventAutomaticScroll,
+    extraScrollHeight,
     onScroll
   });
+  const getFlatListRef = (0, _element.useCallback)(flatListRef => {
+    // On Android, we get the ref of the associated scroll
+    // view to the FlatList.
+    scrollViewRef.current = flatListRef?.getNativeScrollRef();
+  }, [scrollViewRef]);
+  (0, _element.useImperativeHandle)(ref, () => {
+    return {
+      scrollViewRef: scrollViewRef.current,
+      scrollToSection,
+      scrollToElement,
+      lastScrollTo
+    };
+  });
   return (0, _react.createElement)(_keyboardAvoidingView.default, {
     style: {
       flex: 1
     }
   }, (0, _react.createElement)(AnimatedFlatList, {
-    ref: innerRef,
+    ref: getFlatListRef,
     onScroll: scrollHandler,
+    onContentSizeChange: onContentSizeChange,
     ...props
   }));
 };
 exports.KeyboardAwareFlatList = KeyboardAwareFlatList;
-var _default = KeyboardAwareFlatList;
+var _default = (0, _element.forwardRef)(KeyboardAwareFlatList);
 exports.default = _default;
 //# sourceMappingURL=index.android.js.map

package/build/mobile/keyboard-aware-flat-list/index.android.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_reactNativeReanimated","~~_interopRequireWildcard","_keyboardAvoidingView","~~_interopRequireDefault","~~_getRequireWildcardCache~~","~~nodeInterop~~","~~WeakMap~~","~~cacheBabelInterop~~","~~cacheNodeInterop~~","~~obj~~","~~__esModule~~","~~default~~","~~cache~~","~~has~~","~~get~~","~~newObj~~","~~hasPropertyDescriptor~~","~~Object~~","~~defineProperty~~","~~getOwnPropertyDescriptor~~","~~key~~","~~prototype~~","~~hasOwnProperty~~","~~call~~","~~desc~~","~~set~~","~~AnimatedFlatList~~","~~Animated~~","~~createAnimatedComponent~~","~~FlatList~~","~~KeyboardAwareFlatList~~","~~innerRef~~","~~onScroll~~","~~props~~","~~scrollHandler","useAnimatedScrollHandler","_react","createElement","~~style","flex","~~ref~~","~~exports~~","~~_default~~"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/index.android.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { FlatList } from 'react-native';\nimport Animated, ~~{ useAnimatedScrollHandler }~~ from 'react-native-reanimated';\n\n/\n Internal dependencies\n */\nimport KeyboardAvoidingView from '../keyboard-avoiding-view';\n\nconst AnimatedFlatList = Animated.createAnimatedComponent( FlatList );\n\nexport const KeyboardAwareFlatList = ( { ~~innerRef,~~ onScroll, ...props } ) => {\n\tconst ~~scrollHandler~~ = ~~useAnimatedScrollHandler~~( { ~~onScroll~~ } );\n\treturn (\n\t\t<KeyboardAvoidingView style={ { flex: 1 } }>\n\t\t\t<AnimatedFlatList\n\t\t\t\tref={ ~~innerRef~~ }\n\t\t\t\tonScroll={ scrollHandler }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</KeyboardAvoidingView>\n\t);\n};\n\nexport default KeyboardAwareFlatList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,~~uBAAA~~,CAAAF,OAAA;AAKA,IAAAG,~~qBAAA~~,~~GAAAC~~,~~sBAAA,CAAAJ,~~OAAA;~~AAA6D~~,~~SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,~~IAAAI,~~GAAA,IAAAA,GAAA,CAAAC,~~UAAA,~~WAAAD~~,~~GAAA~~,~~QAAAA~~,~~GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,~~OAAA,~~EAAAF~~,~~GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,~~qBAAA,~~GAAAC~~,~~MAAA~~,~~CAAAC~~,~~cAAA~~,~~IAAAD~~,~~MAAA~~,~~CAAAE~~,~~wBAAA~~,~~WAAAC~~,~~GAAA~~,~~IAAAX~~,~~GAAA~~,~~QAAAW~~,~~GAAA~~,~~kBAAAH~~,~~MAAA~~,~~CAAAI~~,~~SAAA~~,~~CAAAC~~,~~cAAA~~,~~CAAAC~~,~~IAAA~~,~~CAAAd~~,~~GAAA~~,~~EAAAW~~,~~GAAA~~,~~SAAAI~~,~~IAAA~~,~~GAAAR~~,~~qBAAA~~,~~GAAAC~~,~~MAAA~~,~~CAAAE~~,~~wBAAA~~,~~CAAAV~~,~~GAAA~~,~~EAAAW~~,~~GAAA~~,~~cAAAI~~,~~IAAA~~,~~KAAAA~~,~~IAAA~~,~~CAAAV~~,~~GAAA~~,~~IAAAU~~,~~IAAA~~,~~CAAAC~~,~~GAAA~~,~~KAAAR~~,~~MAAA~~,~~CAAAC~~,~~cAAA~~,~~CAAAH~~,~~MAAA~~,~~EAAAK~~,~~GAAA~~,~~EAAAI~~,~~IAAA~~,~~YAAAT~~,~~MAAA~~,~~CAAAK~~,~~GAAA~~,~~IAAAX~~,~~GAAA~~,~~CAAAW~~,~~GAAA~~,~~SAAAL~~,~~MAAA~~,~~CAAAJ~~,~~OAAA~~,~~GAAAF~~,~~GAAA~~,~~MAAAG~~,~~KAAA~~,~~IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA~~;~~AAT7D;AACA;AACA;;AAIA;AACA;AACA;;AAGA~~,~~MAAMW~~,~~gBAAgB~~,~~GAAGC~~,~~8BAAQ~~,~~CAACC,uBAAuB,CAAEC,qBAAS,CAAC~~;~~AAE9D~~,~~MAAMC,qBAAqB,GAAGA,CAAE~~;~~EAAEC~~,~~QAAQ~~;~~EAAEC,QAAQ~~;~~EAAE~~,~~GAAGC;AAAM,~~CAAC~~,KAAM~~;~~EAC5E~~,~~MAAMC,aAAa,GAAG,IAAAC,+CAAwB,EAAE;IAAEH;EAAS,~~CAAE,CAAC;~~EAC9D~~,OACC,~~IAAAI~~,MAAA,CAAAC,aAAA,~~EAACnC~~,qBAAA,~~CAAAS~~,OAAoB;~~IAAC2B~~,KAAK,EAAG;MAAEC,IAAI,EAAE;IAAE;EAAG,GAC1C,~~IAAAH~~,MAAA,CAAAC,aAAA,~~EAACX~~,gBAAgB;~~IAChBc~~,GAAG,~~EAAGT~~,~~QAAU~~;~~IAChBC~~,QAAQ,~~EAAGE~~,aAAe;IAAA,~~GACrBD~~;EAAK,CACV,CACoB,CAAC;AAEzB,CAAC;~~AAACQ~~,OAAA,~~CAAAX~~,qBAAA,GAAAA,qBAAA;AAAA,~~IAAAY~~,QAAA,~~GAEaZ~~,~~qBAAqB~~;~~AAAAW~~,OAAA,~~CAAA9B~~,OAAA,~~GAAA+B~~,QAAA"}
1	+ {"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_element","_useScroll","_keyboardAvoidingView","AnimatedFlatList","Animated","createAnimatedComponent","FlatList","KeyboardAwareFlatList","onScroll","props","ref","extraScrollHeight","scrollEnabled","shouldPreventAutomaticScroll","scrollViewRef","scrollHandler","scrollToSection","scrollToElement","onContentSizeChange","lastScrollTo","useScroll","getFlatListRef","useCallback","flatListRef","current","getNativeScrollRef","useImperativeHandle","_react","createElement","default","style","flex","exports","_default","forwardRef"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/index.android.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { FlatList } from 'react-native';\nimport Animated from 'react-native-reanimated';\n\n/\n WordPress dependencies\n /\nimport {\n\tforwardRef,\n\tuseCallback,\n\tuseImperativeHandle,\n} from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport useScroll from './use-scroll';\nimport KeyboardAvoidingView from '../keyboard-avoiding-view';\n\nconst AnimatedFlatList = Animated.createAnimatedComponent( FlatList );\n\nexport const KeyboardAwareFlatList = ( { onScroll, ...props }, ref ) => {\n\tconst { extraScrollHeight, scrollEnabled, shouldPreventAutomaticScroll } =\n\t\tprops;\n\n\tconst {\n\t\tscrollViewRef,\n\t\tscrollHandler,\n\t\tscrollToSection,\n\t\tscrollToElement,\n\t\tonContentSizeChange,\n\t\tlastScrollTo,\n\t} = useScroll( {\n\t\tscrollEnabled,\n\t\tshouldPreventAutomaticScroll,\n\t\textraScrollHeight,\n\t\tonScroll,\n\t} );\n\n\tconst getFlatListRef = useCallback(\n\t\t( flatListRef ) => {\n\t\t\t// On Android, we get the ref of the associated scroll\n\t\t\t// view to the FlatList.\n\t\t\tscrollViewRef.current = flatListRef?.getNativeScrollRef();\n\t\t},\n\t\t[ scrollViewRef ]\n\t);\n\n\tuseImperativeHandle( ref, () => {\n\t\treturn {\n\t\t\tscrollViewRef: scrollViewRef.current,\n\t\t\tscrollToSection,\n\t\t\tscrollToElement,\n\t\t\tlastScrollTo,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<KeyboardAvoidingView style={ { flex: 1 } }>\n\t\t\t<AnimatedFlatList\n\t\t\t\tref={ getFlatListRef }\n\t\t\t\tonScroll={ scrollHandler }\n\t\t\t\tonContentSizeChange={ onContentSizeChange }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</KeyboardAvoidingView>\n\t);\n};\n\nexport default forwardRef( KeyboardAwareFlatList );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AASA,IAAAI,UAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,qBAAA,GAAAH,sBAAA,CAAAF,OAAA;AAnBA;AACA;AACA;;AAIA;AACA;AACA;;AAOA;AACA;AACA;;AAIA,MAAMM,gBAAgB,GAAGC,8BAAQ,CAACC,uBAAuB,CAAEC,qBAAS,CAAC;AAE9D,MAAMC,qBAAqB,GAAGA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EACvE,MAAM;IAAEC,iBAAiB;IAAEC,aAAa;IAAEC;EAA6B,CAAC,GACvEJ,KAAK;EAEN,MAAM;IACLK,aAAa;IACbC,aAAa;IACbC,eAAe;IACfC,eAAe;IACfC,mBAAmB;IACnBC;EACD,CAAC,GAAG,IAAAC,kBAAS,EAAE;IACdR,aAAa;IACbC,4BAA4B;IAC5BF,iBAAiB;IACjBH;EACD,CAAE,CAAC;EAEH,MAAMa,cAAc,GAAG,IAAAC,oBAAW,EAC/BC,WAAW,IAAM;IAClB;IACA;IACAT,aAAa,CAACU,OAAO,GAAGD,WAAW,EAAEE,kBAAkB,CAAC,CAAC;EAC1D,CAAC,EACD,CAAEX,aAAa,CAChB,CAAC;EAED,IAAAY,4BAAmB,EAAEhB,GAAG,EAAE,MAAM;IAC/B,OAAO;MACNI,aAAa,EAAEA,aAAa,CAACU,OAAO;MACpCR,eAAe;MACfC,eAAe;MACfE;IACD,CAAC;EACF,CAAE,CAAC;EAEH,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAAC1B,qBAAA,CAAA2B,OAAoB;IAACC,KAAK,EAAG;MAAEC,IAAI,EAAE;IAAE;EAAG,GAC1C,IAAAJ,MAAA,CAAAC,aAAA,EAACzB,gBAAgB;IAChBO,GAAG,EAAGW,cAAgB;IACtBb,QAAQ,EAAGO,aAAe;IAC1BG,mBAAmB,EAAGA,mBAAqB;IAAA,GACtCT;EAAK,CACV,CACoB,CAAC;AAEzB,CAAC;AAACuB,OAAA,CAAAzB,qBAAA,GAAAA,qBAAA;AAAA,IAAA0B,QAAA,GAEa,IAAAC,mBAAU,EAAE3B,qBAAsB,CAAC;AAAAyB,OAAA,CAAAH,OAAA,GAAAI,QAAA"}

package/build/mobile/keyboard-aware-flat-list/index.ios.js CHANGED Viewed

@@ -7,15 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.KeyboardAwareFlatList = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
+var _useScroll = _interopRequireDefault(require("./use-scroll"));
 var _useTextInputOffset = _interopRequireDefault(require("./use-text-input-offset"));
-var _useKeyboardOffset = _interopRequireDefault(require("./use-keyboard-offset"));
-var _useScrollToTextInput = _interopRequireDefault(require("./use-scroll-to-text-input"));
 var _useTextInputCaretPosition = _interopRequireDefault(require("./use-text-input-caret-position"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
  * External dependencies
  */
@@ -28,95 +25,66 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Internal dependencies
  */
+const DEFAULT_FONT_SIZE = 16;
 const AnimatedScrollView = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.ScrollView);
+/** @typedef {import('@wordpress/element').RefObject} RefObject */
 /**
  * React component that provides a FlatList that is aware of the keyboard state and can scroll
  * to the currently focused TextInput.
  *
- * @param {Object}   props                              Component props.
- * @param {number}   props.extraScrollHeight            Extra scroll height for the content.
- * @param {Function} props.innerRef                     Function to pass the ScrollView ref to the parent component.
- * @param {Function} props.onScroll                     Function to be called when the list is scrolled.
- * @param {boolean}  props.scrollEnabled                Whether the list can be scrolled.
- * @param {Object}   props.scrollViewStyle              Additional style for the ScrollView component.
- * @param {boolean}  props.shouldPreventAutomaticScroll Whether to prevent scrolling when there's a Keyboard offset set.
- * @param {Object}   props...                           Other props to pass to the FlatList component.
+ * @param {Object}    props                              Component props.
+ * @param {number}    props.extraScrollHeight            Extra scroll height for the content.
+ * @param {Function}  props.onScroll                     Function to be called when the list is scrolled.
+ * @param {boolean}   props.scrollEnabled                Whether the list can be scrolled.
+ * @param {Object}    props.scrollViewStyle              Additional style for the ScrollView component.
+ * @param {boolean}   props.shouldPreventAutomaticScroll Whether to prevent scrolling when there's a Keyboard offset set.
+ * @param {Object}    props...                           Other props to pass to the FlatList component.
+ * @param {RefObject} ref
  * @return {Component} KeyboardAwareFlatList component.
  */
 const KeyboardAwareFlatList = ({
   extraScrollHeight,
-  innerRef,
   onScroll,
   scrollEnabled,
   scrollViewStyle,
   shouldPreventAutomaticScroll,
   ...props
-}) => {
-  const scrollViewRef = (0, _element.useRef)();
-  const scrollViewMeasurements = (0, _element.useRef)();
-  const scrollViewYOffset = (0, _reactNativeReanimated.useSharedValue)(-1);
+}, ref) => {
   const {
-    height: windowHeight,
-    width: windowWidth
-  } = (0, _reactNative.useWindowDimensions)();
-  const isLandscape = windowWidth >= windowHeight;
-  const [keyboardOffset] = (0, _useKeyboardOffset.default)(scrollEnabled, shouldPreventAutomaticScroll);
-  const [currentCaretData] = (0, _useTextInputCaretPosition.default)(scrollEnabled);
+    scrollViewRef,
+    scrollHandler,
+    keyboardOffset,
+    scrollToSection,
+    scrollToElement,
+    onContentSizeChange,
+    lastScrollTo
+  } = (0, _useScroll.default)({
+    scrollEnabled,
+    shouldPreventAutomaticScroll,
+    extraScrollHeight,
+    onScroll,
+    onSizeChange
+  });
   const [getTextInputOffset] = (0, _useTextInputOffset.default)(scrollEnabled, scrollViewRef);
-  const [scrollToTextInputOffset] = (0, _useScrollToTextInput.default)(extraScrollHeight, keyboardOffset, scrollEnabled, scrollViewMeasurements, scrollViewRef, scrollViewYOffset);
   const onScrollToTextInput = (0, _compose.useThrottle)((0, _element.useCallback)(async caret => {
+    const {
+      caretHeight = DEFAULT_FONT_SIZE
+    } = caret !== null && caret !== void 0 ? caret : {};
     const textInputOffset = await getTextInputOffset(caret);
     const hasTextInputOffset = textInputOffset !== null;
     if (hasTextInputOffset) {
-      scrollToTextInputOffset(caret, textInputOffset);
+      scrollToSection(textInputOffset, caretHeight);
     }
-  }, [getTextInputOffset, scrollToTextInputOffset]), 200, {
+  }, [getTextInputOffset, scrollToSection]), 200, {
     leading: false
   });
+  const [currentCaretData] = (0, _useTextInputCaretPosition.default)(scrollEnabled);
+  const onSizeChange = (0, _element.useCallback)(() => onScrollToTextInput(currentCaretData), [currentCaretData, onScrollToTextInput]);
   (0, _element.useEffect)(() => {
     onScrollToTextInput(currentCaretData);
   }, [currentCaretData, onScrollToTextInput]);
-  // When the orientation changes, the ScrollView measurements
-  // need to be re-calculated.
-  (0, _element.useEffect)(() => {
-    scrollViewMeasurements.current = null;
-  }, [isLandscape]);
-  const scrollHandler = (0, _reactNativeReanimated.useAnimatedScrollHandler)({
-    onScroll: event => {
-      const {
-        contentOffset
-      } = event;
-      scrollViewYOffset.value = contentOffset.y;
-      onScroll(event);
-    }
-  });
-  const measureScrollView = (0, _element.useCallback)(() => {
-    if (scrollViewRef.current) {
-      const scrollRef = scrollViewRef.current.getNativeScrollRef();
-      scrollRef.measureInWindow((_x, y, width, height) => {
-        scrollViewMeasurements.current = {
-          y,
-          width,
-          height
-        };
-      });
-    }
-  }, []);
-  const onContentSizeChange = (0, _element.useCallback)(() => {
-    onScrollToTextInput(currentCaretData);
-    // Sets the first values when the content size changes.
-    if (!scrollViewMeasurements.current) {
-      measureScrollView();
-    }
-  }, [measureScrollView, onScrollToTextInput, currentCaretData]);
-  const getRef = (0, _element.useCallback)(ref => {
-    scrollViewRef.current = ref;
-    innerRef(ref);
-  }, [innerRef]);
   // Adds content insets when the keyboard is opened to have
   // extra padding at the bottom.
   const contentInset = {
@@ -125,13 +93,21 @@ const KeyboardAwareFlatList = ({
   const style = [{
     flex: 1
   }, scrollViewStyle];
+  (0, _element.useImperativeHandle)(ref, () => {
+    return {
+      scrollViewRef: scrollViewRef.current,
+      scrollToSection,
+      scrollToElement,
+      lastScrollTo
+    };
+  });
   return (0, _react.createElement)(AnimatedScrollView, {
     automaticallyAdjustContentInsets: false,
     contentInset: contentInset,
     keyboardShouldPersistTaps: "handled",
     onContentSizeChange: onContentSizeChange,
     onScroll: scrollHandler,
-    ref: getRef,
+    ref: scrollViewRef,
     scrollEnabled: scrollEnabled,
     scrollEventThrottle: 16,
     style: style
@@ -141,6 +117,6 @@ const KeyboardAwareFlatList = ({
   }));
 };
 exports.KeyboardAwareFlatList = KeyboardAwareFlatList;
-var _default = KeyboardAwareFlatList;
+var _default = (0, _element.forwardRef)(KeyboardAwareFlatList);
 exports.default = _default;
 //# sourceMappingURL=index.ios.js.map

package/build/mobile/keyboard-aware-flat-list/index.ios.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireWildcard","_element","_compose","_useTextInputOffset","_interopRequireDefault","_useKeyboardOffset","_useScrollToTextInput","_useTextInputCaretPosition","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AnimatedScrollView","Animated","createAnimatedComponent","ScrollView","KeyboardAwareFlatList","extraScrollHeight","innerRef","onScroll","scrollEnabled","scrollViewStyle","shouldPreventAutomaticScroll","props","scrollViewRef","useRef","scrollViewMeasurements","scrollViewYOffset","useSharedValue","height","windowHeight","width","windowWidth","useWindowDimensions","isLandscape","keyboardOffset","useKeyboardOffset","currentCaretData","useTextInputCaretPosition","getTextInputOffset","useTextInputOffset","scrollToTextInputOffset","useScrollToTextInput","onScrollToTextInput","useThrottle","useCallback","caret","textInputOffset","hasTextInputOffset","leading","useEffect","current","scrollHandler","useAnimatedScrollHandler","event","contentOffset","value","y","measureScrollView","scrollRef","getNativeScrollRef","measureInWindow","_x","onContentSizeChange","getRef","ref","contentInset","bottom","style","flex","_react","createElement","automaticallyAdjustContentInsets","keyboardShouldPersistTaps","scrollEventThrottle","FlatList","exports","_default"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/index.ios.js"],"sourcesContent":["/*\n External dependencies\n /\n\nimport { ScrollView, FlatList, useWindowDimensions } from 'react-native';\nimport Animated, {\n\tuseAnimatedScrollHandler,\n\tuseSharedValue,\n} from 'react-native-reanimated';\n\n/\n WordPress dependencies\n /\nimport { useCallback, useEffect, useRef } from '@wordpress/element';\nimport { useThrottle } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport useTextInputOffset from './use-text-input-offset';\nimport useKeyboardOffset from './use-keyboard-offset';\nimport useScrollToTextInput from './use-scroll-to-text-input';\nimport useTextInputCaretPosition from './use-text-input-caret-position';\n\nconst AnimatedScrollView = Animated.createAnimatedComponent( ScrollView );\n\n/\n React component that provides a FlatList that is aware of the keyboard state and can scroll\n * to the currently focused TextInput.\n \n @param {Object} props Component props.\n * @param {number} props.extraScrollHeight Extra scroll height for the content.\n * @param {Function} props.innerRef Function to pass the ScrollView ref to the parent component.\n * @param {Function} props.onScroll Function to be called when the list is scrolled.\n * @param {boolean} props.scrollEnabled Whether the list can be scrolled.\n * @param {Object} props.scrollViewStyle Additional style for the ScrollView component.\n * @param {boolean} props.shouldPreventAutomaticScroll Whether to prevent scrolling when there's a Keyboard offset set.\n * @param {Object} props... Other props to pass to the FlatList component.\n * @return {Component} KeyboardAwareFlatList component.\n */\nexport const KeyboardAwareFlatList = ( {\n\textraScrollHeight,\n\tinnerRef,\n\tonScroll,\n\tscrollEnabled,\n\tscrollViewStyle,\n\tshouldPreventAutomaticScroll,\n\t...props\n} ) => {\n\tconst scrollViewRef = useRef();\n\tconst scrollViewMeasurements = useRef();\n\tconst scrollViewYOffset = useSharedValue( -1 );\n\n\tconst { height: windowHeight, width: windowWidth } = useWindowDimensions();\n\tconst isLandscape = windowWidth >= windowHeight;\n\n\tconst [ keyboardOffset ] = useKeyboardOffset(\n\t\tscrollEnabled,\n\t\tshouldPreventAutomaticScroll\n\t);\n\n\tconst [ currentCaretData ] = useTextInputCaretPosition( scrollEnabled );\n\n\tconst [ getTextInputOffset ] = useTextInputOffset(\n\t\tscrollEnabled,\n\t\tscrollViewRef\n\t);\n\n\tconst [ scrollToTextInputOffset ] = useScrollToTextInput(\n\t\textraScrollHeight,\n\t\tkeyboardOffset,\n\t\tscrollEnabled,\n\t\tscrollViewMeasurements,\n\t\tscrollViewRef,\n\t\tscrollViewYOffset\n\t);\n\n\tconst onScrollToTextInput = useThrottle(\n\t\tuseCallback(\n\t\t\tasync ( caret ) => {\n\t\t\t\tconst textInputOffset = await getTextInputOffset( caret );\n\t\t\t\tconst hasTextInputOffset = textInputOffset !== null;\n\n\t\t\t\tif ( hasTextInputOffset ) {\n\t\t\t\t\tscrollToTextInputOffset( caret, textInputOffset );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ getTextInputOffset, scrollToTextInputOffset ]\n\t\t),\n\t\t200,\n\t\t{ leading: false }\n\t);\n\n\tuseEffect( () => {\n\t\tonScrollToTextInput( currentCaretData );\n\t}, [ currentCaretData, onScrollToTextInput ] );\n\n\t// When the orientation changes, the ScrollView measurements\n\t// need to be re-calculated.\n\tuseEffect( () => {\n\t\tscrollViewMeasurements.current = null;\n\t}, [ isLandscape ] );\n\n\tconst scrollHandler = useAnimatedScrollHandler( {\n\t\tonScroll: ( event ) => {\n\t\t\tconst { contentOffset } = event;\n\t\t\tscrollViewYOffset.value = contentOffset.y;\n\t\t\tonScroll( event );\n\t\t},\n\t} );\n\n\tconst measureScrollView = useCallback( () => {\n\t\tif ( scrollViewRef.current ) {\n\t\t\tconst scrollRef = scrollViewRef.current.getNativeScrollRef();\n\n\t\t\tscrollRef.measureInWindow( ( _x, y, width, height ) => {\n\t\t\t\tscrollViewMeasurements.current = { y, width, height };\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tconst onContentSizeChange = useCallback( () => {\n\t\tonScrollToTextInput( currentCaretData );\n\n\t\t// Sets the first values when the content size changes.\n\t\tif ( ! scrollViewMeasurements.current ) {\n\t\t\tmeasureScrollView();\n\t\t}\n\t}, [ measureScrollView, onScrollToTextInput, currentCaretData ] );\n\n\tconst getRef = useCallback(\n\t\t( ref ) => {\n\t\t\tscrollViewRef.current = ref;\n\t\t\tinnerRef( ref );\n\t\t},\n\t\t[ innerRef ]\n\t);\n\n\t// Adds content insets when the keyboard is opened to have\n\t// extra padding at the bottom.\n\tconst contentInset = { bottom: keyboardOffset };\n\n\tconst style = [ { flex: 1 }, scrollViewStyle ];\n\n\treturn (\n\t\t<AnimatedScrollView\n\t\t\tautomaticallyAdjustContentInsets={ false }\n\t\t\tcontentInset={ contentInset }\n\t\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\t\tonContentSizeChange={ onContentSizeChange }\n\t\t\tonScroll={ scrollHandler }\n\t\t\tref={ getRef }\n\t\t\tscrollEnabled={ scrollEnabled }\n\t\t\tscrollEventThrottle={ 16 }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t<FlatList { ...props } scrollEnabled={ false } />\n\t\t</AnimatedScrollView>\n\t);\n};\n\nexport default KeyboardAwareFlatList;\n"],"mappings":"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"}
1	+ {"version":3,"names":["_reactNative","require","_reactNativeReanimated","_interopRequireDefault","_element","_compose","_useScroll","_useTextInputOffset","_useTextInputCaretPosition","DEFAULT_FONT_SIZE","AnimatedScrollView","Animated","createAnimatedComponent","ScrollView","KeyboardAwareFlatList","extraScrollHeight","onScroll","scrollEnabled","scrollViewStyle","shouldPreventAutomaticScroll","props","ref","scrollViewRef","scrollHandler","keyboardOffset","scrollToSection","scrollToElement","onContentSizeChange","lastScrollTo","useScroll","onSizeChange","getTextInputOffset","useTextInputOffset","onScrollToTextInput","useThrottle","useCallback","caret","caretHeight","textInputOffset","hasTextInputOffset","leading","currentCaretData","useTextInputCaretPosition","useEffect","contentInset","bottom","style","flex","useImperativeHandle","current","_react","createElement","automaticallyAdjustContentInsets","keyboardShouldPersistTaps","scrollEventThrottle","FlatList","exports","_default","forwardRef","default"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/index.ios.js"],"sourcesContent":["/*\n External dependencies\n /\n\nimport { ScrollView, FlatList } from 'react-native';\nimport Animated from 'react-native-reanimated';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseCallback,\n\tuseEffect,\n\tforwardRef,\n\tuseImperativeHandle,\n} from '@wordpress/element';\nimport { useThrottle } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport useScroll from './use-scroll';\nimport useTextInputOffset from './use-text-input-offset';\nimport useTextInputCaretPosition from './use-text-input-caret-position';\n\nconst DEFAULT_FONT_SIZE = 16;\nconst AnimatedScrollView = Animated.createAnimatedComponent( ScrollView );\n\n/* @typedef {import('@wordpress/element').RefObject} RefObject /\n/\n React component that provides a FlatList that is aware of the keyboard state and can scroll\n * to the currently focused TextInput.\n \n @param {Object} props Component props.\n * @param {number} props.extraScrollHeight Extra scroll height for the content.\n * @param {Function} props.onScroll Function to be called when the list is scrolled.\n * @param {boolean} props.scrollEnabled Whether the list can be scrolled.\n * @param {Object} props.scrollViewStyle Additional style for the ScrollView component.\n * @param {boolean} props.shouldPreventAutomaticScroll Whether to prevent scrolling when there's a Keyboard offset set.\n * @param {Object} props... Other props to pass to the FlatList component.\n * @param {RefObject} ref\n * @return {Component} KeyboardAwareFlatList component.\n */\nexport const KeyboardAwareFlatList = (\n\t{\n\t\textraScrollHeight,\n\t\tonScroll,\n\t\tscrollEnabled,\n\t\tscrollViewStyle,\n\t\tshouldPreventAutomaticScroll,\n\t\t...props\n\t},\n\tref\n) => {\n\tconst {\n\t\tscrollViewRef,\n\t\tscrollHandler,\n\t\tkeyboardOffset,\n\t\tscrollToSection,\n\t\tscrollToElement,\n\t\tonContentSizeChange,\n\t\tlastScrollTo,\n\t} = useScroll( {\n\t\tscrollEnabled,\n\t\tshouldPreventAutomaticScroll,\n\t\textraScrollHeight,\n\t\tonScroll,\n\t\tonSizeChange,\n\t} );\n\n\tconst [ getTextInputOffset ] = useTextInputOffset(\n\t\tscrollEnabled,\n\t\tscrollViewRef\n\t);\n\n\tconst onScrollToTextInput = useThrottle(\n\t\tuseCallback(\n\t\t\tasync ( caret ) => {\n\t\t\t\tconst { caretHeight = DEFAULT_FONT_SIZE } = caret ?? {};\n\t\t\t\tconst textInputOffset = await getTextInputOffset( caret );\n\t\t\t\tconst hasTextInputOffset = textInputOffset !== null;\n\n\t\t\t\tif ( hasTextInputOffset ) {\n\t\t\t\t\tscrollToSection( textInputOffset, caretHeight );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ getTextInputOffset, scrollToSection ]\n\t\t),\n\t\t200,\n\t\t{ leading: false }\n\t);\n\n\tconst [ currentCaretData ] = useTextInputCaretPosition( scrollEnabled );\n\n\tconst onSizeChange = useCallback(\n\t\t() => onScrollToTextInput( currentCaretData ),\n\t\t[ currentCaretData, onScrollToTextInput ]\n\t);\n\n\tuseEffect( () => {\n\t\tonScrollToTextInput( currentCaretData );\n\t}, [ currentCaretData, onScrollToTextInput ] );\n\n\t// Adds content insets when the keyboard is opened to have\n\t// extra padding at the bottom.\n\tconst contentInset = { bottom: keyboardOffset };\n\n\tconst style = [ { flex: 1 }, scrollViewStyle ];\n\n\tuseImperativeHandle( ref, () => {\n\t\treturn {\n\t\t\tscrollViewRef: scrollViewRef.current,\n\t\t\tscrollToSection,\n\t\t\tscrollToElement,\n\t\t\tlastScrollTo,\n\t\t};\n\t} );\n\n\treturn (\n\t\t<AnimatedScrollView\n\t\t\tautomaticallyAdjustContentInsets={ false }\n\t\t\tcontentInset={ contentInset }\n\t\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\t\tonContentSizeChange={ onContentSizeChange }\n\t\t\tonScroll={ scrollHandler }\n\t\t\tref={ scrollViewRef }\n\t\t\tscrollEnabled={ scrollEnabled }\n\t\t\tscrollEventThrottle={ 16 }\n\t\t\tstyle={ style }\n\t\t>\n\t\t\t<FlatList { ...props } scrollEnabled={ false } />\n\t\t</AnimatedScrollView>\n\t);\n};\n\nexport default forwardRef( KeyboardAwareFlatList );\n"],"mappings":"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"}

package/build/mobile/keyboard-aware-flat-list/use-scroll-to-element.native.js ADDED Viewed

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useScrollToElement;
+var _element = require("@wordpress/element");
+/**
+ * WordPress dependencies
+ */
+/** @typedef {import('@wordpress/element').RefObject} RefObject */
+/**
+ * Hook to scroll to a specified element by taking into account the Keyboard
+ * and the Header.
+ *
+ * @param {RefObject} scrollViewRef   Scroll view reference.
+ * @param {Function}  scrollToSection Function to scroll.
+ * @return {Function[]} Function to scroll to an element.
+ */
+function useScrollToElement(scrollViewRef, scrollToSection) {
+  /**
+   * Function to scroll to an element.
+   *
+   * @param {RefObject} elementRef Ref of the element.
+   */
+  const scrollToElement = (0, _element.useCallback)(elementRef => {
+    if (!scrollViewRef.current || !elementRef) {
+      return;
+    }
+    elementRef.current.measureLayout(scrollViewRef.current, (_x, y, _width, height) => {
+      if (height || y) {
+        scrollToSection(Math.round(y), height);
+      }
+    }, () => {});
+  }, [scrollViewRef, scrollToSection]);
+  return [scrollToElement];
+}
+//# sourceMappingURL=use-scroll-to-element.native.js.map

package/build/mobile/keyboard-aware-flat-list/use-scroll-to-element.native.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_element","require","useScrollToElement","scrollViewRef","scrollToSection","scrollToElement","useCallback","elementRef","current","measureLayout","_x","y","_width","height","Math","round"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/use-scroll-to-element.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n/**\n * Hook to scroll to a specified element by taking into account the Keyboard\n * and the Header.\n *\n * @param {RefObject} scrollViewRef Scroll view reference.\n * @param {Function} scrollToSection Function to scroll.\n * @return {Function[]} Function to scroll to an element.\n */\nexport default function useScrollToElement( scrollViewRef, scrollToSection ) {\n\t/**\n\t * Function to scroll to an element.\n\t *\n\t * @param {RefObject} elementRef Ref of the element.\n\t */\n\tconst scrollToElement = useCallback(\n\t\t( elementRef ) => {\n\t\t\tif ( ! scrollViewRef.current || ! elementRef ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\telementRef.current.measureLayout(\n\t\t\t\tscrollViewRef.current,\n\t\t\t\t( _x, y, _width, height ) => {\n\t\t\t\t\tif ( height || y ) {\n\t\t\t\t\t\tscrollToSection( Math.round( y ), height );\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t() => {}\n\t\t\t);\n\t\t},\n\t\t[ scrollViewRef, scrollToSection ]\n\t);\n\n\treturn [ scrollToElement ];\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASC,kBAAkBA,CAAEC,aAAa,EAAEC,eAAe,EAAG;EAC5E;AACD;AACA;AACA;AACA;EACC,MAAMC,eAAe,GAAG,IAAAC,oBAAW,EAChCC,UAAU,IAAM;IACjB,IAAK,CAAEJ,aAAa,CAACK,OAAO,IAAI,CAAED,UAAU,EAAG;MAC9C;IACD;IAEAA,UAAU,CAACC,OAAO,CAACC,aAAa,CAC/BN,aAAa,CAACK,OAAO,EACrB,CAAEE,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,MAAM,KAAM;MAC5B,IAAKA,MAAM,IAAIF,CAAC,EAAG;QAClBP,eAAe,CAAEU,IAAI,CAACC,KAAK,CAAEJ,CAAE,CAAC,EAAEE,MAAO,CAAC;MAC3C;IACD,CAAC,EACD,MAAM,CAAC,CACR,CAAC;EACF,CAAC,EACD,CAAEV,aAAa,EAAEC,eAAe,CACjC,CAAC;EAED,OAAO,CAAEC,eAAe,CAAE;AAC3B"}