@wordpress/components 17.0.0 → 19.0.2

package/build-module/mobile/html-text-input/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/html-text-input/index.native.js"],"names":["TextInput","Component","__","parse","withDispatch","withSelect","addFilter","removeFilter","withInstanceId","compose","withPreferredColorScheme","HTMLInputContainer","styles","HTMLTextInput","constructor","arguments","edit","bind","stopEditing","getHTMLForParent","state","getDerivedStateFromProps","props","isDirty","value","componentWillUnmount","html","onChange","setState","onPersist","render","getStylesFromColorScheme","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","parentHeight","htmlViewTitle","title","color","editTitle","scrollEnabled","select","getEditedPostAttribute","getEditedPostContent","dispatch","editPost","resetEditorBlocks","content","blocks"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { parse } from '@wordpress/blocks';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { addFilter, removeFilter } from '@wordpress/hooks';\nimport {\n\twithInstanceId,\n\tcompose,\n\twithPreferredColorScheme,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport HTMLInputContainer from './container';\nimport styles from './style.scss';\n\nexport class HTMLTextInput extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.edit = this.edit.bind( this );\n\t\tthis.stopEditing = this.stopEditing.bind( this );\n\t\tthis.getHTMLForParent = this.getHTMLForParent.bind( this );\n\t\taddFilter(\n\t\t\t'native.persist-html',\n\t\t\t'html-text-input',\n\t\t\tthis.getHTMLForParent\n\t\t);\n\n\t\tthis.state = {};\n\t}\n\n\tstatic getDerivedStateFromProps( props, state ) {\n\t\tif ( state.isDirty ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn {\n\t\t\tvalue: props.value,\n\t\t\tisDirty: false,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tremoveFilter( 'native.persist-html', 'html-text-input' );\n\t\t//TODO: Blocking main thread\n\t\tthis.stopEditing();\n\t}\n\n\tedit( html ) {\n\t\tthis.props.onChange( html );\n\t\tthis.setState( { value: html, isDirty: true } );\n\t}\n\n\tgetHTMLForParent() {\n\t\treturn this.state.value;\n\t}\n\n\tstopEditing() {\n\t\tif ( this.state.isDirty ) {\n\t\t\tthis.props.onPersist( this.state.value );\n\t\t\tthis.setState( { isDirty: false } );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme } = this.props;\n\t\tconst htmlStyle = getStylesFromColorScheme(\n\t\t\tstyles.htmlView,\n\t\t\tstyles.htmlViewDark\n\t\t);\n\t\tconst placeholderStyle = getStylesFromColorScheme(\n\t\t\tstyles.placeholder,\n\t\t\tstyles.placeholderDark\n\t\t);\n\t\treturn (\n\t\t\t<HTMLInputContainer parentHeight={ this.props.parentHeight }>\n\t\t\t\t<TextInput\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\taccessibilityLabel=\"html-view-title\"\n\t\t\t\t\ttextAlignVertical=\"center\"\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ styles.htmlViewTitle }\n\t\t\t\t\tvalue={ this.props.title }\n\t\t\t\t\tplaceholder={ __( 'Add title' ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tonChangeText={ this.props.editTitle }\n\t\t\t\t/>\n\t\t\t\t<TextInput\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\taccessibilityLabel=\"html-view-content\"\n\t\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t\t\tmultiline\n\t\t\t\t\tstyle={ htmlStyle }\n\t\t\t\t\tvalue={ this.state.value }\n\t\t\t\t\tonChangeText={ this.edit }\n\t\t\t\t\tonBlur={ this.stopEditing }\n\t\t\t\t\tplaceholder={ __( 'Start writing…' ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tscrollEnabled={ HTMLInputContainer.scrollEnabled }\n\t\t\t\t/>\n\t\t\t</HTMLInputContainer>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getEditedPostContent } = select(\n\t\t\t'core/editor'\n\t\t);\n\n\t\treturn {\n\t\t\ttitle: getEditedPostAttribute( 'title' ),\n\t\t\tvalue: getEditedPostContent(),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { editPost, resetEditorBlocks } = dispatch( 'core/editor' );\n\t\treturn {\n\t\t\teditTitle( title ) {\n\t\t\t\teditPost( { title } );\n\t\t\t},\n\t\t\tonChange( content ) {\n\t\t\t\teditPost( { content } );\n\t\t\t},\n\t\t\tonPersist( content ) {\n\t\t\t\tconst blocks = parse( content );\n\t\t\t\tresetEditorBlocks( blocks );\n\t\t\t},\n\t\t};\n\t} ),\n\twithInstanceId,\n\twithPreferredColorScheme,\n] )( HTMLTextInput );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/html-text-input/index.native.js"],"names":["TextInput","Component","__","parse","withDispatch","withSelect","addFilter","removeFilter","withInstanceId","compose","withPreferredColorScheme","HTMLInputContainer","styles","HTMLTextInput","constructor","arguments","edit","bind","stopEditing","getHTMLForParent","state","getDerivedStateFromProps","props","isDirty","value","componentWillUnmount","html","onChange","setState","onPersist","render","getStylesFromColorScheme","style","titleStyle","htmlViewTitle","text","color","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","parentHeight","title","editTitle","scrollEnabled","select","getEditedPostAttribute","getEditedPostContent","dispatch","editPost","resetEditorBlocks","content","blocks"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { parse } from '@wordpress/blocks';\nimport { withDispatch, withSelect } from '@wordpress/data';\nimport { addFilter, removeFilter } from '@wordpress/hooks';\nimport {\n\twithInstanceId,\n\tcompose,\n\twithPreferredColorScheme,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport HTMLInputContainer from './container';\nimport styles from './style.scss';\n\nexport class HTMLTextInput extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.edit = this.edit.bind( this );\n\t\tthis.stopEditing = this.stopEditing.bind( this );\n\t\tthis.getHTMLForParent = this.getHTMLForParent.bind( this );\n\t\taddFilter(\n\t\t\t'native.persist-html',\n\t\t\t'html-text-input',\n\t\t\tthis.getHTMLForParent\n\t\t);\n\n\t\tthis.state = {};\n\t}\n\n\tstatic getDerivedStateFromProps( props, state ) {\n\t\tif ( state.isDirty ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn {\n\t\t\tvalue: props.value,\n\t\t\tisDirty: false,\n\t\t};\n\t}\n\n\tcomponentWillUnmount() {\n\t\tremoveFilter( 'native.persist-html', 'html-text-input' );\n\t\t//TODO: Blocking main thread\n\t\tthis.stopEditing();\n\t}\n\n\tedit( html ) {\n\t\tthis.props.onChange( html );\n\t\tthis.setState( { value: html, isDirty: true } );\n\t}\n\n\tgetHTMLForParent() {\n\t\treturn this.state.value;\n\t}\n\n\tstopEditing() {\n\t\tif ( this.state.isDirty ) {\n\t\t\tthis.props.onPersist( this.state.value );\n\t\t\tthis.setState( { isDirty: false } );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { getStylesFromColorScheme, style } = this.props;\n\t\tconst titleStyle = [\n\t\t\tstyles.htmlViewTitle,\n\t\t\tstyle?.text && { color: style.text },\n\t\t];\n\t\tconst htmlStyle = [\n\t\t\tgetStylesFromColorScheme( styles.htmlView, styles.htmlViewDark ),\n\t\t\tstyle?.text && { color: style.text },\n\t\t];\n\t\tconst placeholderStyle = {\n\t\t\t...getStylesFromColorScheme(\n\t\t\t\tstyles.placeholder,\n\t\t\t\tstyles.placeholderDark\n\t\t\t),\n\t\t\t...( style?.text && { color: style.text } ),\n\t\t};\n\t\treturn (\n\t\t\t<HTMLInputContainer parentHeight={ this.props.parentHeight }>\n\t\t\t\t<TextInput\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\taccessibilityLabel=\"html-view-title\"\n\t\t\t\t\ttextAlignVertical=\"center\"\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t\tvalue={ this.props.title }\n\t\t\t\t\tplaceholder={ __( 'Add title' ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tonChangeText={ this.props.editTitle }\n\t\t\t\t/>\n\t\t\t\t<TextInput\n\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\taccessibilityLabel=\"html-view-content\"\n\t\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t\t\tmultiline\n\t\t\t\t\tstyle={ htmlStyle }\n\t\t\t\t\tvalue={ this.state.value }\n\t\t\t\t\tonChangeText={ this.edit }\n\t\t\t\t\tonBlur={ this.stopEditing }\n\t\t\t\t\tplaceholder={ __( 'Start writing…' ) }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tscrollEnabled={ HTMLInputContainer.scrollEnabled }\n\t\t\t\t/>\n\t\t\t</HTMLInputContainer>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getEditedPostContent } = select(\n\t\t\t'core/editor'\n\t\t);\n\n\t\treturn {\n\t\t\ttitle: getEditedPostAttribute( 'title' ),\n\t\t\tvalue: getEditedPostContent(),\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { editPost, resetEditorBlocks } = dispatch( 'core/editor' );\n\t\treturn {\n\t\t\teditTitle( title ) {\n\t\t\t\teditPost( { title } );\n\t\t\t},\n\t\t\tonChange( content ) {\n\t\t\t\teditPost( { content } );\n\t\t\t},\n\t\t\tonPersist( content ) {\n\t\t\t\tconst blocks = parse( content );\n\t\t\t\tresetEditorBlocks( blocks );\n\t\t\t},\n\t\t};\n\t} ),\n\twithInstanceId,\n\twithPreferredColorScheme,\n] )( HTMLTextInput );\n"]}

package/build-module/mobile/image/image-editing-button.native.js

@@ -20,34 +20,38 @@ import SvgIconCustomize from './icon-customize';
 import styles from './style.scss';
 const accessibilityHint = Platform.OS === 'ios' ? __('Double tap to open Action Sheet to edit, replace, or clear the image') : __('Double tap to open Bottom Sheet to edit, replace, or clear the image');
 
-const ImageEditingButton = ({
-  onSelectMediaUploadOption,
-  openMediaOptions,
-  pickerOptions,
-  url
-}) => {
+const ImageEditingButton = _ref => {
+  let {
+    onSelectMediaUploadOption,
+    openMediaOptions,
+    pickerOptions,
+    url
+  } = _ref;
   return createElement(MediaEdit, {
     onSelect: onSelectMediaUploadOption,
     source: {
       uri: url
     },
     openReplaceMediaOptions: openMediaOptions,
-    render: ({
-      open,
-      mediaOptions
-    }) => createElement(TouchableWithoutFeedback, {
-      accessibilityHint: accessibilityHint,
-      accessibilityLabel: __('Edit image'),
-      accessibilityRole: 'button',
-      onPress: open
-    }, createElement(View, {
-      style: styles.editContainer
-    }, createElement(View, {
-      style: styles.edit
-    }, mediaOptions(), createElement(Icon, _extends({
-      size: 16,
-      icon: SvgIconCustomize
-    }, styles.iconCustomise))))),
+    render: _ref2 => {
+      let {
+        open,
+        mediaOptions
+      } = _ref2;
+      return createElement(TouchableWithoutFeedback, {
+        accessibilityHint: accessibilityHint,
+        accessibilityLabel: __('Edit image'),
+        accessibilityRole: 'button',
+        onPress: open
+      }, createElement(View, {
+        style: styles.editContainer
+      }, createElement(View, {
+        style: styles.edit
+      }, mediaOptions(), createElement(Icon, _extends({
+        size: 16,
+        icon: SvgIconCustomize
+      }, styles.iconCustomise)))));
+    },
     pickerOptions: pickerOptions
   });
 };

package/build-module/mobile/image/image-editing-button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/image/image-editing-button.native.js"],"names":["TouchableWithoutFeedback","View","Platform","Icon","__","MediaEdit","SvgIconCustomize","styles","accessibilityHint","OS","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","uri","open","mediaOptions","editContainer","edit","iconCustomise"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,wBAAT,EAAmCC,IAAnC,EAAyCC,QAAzC,QAAyD,cAAzD;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAA6B,kBAA7B;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,iBAAiB,GACtBN,QAAQ,CAACO,EAAT,KAAgB,KAAhB,GACGL,EAAE,CACF,sEADE,CADL,GAIGA,EAAE,CACF,sEADE,CALN;;AASA,MAAMM,kBAAkB,GAAG,CAAE;AAC5BC,EAAAA,yBAD4B;AAE5BC,EAAAA,gBAF4B;AAG5BC,EAAAA,aAH4B;AAI5BC,EAAAA;AAJ4B,CAAF,KAKpB;AACN,SACC,cAAC,SAAD;AACC,IAAA,QAAQ,EAAGH,yBADZ;AAEC,IAAA,MAAM,EAAG;AAAEI,MAAAA,GAAG,EAAED;AAAP,KAFV;AAGC,IAAA,uBAAuB,EAAGF,gBAH3B;AAIC,IAAA,MAAM,EAAG,CAAE;AAAEI,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAF,KACR,cAAC,wBAAD;AACC,MAAA,iBAAiB,EAAGT,iBADrB;AAEC,MAAA,kBAAkB,EAAGJ,EAAE,CAAE,YAAF,CAFxB;AAGC,MAAA,iBAAiB,EAAG,QAHrB;AAIC,MAAA,OAAO,EAAGY;AAJX,OAMC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAGT,MAAM,CAACW;AAArB,OACC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAGX,MAAM,CAACY;AAArB,OACGF,YAAY,EADf,EAEC,cAAC,IAAD;AACC,MAAA,IAAI,EAAG,EADR;AAEC,MAAA,IAAI,EAAGX;AAFR,OAGMC,MAAM,CAACa,aAHb,EAFD,CADD,CAND,CALF;AAuBC,IAAA,aAAa,EAAGP;AAvBjB,IADD;AA2BA,CAjCD;;AAmCA,eAAeH,kBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback, View, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { MediaEdit } from '../media-edit';\nimport SvgIconCustomize from './icon-customize';\nimport styles from './style.scss';\n\nconst accessibilityHint =\n\tPlatform.OS === 'ios'\n\t\t? __(\n\t\t\t\t'Double tap to open Action Sheet to edit, replace, or clear the image'\n\t\t  )\n\t\t: __(\n\t\t\t\t'Double tap to open Bottom Sheet to edit, replace, or clear the image'\n\t\t  );\n\nconst ImageEditingButton = ( {\n\tonSelectMediaUploadOption,\n\topenMediaOptions,\n\tpickerOptions,\n\turl,\n} ) => {\n\treturn (\n\t\t<MediaEdit\n\t\t\tonSelect={ onSelectMediaUploadOption }\n\t\t\tsource={ { uri: url } }\n\t\t\topenReplaceMediaOptions={ openMediaOptions }\n\t\t\trender={ ( { open, mediaOptions } ) => (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\taccessibilityLabel={ __( 'Edit image' ) }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\tonPress={ open }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.editContainer }>\n\t\t\t\t\t\t<View style={ styles.edit }>\n\t\t\t\t\t\t\t{ mediaOptions() }\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t\ticon={ SvgIconCustomize }\n\t\t\t\t\t\t\t\t{ ...styles.iconCustomise }\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</TouchableWithoutFeedback>\n\t\t\t) }\n\t\t\tpickerOptions={ pickerOptions }\n\t\t/>\n\t);\n};\n\nexport default ImageEditingButton;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/image/image-editing-button.native.js"],"names":["TouchableWithoutFeedback","View","Platform","Icon","__","MediaEdit","SvgIconCustomize","styles","accessibilityHint","OS","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","uri","open","mediaOptions","editContainer","edit","iconCustomise"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,wBAAT,EAAmCC,IAAnC,EAAyCC,QAAzC,QAAyD,cAAzD;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAA6B,kBAA7B;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,iBAAiB,GACtBN,QAAQ,CAACO,EAAT,KAAgB,KAAhB,GACGL,EAAE,CACF,sEADE,CADL,GAIGA,EAAE,CACF,sEADE,CALN;;AASA,MAAMM,kBAAkB,GAAG,QAKpB;AAAA,MALsB;AAC5BC,IAAAA,yBAD4B;AAE5BC,IAAAA,gBAF4B;AAG5BC,IAAAA,aAH4B;AAI5BC,IAAAA;AAJ4B,GAKtB;AACN,SACC,cAAC,SAAD;AACC,IAAA,QAAQ,EAAGH,yBADZ;AAEC,IAAA,MAAM,EAAG;AAAEI,MAAAA,GAAG,EAAED;AAAP,KAFV;AAGC,IAAA,uBAAuB,EAAGF,gBAH3B;AAIC,IAAA,MAAM,EAAG;AAAA,UAAE;AAAEI,QAAAA,IAAF;AAAQC,QAAAA;AAAR,OAAF;AAAA,aACR,cAAC,wBAAD;AACC,QAAA,iBAAiB,EAAGT,iBADrB;AAEC,QAAA,kBAAkB,EAAGJ,EAAE,CAAE,YAAF,CAFxB;AAGC,QAAA,iBAAiB,EAAG,QAHrB;AAIC,QAAA,OAAO,EAAGY;AAJX,SAMC,cAAC,IAAD;AAAM,QAAA,KAAK,EAAGT,MAAM,CAACW;AAArB,SACC,cAAC,IAAD;AAAM,QAAA,KAAK,EAAGX,MAAM,CAACY;AAArB,SACGF,YAAY,EADf,EAEC,cAAC,IAAD;AACC,QAAA,IAAI,EAAG,EADR;AAEC,QAAA,IAAI,EAAGX;AAFR,SAGMC,MAAM,CAACa,aAHb,EAFD,CADD,CAND,CADQ;AAAA,KAJV;AAuBC,IAAA,aAAa,EAAGP;AAvBjB,IADD;AA2BA,CAjCD;;AAmCA,eAAeH,kBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback, View, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { MediaEdit } from '../media-edit';\nimport SvgIconCustomize from './icon-customize';\nimport styles from './style.scss';\n\nconst accessibilityHint =\n\tPlatform.OS === 'ios'\n\t\t? __(\n\t\t\t\t'Double tap to open Action Sheet to edit, replace, or clear the image'\n\t\t  )\n\t\t: __(\n\t\t\t\t'Double tap to open Bottom Sheet to edit, replace, or clear the image'\n\t\t  );\n\nconst ImageEditingButton = ( {\n\tonSelectMediaUploadOption,\n\topenMediaOptions,\n\tpickerOptions,\n\turl,\n} ) => {\n\treturn (\n\t\t<MediaEdit\n\t\t\tonSelect={ onSelectMediaUploadOption }\n\t\t\tsource={ { uri: url } }\n\t\t\topenReplaceMediaOptions={ openMediaOptions }\n\t\t\trender={ ( { open, mediaOptions } ) => (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\taccessibilityLabel={ __( 'Edit image' ) }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\tonPress={ open }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.editContainer }>\n\t\t\t\t\t\t<View style={ styles.edit }>\n\t\t\t\t\t\t\t{ mediaOptions() }\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t\ticon={ SvgIconCustomize }\n\t\t\t\t\t\t\t\t{ ...styles.iconCustomise }\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</TouchableWithoutFeedback>\n\t\t\t) }\n\t\t\tpickerOptions={ pickerOptions }\n\t\t/>\n\t);\n};\n\nexport default ImageEditingButton;\n"]}

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

@@ -32,30 +32,31 @@ export const IMAGE_DEFAULT_FOCAL_POINT = {
   y: 0.5
 };
 
-const ImageComponent = ({
-  align,
-  alt,
-  editButton = true,
-  focalPoint,
-  height: imageHeight,
-  highlightSelected = true,
-  isSelected,
-  isUploadFailed,
-  isUploadInProgress,
-  mediaPickerOptions,
-  onImageDataLoad,
-  onSelectMediaUploadOption,
-  openMediaOptions,
-  resizeMode,
-  retryMessage,
-  retryIcon,
-  url,
-  shapeStyle,
-  style,
-  width: imageWidth
-}) => {
+const ImageComponent = _ref => {
   var _styles$wide, _styles$wide2, _styles$wide3;
 
+  let {
+    align,
+    alt,
+    editButton = true,
+    focalPoint,
+    height: imageHeight,
+    highlightSelected = true,
+    isSelected,
+    isUploadFailed,
+    isUploadInProgress,
+    mediaPickerOptions,
+    onImageDataLoad,
+    onSelectMediaUploadOption,
+    openMediaOptions,
+    resizeMode,
+    retryMessage,
+    retryIcon,
+    url,
+    shapeStyle,
+    style,
+    width: imageWidth
+  } = _ref;
   const [imageData, setImageData] = useState(null);
   const [containerSize, setContainerSize] = useState(null);
   useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/image/index.native.js"],"names":["Image","Text","View","__","Icon","image","icon","usePreferredColorSchemeStyle","useEffect","useState","getImageWithFocalPointStyles","styles","SvgIconRetry","ImageEditingButton","ICON_TYPE","PLACEHOLDER","RETRY","UPLOAD","IMAGE_DEFAULT_FOCAL_POINT","x","y","ImageComponent","align","alt","editButton","focalPoint","height","imageHeight","highlightSelected","isSelected","isUploadFailed","isUploadInProgress","mediaPickerOptions","onImageDataLoad","onSelectMediaUploadOption","openMediaOptions","resizeMode","retryMessage","retryIcon","url","shapeStyle","style","width","imageWidth","imageData","setImageData","containerSize","setContainerSize","isCurrent","getSize","imgWidth","imgHeight","metaData","aspectRatio","onContainerLayout","event","nativeEvent","layout","getIcon","iconType","iconStyle","iconRetry","iconPlaceholderStyles","iconUploadStyles","iconPlaceholder","iconPlaceholderDark","iconUpload","iconUploadDark","placeholderStyles","imageContainerUpload","imageContainerUploadDark","imageContainerUploadWithFocalpoint","customWidth","wide","imageContainerStyles","imageContent","focalPointContainer","imageStyles","opacity","undefined","container","alignItems","imageBorder","imageUploadingIconContainer","focalPointContent","uri","resizeMethod","imageContainer","retryContainer","customRetryIcon","uploadFailedText"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Image, Text, View } from 'react-native';\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 } 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\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\tuseEffect( () => {\n\t\tlet isCurrent = true;\n\t\tif ( url ) {\n\t\t\tImage.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}, [ 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\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\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\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\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.imageBorder,\n\t\t\t\t\t\t\t\t{ height: containerSize?.height },\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t{ ! 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\t{ ...( ! resizeMode && {\n\t\t\t\t\t\t\t\taspectRatio: imageData?.aspectRatio,\n\t\t\t\t\t\t\t} ) }\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={ resizeMode }\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,"sources":["@wordpress/components/src/mobile/image/index.native.js"],"names":["Image","Text","View","__","Icon","image","icon","usePreferredColorSchemeStyle","useEffect","useState","getImageWithFocalPointStyles","styles","SvgIconRetry","ImageEditingButton","ICON_TYPE","PLACEHOLDER","RETRY","UPLOAD","IMAGE_DEFAULT_FOCAL_POINT","x","y","ImageComponent","align","alt","editButton","focalPoint","height","imageHeight","highlightSelected","isSelected","isUploadFailed","isUploadInProgress","mediaPickerOptions","onImageDataLoad","onSelectMediaUploadOption","openMediaOptions","resizeMode","retryMessage","retryIcon","url","shapeStyle","style","width","imageWidth","imageData","setImageData","containerSize","setContainerSize","isCurrent","getSize","imgWidth","imgHeight","metaData","aspectRatio","onContainerLayout","event","nativeEvent","layout","getIcon","iconType","iconStyle","iconRetry","iconPlaceholderStyles","iconUploadStyles","iconPlaceholder","iconPlaceholderDark","iconUpload","iconUploadDark","placeholderStyles","imageContainerUpload","imageContainerUploadDark","imageContainerUploadWithFocalpoint","customWidth","wide","imageContainerStyles","imageContent","focalPointContainer","imageStyles","opacity","undefined","container","alignItems","imageBorder","imageUploadingIconContainer","focalPointContent","uri","resizeMethod","imageContainer","retryContainer","customRetryIcon","uploadFailedText"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { Image, Text, View } from 'react-native';\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 } 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\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\tuseEffect( () => {\n\t\tlet isCurrent = true;\n\t\tif ( url ) {\n\t\t\tImage.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}, [ 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\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\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\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\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.imageBorder,\n\t\t\t\t\t\t\t\t{ height: containerSize?.height },\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t{ ! 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\t{ ...( ! resizeMode && {\n\t\t\t\t\t\t\t\taspectRatio: imageData?.aspectRatio,\n\t\t\t\t\t\t\t} ) }\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={ resizeMode }\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"]}

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

@@ -13,6 +13,7 @@ import { Icon } from '@wordpress/components';
 import { withPreferredColorScheme } from '@wordpress/compose';
 import { __, sprintf } from '@wordpress/i18n';
 import { sparkles } from '@wordpress/icons';
+import { BlockIcon } from '@wordpress/block-editor';
 /**
  * Internal dependencies
  */
@@ -41,7 +42,7 @@ class MenuItem extends Component {
       maxWidth
     } = this.props;
     const modalIconWrapperStyle = getStylesFromColorScheme(styles.modalIconWrapper, styles.modalIconWrapperDark);
-    const modalIconStyle = getStylesFromColorScheme(styles.modalIcon, styles.modalIconDark);
+    const modalIconStyle = styles.modalIcon;
     const modalItemLabelStyle = getStylesFromColorScheme(styles.modalItemLabel, styles.modalItemLabelDark);
     const clipboardBlockStyles = getStylesFromColorScheme(styles.clipboardBlock, styles.clipboardBlockDark);
     const isClipboardBlock = item.id === 'clipboard';
@@ -72,9 +73,8 @@ class MenuItem extends Component {
       style: styles.newIndicator
     }), createElement(View, {
       style: modalIconStyle
-    }, createElement(Icon, {
-      icon: item.icon.src || item.icon,
-      fill: modalIconStyle.fill,
+    }, createElement(BlockIcon, {
+      icon: item.icon,
       size: modalIconStyle.width
     }))), createElement(Text, {
       numberOfLines: 3,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/inserter-button/index.native.js"],"names":["View","TouchableHighlight","Text","Component","Icon","withPreferredColorScheme","__","sprintf","sparkles","styles","MenuItem","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalIconDark","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","touchableArea","isDisabled","disabled","modalItem","width","newIndicator","icon","src","fill","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 { sparkles } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\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 {\n\t\t\tgetStylesFromColorScheme,\n\t\t\titem,\n\t\t\titemWidth,\n\t\t\tmaxWidth,\n\t\t} = this.props;\n\n\t\tconst modalIconWrapperStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIconWrapper,\n\t\t\tstyles.modalIconWrapperDark\n\t\t);\n\t\tconst modalIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.modalIcon,\n\t\t\tstyles.modalIconDark\n\t\t);\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<Icon\n\t\t\t\t\t\t\t\ticon={ item.icon.src || item.icon }\n\t\t\t\t\t\t\t\tfill={ modalIconStyle.fill }\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,"sources":["@wordpress/components/src/mobile/inserter-button/index.native.js"],"names":["View","TouchableHighlight","Text","Component","Icon","withPreferredColorScheme","__","sprintf","sparkles","BlockIcon","styles","MenuItem","constructor","arguments","onPress","bind","onSelect","item","props","render","getStylesFromColorScheme","itemWidth","maxWidth","modalIconWrapperStyle","modalIconWrapper","modalIconWrapperDark","modalIconStyle","modalIcon","modalItemLabelStyle","modalItemLabel","modalItemLabelDark","clipboardBlockStyles","clipboardBlock","clipboardBlockDark","isClipboardBlock","id","blockTitle","title","blockIsNew","isNew","accessibilityLabelFormat","accessibilityLabel","touchableArea","isDisabled","disabled","modalItem","width","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 { sparkles } from '@wordpress/icons';\nimport { BlockIcon } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\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 {\n\t\t\tgetStylesFromColorScheme,\n\t\t\titem,\n\t\t\titemWidth,\n\t\t\tmaxWidth,\n\t\t} = this.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"]}

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

@@ -20,12 +20,13 @@ import useIsFloatingKeyboard from '../utils/use-is-floating-keyboard';
 import styles from './styles.scss';
 const AnimatedKeyboardAvoidingView = Animated.createAnimatedComponent(IOSKeyboardAvoidingView);
 const MIN_HEIGHT = 44;
-export const KeyboardAvoidingView = ({
-  parentHeight,
-  style,
-  withAnimatedHeight = false,
-  ...otherProps
-}) => {
+export const KeyboardAvoidingView = _ref => {
+  let {
+    parentHeight,
+    style,
+    withAnimatedHeight = false,
+    ...otherProps
+  } = _ref;
   const [resizeObserver, sizes] = useResizeObserver();
   const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
   const [safeAreaBottomInset, setSafeAreaBottomInset] = useState(0);
@@ -39,9 +40,10 @@ export const KeyboardAvoidingView = ({
   } = Dimensions.get('screen');
   const keyboardVerticalOffset = fullHeight - parentHeight;
   useEffect(() => {
-    SafeArea.getSafeAreaInsetsForRootView().then(({
-      safeAreaInsets
-    }) => {
+    SafeArea.getSafeAreaInsetsForRootView().then(_ref2 => {
+      let {
+        safeAreaInsets
+      } = _ref2;
       setSafeAreaBottomInset(safeAreaInsets.bottom);
     });
     SafeArea.addEventListener('safeAreaInsetsForRootViewDidChange', onSafeAreaInsetsUpdate);
@@ -54,30 +56,35 @@ export const KeyboardAvoidingView = ({
     };
   }, []);
 
-  function onSafeAreaInsetsUpdate({
-    safeAreaInsets
-  }) {
+  function onSafeAreaInsetsUpdate(_ref3) {
+    let {
+      safeAreaInsets
+    } = _ref3;
     setSafeAreaBottomInset(safeAreaInsets.bottom);
   }
 
-  function onKeyboardWillShow({
-    endCoordinates
-  }) {
+  function onKeyboardWillShow(_ref4) {
+    let {
+      endCoordinates
+    } = _ref4;
     setIsKeyboardOpen(true);
     animatedHeight.setValue(endCoordinates.height + MIN_HEIGHT);
   }
 
-  function onKeyboardWillHide({
-    duration,
-    startCoordinates
-  }) {
+  function onKeyboardWillHide(_ref5) {
+    let {
+      duration,
+      startCoordinates
+    } = _ref5;
     // The startCoordinates.height is set to wrong value when we use cmd + k for hide the keyboard (Have no idea why).
     // Because of that the `setIsKeyboardOpened` is not invoked and the state of keyboard is wrong.
     // The keyboardIsOpenBreakpoint use 100 as a fallback if the startCoordinates.height is too small (cmd + k case)
     const keyboardIsOpenBreakpoint = startCoordinates.height > 100 ? startCoordinates.height / 3 : 100;
-    const animatedListenerId = animatedHeight.addListener(({
-      value
-    }) => {
+    const animatedListenerId = animatedHeight.addListener(_ref6 => {
+      let {
+        value
+      } = _ref6;
+
       if (value < keyboardIsOpenBreakpoint) {
         setIsKeyboardOpen(false);
       }

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.ios.js"],"names":["KeyboardAvoidingView","IOSKeyboardAvoidingView","Animated","Keyboard","Dimensions","View","SafeArea","useEffect","useRef","useState","useResizeObserver","useIsFloatingKeyboard","styles","AnimatedKeyboardAvoidingView","createAnimatedComponent","MIN_HEIGHT","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","isKeyboardOpen","setIsKeyboardOpen","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","animatedHeight","Value","current","fullHeight","get","keyboardVerticalOffset","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","addEventListener","onSafeAreaInsetsUpdate","addListener","onKeyboardWillShow","onKeyboardWillHide","removeEventListener","removeListener","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","marginBottom","top","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\tSafeArea.addEventListener(\n\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\tonSafeAreaInsetsUpdate\n\t\t);\n\t\tKeyboard.addListener( 'keyboardWillShow', onKeyboardWillShow );\n\t\tKeyboard.addListener( 'keyboardWillHide', onKeyboardWillHide );\n\n\t\treturn () => {\n\t\t\tSafeArea.removeEventListener(\n\t\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\t\tonSafeAreaInsetsUpdate\n\t\t\t);\n\t\t\tKeyboard.removeListener( 'keyboardWillShow', onKeyboardWillShow );\n\t\t\tKeyboard.removeListener( 'keyboardWillHide', onKeyboardWillHide );\n\t\t};\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,"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.ios.js"],"names":["KeyboardAvoidingView","IOSKeyboardAvoidingView","Animated","Keyboard","Dimensions","View","SafeArea","useEffect","useRef","useState","useResizeObserver","useIsFloatingKeyboard","styles","AnimatedKeyboardAvoidingView","createAnimatedComponent","MIN_HEIGHT","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","isKeyboardOpen","setIsKeyboardOpen","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","animatedHeight","Value","current","fullHeight","get","keyboardVerticalOffset","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","addEventListener","onSafeAreaInsetsUpdate","addListener","onKeyboardWillShow","onKeyboardWillHide","removeEventListener","removeListener","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","marginBottom","top","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\tSafeArea.addEventListener(\n\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\tonSafeAreaInsetsUpdate\n\t\t);\n\t\tKeyboard.addListener( 'keyboardWillShow', onKeyboardWillShow );\n\t\tKeyboard.addListener( 'keyboardWillHide', onKeyboardWillHide );\n\n\t\treturn () => {\n\t\t\tSafeArea.removeEventListener(\n\t\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\t\tonSafeAreaInsetsUpdate\n\t\t\t);\n\t\t\tKeyboard.removeListener( 'keyboardWillShow', onKeyboardWillShow );\n\t\t\tKeyboard.removeListener( 'keyboardWillHide', onKeyboardWillHide );\n\t\t};\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"]}

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

@@ -12,50 +12,53 @@ import { isEqual } from 'lodash';
 
 import { memo } from '@wordpress/element';
 const List = memo(FlatList, isEqual);
-export const KeyboardAwareFlatList = ({
-  extraScrollHeight,
-  shouldPreventAutomaticScroll,
-  innerRef,
-  autoScroll,
-  scrollViewStyle,
-  inputAccessoryViewHeight,
-  ...listProps
-}) => createElement(KeyboardAwareScrollView, {
-  style: [{
-    flex: 1
-  }, scrollViewStyle],
-  keyboardDismissMode: "none",
-  enableResetScrollToCoords: false,
-  keyboardShouldPersistTaps: "handled",
-  extraScrollHeight: extraScrollHeight,
-  extraHeight: 0,
-  inputAccessoryViewHeight: inputAccessoryViewHeight,
-  enableAutomaticScroll: autoScroll === undefined ? false : autoScroll,
-  ref: ref => {
-    this.scrollViewRef = ref;
-    innerRef(ref);
-  },
-  onKeyboardWillHide: () => {
-    this.keyboardWillShowIndicator = false;
-  },
-  onKeyboardDidHide: () => {
-    setTimeout(() => {
-      if (!this.keyboardWillShowIndicator && this.latestContentOffsetY !== undefined && !shouldPreventAutomaticScroll()) {
-        // Reset the content position if keyboard is still closed
-        if (this.scrollViewRef) {
-          this.scrollViewRef.scrollToPosition(0, this.latestContentOffsetY, true);
+export const KeyboardAwareFlatList = _ref => {
+  let {
+    extraScrollHeight,
+    shouldPreventAutomaticScroll,
+    innerRef,
+    autoScroll,
+    scrollViewStyle,
+    inputAccessoryViewHeight,
+    ...listProps
+  } = _ref;
+  return createElement(KeyboardAwareScrollView, {
+    style: [{
+      flex: 1
+    }, scrollViewStyle],
+    keyboardDismissMode: "none",
+    enableResetScrollToCoords: false,
+    keyboardShouldPersistTaps: "handled",
+    extraScrollHeight: extraScrollHeight,
+    extraHeight: 0,
+    inputAccessoryViewHeight: inputAccessoryViewHeight,
+    enableAutomaticScroll: autoScroll === undefined ? false : autoScroll,
+    ref: ref => {
+      this.scrollViewRef = ref;
+      innerRef(ref);
+    },
+    onKeyboardWillHide: () => {
+      this.keyboardWillShowIndicator = false;
+    },
+    onKeyboardDidHide: () => {
+      setTimeout(() => {
+        if (!this.keyboardWillShowIndicator && this.latestContentOffsetY !== undefined && !shouldPreventAutomaticScroll()) {
+          // Reset the content position if keyboard is still closed
+          if (this.scrollViewRef) {
+            this.scrollViewRef.scrollToPosition(0, this.latestContentOffsetY, true);
+          }
         }
-      }
-    }, 50);
-  },
-  onKeyboardWillShow: () => {
-    this.keyboardWillShowIndicator = true;
-  },
-  scrollEnabled: listProps.scrollEnabled,
-  onScroll: event => {
-    this.latestContentOffsetY = event.nativeEvent.contentOffset.y;
-  }
-}, createElement(List, listProps));
+      }, 50);
+    },
+    onKeyboardWillShow: () => {
+      this.keyboardWillShowIndicator = true;
+    },
+    scrollEnabled: listProps.scrollEnabled,
+    onScroll: event => {
+      this.latestContentOffsetY = event.nativeEvent.contentOffset.y;
+    }
+  }, createElement(List, listProps));
+};
 
 KeyboardAwareFlatList.handleCaretVerticalPositionChange = (scrollView, targetId, caretY, previousCaretY) => {
   if (previousCaretY) {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/index.ios.js"],"names":["KeyboardAwareScrollView","FlatList","isEqual","memo","List","KeyboardAwareFlatList","extraScrollHeight","shouldPreventAutomaticScroll","innerRef","autoScroll","scrollViewStyle","inputAccessoryViewHeight","listProps","flex","undefined","ref","scrollViewRef","keyboardWillShowIndicator","setTimeout","latestContentOffsetY","scrollToPosition","scrollEnabled","event","nativeEvent","contentOffset","y","handleCaretVerticalPositionChange","scrollView","targetId","caretY","previousCaretY","refreshScrollForField"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,uBAAT,QAAwC,yCAAxC;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,oBAArB;AAEA,MAAMC,IAAI,GAAGD,IAAI,CAAEF,QAAF,EAAYC,OAAZ,CAAjB;AAEA,OAAO,MAAMG,qBAAqB,GAAG,CAAE;AACtCC,EAAAA,iBADsC;AAEtCC,EAAAA,4BAFsC;AAGtCC,EAAAA,QAHsC;AAItCC,EAAAA,UAJsC;AAKtCC,EAAAA,eALsC;AAMtCC,EAAAA,wBANsC;AAOtC,KAAGC;AAPmC,CAAF,KASpC,cAAC,uBAAD;AACC,EAAA,KAAK,EAAG,CAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GAAF,EAAeH,eAAf,CADT;AAEC,EAAA,mBAAmB,EAAC,MAFrB;AAGC,EAAA,yBAAyB,EAAG,KAH7B;AAIC,EAAA,yBAAyB,EAAC,SAJ3B;AAKC,EAAA,iBAAiB,EAAGJ,iBALrB;AAMC,EAAA,WAAW,EAAG,CANf;AAOC,EAAA,wBAAwB,EAAGK,wBAP5B;AAQC,EAAA,qBAAqB,EAAGF,UAAU,KAAKK,SAAf,GAA2B,KAA3B,GAAmCL,UAR5D;AASC,EAAA,GAAG,EAAKM,GAAF,IAAW;AAChB,SAAKC,aAAL,GAAqBD,GAArB;AACAP,IAAAA,QAAQ,CAAEO,GAAF,CAAR;AACA,GAZF;AAaC,EAAA,kBAAkB,EAAG,MAAM;AAC1B,SAAKE,yBAAL,GAAiC,KAAjC;AACA,GAfF;AAgBC,EAAA,iBAAiB,EAAG,MAAM;AACzBC,IAAAA,UAAU,CAAE,MAAM;AACjB,UACC,CAAE,KAAKD,yBAAP,IACA,KAAKE,oBAAL,KAA8BL,SAD9B,IAEA,CAAEP,4BAA4B,EAH/B,EAIE;AACD;AACA,YAAK,KAAKS,aAAV,EAA0B;AACzB,eAAKA,aAAL,CAAmBI,gBAAnB,CACC,CADD,EAEC,KAAKD,oBAFN,EAGC,IAHD;AAKA;AACD;AACD,KAfS,EAeP,EAfO,CAAV;AAgBA,GAjCF;AAkCC,EAAA,kBAAkB,EAAG,MAAM;AAC1B,SAAKF,yBAAL,GAAiC,IAAjC;AACA,GApCF;AAqCC,EAAA,aAAa,EAAGL,SAAS,CAACS,aArC3B;AAsCC,EAAA,QAAQ,EAAKC,KAAF,IAAa;AACvB,SAAKH,oBAAL,GAA4BG,KAAK,CAACC,WAAN,CAAkBC,aAAlB,CAAgCC,CAA5D;AACA;AAxCF,GA0CC,cAAC,IAAD,EAAWb,SAAX,CA1CD,CATM;;AAuDPP,qBAAqB,CAACqB,iCAAtB,GAA0D,CACzDC,UADyD,EAEzDC,QAFyD,EAGzDC,MAHyD,EAIzDC,cAJyD,KAKrD;AACJ,MAAKA,cAAL,EAAsB;AACrB;AACAH,IAAAA,UAAU,CAACI,qBAAX,CAAkCH,QAAlC;AACA;AACD,CAVD;;AAYA,eAAevB,qBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';\nimport { FlatList } from 'react-native';\nimport { isEqual } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\nconst List = memo( FlatList, isEqual );\n\nexport const KeyboardAwareFlatList = ( {\n\textraScrollHeight,\n\tshouldPreventAutomaticScroll,\n\tinnerRef,\n\tautoScroll,\n\tscrollViewStyle,\n\tinputAccessoryViewHeight,\n\t...listProps\n} ) => (\n\t<KeyboardAwareScrollView\n\t\tstyle={ [ { flex: 1 }, scrollViewStyle ] }\n\t\tkeyboardDismissMode=\"none\"\n\t\tenableResetScrollToCoords={ false }\n\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\textraScrollHeight={ extraScrollHeight }\n\t\textraHeight={ 0 }\n\t\tinputAccessoryViewHeight={ inputAccessoryViewHeight }\n\t\tenableAutomaticScroll={ autoScroll === undefined ? false : autoScroll }\n\t\tref={ ( ref ) => {\n\t\t\tthis.scrollViewRef = ref;\n\t\t\tinnerRef( ref );\n\t\t} }\n\t\tonKeyboardWillHide={ () => {\n\t\t\tthis.keyboardWillShowIndicator = false;\n\t\t} }\n\t\tonKeyboardDidHide={ () => {\n\t\t\tsetTimeout( () => {\n\t\t\t\tif (\n\t\t\t\t\t! this.keyboardWillShowIndicator &&\n\t\t\t\t\tthis.latestContentOffsetY !== undefined &&\n\t\t\t\t\t! shouldPreventAutomaticScroll()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the content position if keyboard is still closed\n\t\t\t\t\tif ( this.scrollViewRef ) {\n\t\t\t\t\t\tthis.scrollViewRef.scrollToPosition(\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\tthis.latestContentOffsetY,\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, 50 );\n\t\t} }\n\t\tonKeyboardWillShow={ () => {\n\t\t\tthis.keyboardWillShowIndicator = true;\n\t\t} }\n\t\tscrollEnabled={ listProps.scrollEnabled }\n\t\tonScroll={ ( event ) => {\n\t\t\tthis.latestContentOffsetY = event.nativeEvent.contentOffset.y;\n\t\t} }\n\t>\n\t\t<List { ...listProps } />\n\t</KeyboardAwareScrollView>\n);\n\nKeyboardAwareFlatList.handleCaretVerticalPositionChange = (\n\tscrollView,\n\ttargetId,\n\tcaretY,\n\tpreviousCaretY\n) => {\n\tif ( previousCaretY ) {\n\t\t//if this is not the first tap\n\t\tscrollView.refreshScrollForField( targetId );\n\t}\n};\n\nexport default KeyboardAwareFlatList;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/index.ios.js"],"names":["KeyboardAwareScrollView","FlatList","isEqual","memo","List","KeyboardAwareFlatList","extraScrollHeight","shouldPreventAutomaticScroll","innerRef","autoScroll","scrollViewStyle","inputAccessoryViewHeight","listProps","flex","undefined","ref","scrollViewRef","keyboardWillShowIndicator","setTimeout","latestContentOffsetY","scrollToPosition","scrollEnabled","event","nativeEvent","contentOffset","y","handleCaretVerticalPositionChange","scrollView","targetId","caretY","previousCaretY","refreshScrollForField"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,uBAAT,QAAwC,yCAAxC;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,OAAT,QAAwB,QAAxB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,oBAArB;AAEA,MAAMC,IAAI,GAAGD,IAAI,CAAEF,QAAF,EAAYC,OAAZ,CAAjB;AAEA,OAAO,MAAMG,qBAAqB,GAAG;AAAA,MAAE;AACtCC,IAAAA,iBADsC;AAEtCC,IAAAA,4BAFsC;AAGtCC,IAAAA,QAHsC;AAItCC,IAAAA,UAJsC;AAKtCC,IAAAA,eALsC;AAMtCC,IAAAA,wBANsC;AAOtC,OAAGC;AAPmC,GAAF;AAAA,SASpC,cAAC,uBAAD;AACC,IAAA,KAAK,EAAG,CAAE;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAF,EAAeH,eAAf,CADT;AAEC,IAAA,mBAAmB,EAAC,MAFrB;AAGC,IAAA,yBAAyB,EAAG,KAH7B;AAIC,IAAA,yBAAyB,EAAC,SAJ3B;AAKC,IAAA,iBAAiB,EAAGJ,iBALrB;AAMC,IAAA,WAAW,EAAG,CANf;AAOC,IAAA,wBAAwB,EAAGK,wBAP5B;AAQC,IAAA,qBAAqB,EAAGF,UAAU,KAAKK,SAAf,GAA2B,KAA3B,GAAmCL,UAR5D;AASC,IAAA,GAAG,EAAKM,GAAF,IAAW;AAChB,WAAKC,aAAL,GAAqBD,GAArB;AACAP,MAAAA,QAAQ,CAAEO,GAAF,CAAR;AACA,KAZF;AAaC,IAAA,kBAAkB,EAAG,MAAM;AAC1B,WAAKE,yBAAL,GAAiC,KAAjC;AACA,KAfF;AAgBC,IAAA,iBAAiB,EAAG,MAAM;AACzBC,MAAAA,UAAU,CAAE,MAAM;AACjB,YACC,CAAE,KAAKD,yBAAP,IACA,KAAKE,oBAAL,KAA8BL,SAD9B,IAEA,CAAEP,4BAA4B,EAH/B,EAIE;AACD;AACA,cAAK,KAAKS,aAAV,EAA0B;AACzB,iBAAKA,aAAL,CAAmBI,gBAAnB,CACC,CADD,EAEC,KAAKD,oBAFN,EAGC,IAHD;AAKA;AACD;AACD,OAfS,EAeP,EAfO,CAAV;AAgBA,KAjCF;AAkCC,IAAA,kBAAkB,EAAG,MAAM;AAC1B,WAAKF,yBAAL,GAAiC,IAAjC;AACA,KApCF;AAqCC,IAAA,aAAa,EAAGL,SAAS,CAACS,aArC3B;AAsCC,IAAA,QAAQ,EAAKC,KAAF,IAAa;AACvB,WAAKH,oBAAL,GAA4BG,KAAK,CAACC,WAAN,CAAkBC,aAAlB,CAAgCC,CAA5D;AACA;AAxCF,KA0CC,cAAC,IAAD,EAAWb,SAAX,CA1CD,CAToC;AAAA,CAA9B;;AAuDPP,qBAAqB,CAACqB,iCAAtB,GAA0D,CACzDC,UADyD,EAEzDC,QAFyD,EAGzDC,MAHyD,EAIzDC,cAJyD,KAKrD;AACJ,MAAKA,cAAL,EAAsB;AACrB;AACAH,IAAAA,UAAU,CAACI,qBAAX,CAAkCH,QAAlC;AACA;AACD,CAVD;;AAYA,eAAevB,qBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';\nimport { FlatList } from 'react-native';\nimport { isEqual } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n\nconst List = memo( FlatList, isEqual );\n\nexport const KeyboardAwareFlatList = ( {\n\textraScrollHeight,\n\tshouldPreventAutomaticScroll,\n\tinnerRef,\n\tautoScroll,\n\tscrollViewStyle,\n\tinputAccessoryViewHeight,\n\t...listProps\n} ) => (\n\t<KeyboardAwareScrollView\n\t\tstyle={ [ { flex: 1 }, scrollViewStyle ] }\n\t\tkeyboardDismissMode=\"none\"\n\t\tenableResetScrollToCoords={ false }\n\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\textraScrollHeight={ extraScrollHeight }\n\t\textraHeight={ 0 }\n\t\tinputAccessoryViewHeight={ inputAccessoryViewHeight }\n\t\tenableAutomaticScroll={ autoScroll === undefined ? false : autoScroll }\n\t\tref={ ( ref ) => {\n\t\t\tthis.scrollViewRef = ref;\n\t\t\tinnerRef( ref );\n\t\t} }\n\t\tonKeyboardWillHide={ () => {\n\t\t\tthis.keyboardWillShowIndicator = false;\n\t\t} }\n\t\tonKeyboardDidHide={ () => {\n\t\t\tsetTimeout( () => {\n\t\t\t\tif (\n\t\t\t\t\t! this.keyboardWillShowIndicator &&\n\t\t\t\t\tthis.latestContentOffsetY !== undefined &&\n\t\t\t\t\t! shouldPreventAutomaticScroll()\n\t\t\t\t) {\n\t\t\t\t\t// Reset the content position if keyboard is still closed\n\t\t\t\t\tif ( this.scrollViewRef ) {\n\t\t\t\t\t\tthis.scrollViewRef.scrollToPosition(\n\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\tthis.latestContentOffsetY,\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}, 50 );\n\t\t} }\n\t\tonKeyboardWillShow={ () => {\n\t\t\tthis.keyboardWillShowIndicator = true;\n\t\t} }\n\t\tscrollEnabled={ listProps.scrollEnabled }\n\t\tonScroll={ ( event ) => {\n\t\t\tthis.latestContentOffsetY = event.nativeEvent.contentOffset.y;\n\t\t} }\n\t>\n\t\t<List { ...listProps } />\n\t</KeyboardAwareScrollView>\n);\n\nKeyboardAwareFlatList.handleCaretVerticalPositionChange = (\n\tscrollView,\n\ttargetId,\n\tcaretY,\n\tpreviousCaretY\n) => {\n\tif ( previousCaretY ) {\n\t\t//if this is not the first tap\n\t\tscrollView.refreshScrollForField( targetId );\n\t}\n};\n\nexport default KeyboardAwareFlatList;\n"]}

package/build-module/mobile/layout-animation/index.native.js

@@ -3,7 +3,8 @@
  */
 import { LayoutAnimation } from 'react-native';
 const ANIMATION_DURATION = 300;
-export function performLayoutAnimation(duration = ANIMATION_DURATION) {
+export function performLayoutAnimation() {
+  let duration = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ANIMATION_DURATION;
   LayoutAnimation.configureNext(LayoutAnimation.create(duration, LayoutAnimation.Types.easeInEaseOut, LayoutAnimation.Properties.opacity));
 }
 //# sourceMappingURL=index.native.js.map

package/build-module/mobile/layout-animation/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/layout-animation/index.native.js"],"names":["LayoutAnimation","ANIMATION_DURATION","performLayoutAnimation","duration","configureNext","create","Types","easeInEaseOut","Properties","opacity"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAT,QAAgC,cAAhC;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,OAAO,SAASC,sBAAT,CAAiCC,QAAQ,GAAGF,kBAA5C,EAAiE;AACvED,EAAAA,eAAe,CAACI,aAAhB,CACCJ,eAAe,CAACK,MAAhB,CACCF,QADD,EAECH,eAAe,CAACM,KAAhB,CAAsBC,aAFvB,EAGCP,eAAe,CAACQ,UAAhB,CAA2BC,OAH5B,CADD;AAOA","sourcesContent":["/**\n * External dependencies\n */\nimport { LayoutAnimation } from 'react-native';\n\nconst ANIMATION_DURATION = 300;\n\nexport function performLayoutAnimation( duration = ANIMATION_DURATION ) {\n\tLayoutAnimation.configureNext(\n\t\tLayoutAnimation.create(\n\t\t\tduration,\n\t\t\tLayoutAnimation.Types.easeInEaseOut,\n\t\t\tLayoutAnimation.Properties.opacity\n\t\t)\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/layout-animation/index.native.js"],"names":["LayoutAnimation","ANIMATION_DURATION","performLayoutAnimation","duration","configureNext","create","Types","easeInEaseOut","Properties","opacity"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAT,QAAgC,cAAhC;AAEA,MAAMC,kBAAkB,GAAG,GAA3B;AAEA,OAAO,SAASC,sBAAT,GAAiE;AAAA,MAAhCC,QAAgC,uEAArBF,kBAAqB;AACvED,EAAAA,eAAe,CAACI,aAAhB,CACCJ,eAAe,CAACK,MAAhB,CACCF,QADD,EAECH,eAAe,CAACM,KAAhB,CAAsBC,aAFvB,EAGCP,eAAe,CAACQ,UAAhB,CAA2BC,OAH5B,CADD;AAOA","sourcesContent":["/**\n * External dependencies\n */\nimport { LayoutAnimation } from 'react-native';\n\nconst ANIMATION_DURATION = 300;\n\nexport function performLayoutAnimation( duration = ANIMATION_DURATION ) {\n\tLayoutAnimation.configureNext(\n\t\tLayoutAnimation.create(\n\t\t\tduration,\n\t\t\tLayoutAnimation.Types.easeInEaseOut,\n\t\t\tLayoutAnimation.Properties.opacity\n\t\t)\n\t);\n}\n"]}