@wordpress/components 25.15.1-next.79a6196f.0 → 26.0.0

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

@@ -16,29 +16,21 @@ const fromPathData24x24 = pathData => (0, _react.createElement)(_primitives.SVG,
 }, (0, _react.createElement)(_primitives.Path, {
   d: pathData
 }));
-const clipboard = fromPathData24x24('M16 18H8v-2h8v2zm0-6H8v2h8v-2zm2-9h-2v2h2v15H6V5h2V3H6a2 2 0 00-2 2v15a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2zm-4 2V4a2 2 0 10-4 0v1a2 2 0 00-2 2v1h8V7a2 2 0 00-2-2z');
-exports.clipboard = clipboard;
-const posts = fromPathData24x24('M16 19H3v-2h13v2zm5-10H3v2h18V9zM3 5v2h11V5H3zm14 0v2h4V5h-4zm-6 8v2h10v-2H11zm-8 0v2h5v-2H3z');
-exports.posts = posts;
-const pages = fromPathData24x24('M16 8H8V6h8v2zm0 2H8v2h8v-2zm4-6v12l-6 6H6c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2h12c1.105 0 2 .895 2 2zm-2 10V4H6v16h6v-4c0-1.105.895-2 2-2h4z');
-exports.pages = pages;
-const refresh = fromPathData24x24('M17.91 14c-.478 2.833-2.943 5-5.91 5-3.308 0-6-2.692-6-6s2.692-6 6-6h2.172l-2.086 2.086L13.5 10.5 18 6l-4.5-4.5-1.414 1.414L14.172 5H12c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.08 0 7.438-3.055 7.93-7h-2.02z');
-exports.refresh = refresh;
-const noticeOutline = fromPathData24x24('M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z');
-exports.noticeOutline = noticeOutline;
-const empty = (0, _react.createElement)(_primitives.SVG, {
+const clipboard = exports.clipboard = fromPathData24x24('M16 18H8v-2h8v2zm0-6H8v2h8v-2zm2-9h-2v2h2v15H6V5h2V3H6a2 2 0 00-2 2v15a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2zm-4 2V4a2 2 0 10-4 0v1a2 2 0 00-2 2v1h8V7a2 2 0 00-2-2z');
+const posts = exports.posts = fromPathData24x24('M16 19H3v-2h13v2zm5-10H3v2h18V9zM3 5v2h11V5H3zm14 0v2h4V5h-4zm-6 8v2h10v-2H11zm-8 0v2h5v-2H3z');
+const pages = exports.pages = fromPathData24x24('M16 8H8V6h8v2zm0 2H8v2h8v-2zm4-6v12l-6 6H6c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2h12c1.105 0 2 .895 2 2zm-2 10V4H6v16h6v-4c0-1.105.895-2 2-2h4z');
+const refresh = exports.refresh = fromPathData24x24('M17.91 14c-.478 2.833-2.943 5-5.91 5-3.308 0-6-2.692-6-6s2.692-6 6-6h2.172l-2.086 2.086L13.5 10.5 18 6l-4.5-4.5-1.414 1.414L14.172 5H12c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.08 0 7.438-3.055 7.93-7h-2.02z');
+const noticeOutline = exports.noticeOutline = fromPathData24x24('M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z');
+const empty = exports.empty = (0, _react.createElement)(_primitives.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 });
-exports.empty = empty;
-const search = fromPathData24x24('M21,19l-5.154-5.154C16.574,12.742,17,11.421,17,10c0-3.866-3.134-7-7-7s-7,3.134-7,7c0,3.866,3.134,7,7,7 c1.421,0,2.742-0.426,3.846-1.154L19,21L21,19z M5,10c0-2.757,2.243-5,5-5s5,2.243,5,5s-2.243,5-5,5S5,12.757,5,10z');
-exports.search = search;
-var _default = {
+const search = exports.search = fromPathData24x24('M21,19l-5.154-5.154C16.574,12.742,17,11.421,17,10c0-3.866-3.134-7-7-7s-7,3.134-7,7c0,3.866,3.134,7,7,7 c1.421,0,2.742-0.426,3.846-1.154L19,21L21,19z M5,10c0-2.757,2.243-5,5-5s5,2.243,5,5s-2.243,5-5,5S5,12.757,5,10z');
+var _default = exports.default = {
   empty,
   posts,
   pages,
   refresh,
   search
 };
-exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_primitives","require","fromPathData24x24","pathData","_react","createElement","SVG","xmlns","viewBox","Path","d","clipboard","exports","posts","pages","refresh","noticeOutline","empty","search","_default","default"],"sources":["@wordpress/components/src/mobile/gridicons/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst fromPathData24x24 = ( pathData ) => (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d={ pathData } />\n\t</SVG>\n);\n\nexport const clipboard = fromPathData24x24(\n\t'M16 18H8v-2h8v2zm0-6H8v2h8v-2zm2-9h-2v2h2v15H6V5h2V3H6a2 2 0 00-2 2v15a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2zm-4 2V4a2 2 0 10-4 0v1a2 2 0 00-2 2v1h8V7a2 2 0 00-2-2z'\n);\nexport const posts = fromPathData24x24(\n\t'M16 19H3v-2h13v2zm5-10H3v2h18V9zM3 5v2h11V5H3zm14 0v2h4V5h-4zm-6 8v2h10v-2H11zm-8 0v2h5v-2H3z'\n);\nexport const pages = fromPathData24x24(\n\t'M16 8H8V6h8v2zm0 2H8v2h8v-2zm4-6v12l-6 6H6c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2h12c1.105 0 2 .895 2 2zm-2 10V4H6v16h6v-4c0-1.105.895-2 2-2h4z'\n);\nexport const refresh = fromPathData24x24(\n\t'M17.91 14c-.478 2.833-2.943 5-5.91 5-3.308 0-6-2.692-6-6s2.692-6 6-6h2.172l-2.086 2.086L13.5 10.5 18 6l-4.5-4.5-1.414 1.414L14.172 5H12c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.08 0 7.438-3.055 7.93-7h-2.02z'\n);\nexport const noticeOutline = fromPathData24x24(\n\t'M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z'\n);\nexport const empty = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" />\n);\nexport const search = fromPathData24x24(\n\t'M21,19l-5.154-5.154C16.574,12.742,17,11.421,17,10c0-3.866-3.134-7-7-7s-7,3.134-7,7c0,3.866,3.134,7,7,7 c1.421,0,2.742-0.426,3.846-1.154L19,21L21,19z M5,10c0-2.757,2.243-5,5-5s5,2.243,5,5s-2.243,5-5,5S5,12.757,5,10z'\n);\nexport default {\n\tempty,\n\tposts,\n\tpages,\n\trefresh,\n\tsearch,\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,iBAAiB,GAAKC,QAAQ,IACnC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,IAAI;EAACC,CAAC,EAAGP;AAAU,CAAE,CAClB,CACL;AAEM,MAAMQ,SAAS,GAAGT,iBAAiB,CACzC,0KACD,CAAC;AAACU,OAAA,CAAAD,SAAA,GAAAA,SAAA;AACK,MAAME,KAAK,GAAGX,iBAAiB,CACrC,+FACD,CAAC;AAACU,OAAA,CAAAC,KAAA,GAAAA,KAAA;AACK,MAAMC,KAAK,GAAGZ,iBAAiB,CACrC,kJACD,CAAC;AAACU,OAAA,CAAAE,KAAA,GAAAA,KAAA;AACK,MAAMC,OAAO,GAAGb,iBAAiB,CACvC,2MACD,CAAC;AAACU,OAAA,CAAAG,OAAA,GAAAA,OAAA;AACK,MAAMC,aAAa,GAAGd,iBAAiB,CAC7C,sKACD,CAAC;AAACU,OAAA,CAAAI,aAAA,GAAAA,aAAA;AACK,MAAMC,KAAK,GACjB,IAAAb,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,CAAE,CAC7D;AAACI,OAAA,CAAAK,KAAA,GAAAA,KAAA;AACK,MAAMC,MAAM,GAAGhB,iBAAiB,CACtC,wNACD,CAAC;AAACU,OAAA,CAAAM,MAAA,GAAAA,MAAA;AAAA,IAAAC,QAAA,GACa;EACdF,KAAK;EACLJ,KAAK;EACLC,KAAK;EACLC,OAAO;EACPG;AACD,CAAC;AAAAN,OAAA,CAAAQ,OAAA,GAAAD,QAAA"}
+{"version":3,"names":["_primitives","require","fromPathData24x24","pathData","_react","createElement","SVG","xmlns","viewBox","Path","d","clipboard","exports","posts","pages","refresh","noticeOutline","empty","search","_default","default"],"sources":["@wordpress/components/src/mobile/gridicons/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst fromPathData24x24 = ( pathData ) => (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d={ pathData } />\n\t</SVG>\n);\n\nexport const clipboard = fromPathData24x24(\n\t'M16 18H8v-2h8v2zm0-6H8v2h8v-2zm2-9h-2v2h2v15H6V5h2V3H6a2 2 0 00-2 2v15a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2zm-4 2V4a2 2 0 10-4 0v1a2 2 0 00-2 2v1h8V7a2 2 0 00-2-2z'\n);\nexport const posts = fromPathData24x24(\n\t'M16 19H3v-2h13v2zm5-10H3v2h18V9zM3 5v2h11V5H3zm14 0v2h4V5h-4zm-6 8v2h10v-2H11zm-8 0v2h5v-2H3z'\n);\nexport const pages = fromPathData24x24(\n\t'M16 8H8V6h8v2zm0 2H8v2h8v-2zm4-6v12l-6 6H6c-1.105 0-2-.895-2-2V4c0-1.105.895-2 2-2h12c1.105 0 2 .895 2 2zm-2 10V4H6v16h6v-4c0-1.105.895-2 2-2h4z'\n);\nexport const refresh = fromPathData24x24(\n\t'M17.91 14c-.478 2.833-2.943 5-5.91 5-3.308 0-6-2.692-6-6s2.692-6 6-6h2.172l-2.086 2.086L13.5 10.5 18 6l-4.5-4.5-1.414 1.414L14.172 5H12c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.08 0 7.438-3.055 7.93-7h-2.02z'\n);\nexport const noticeOutline = fromPathData24x24(\n\t'M12 4c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8m0-2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm1 13h-2v2h2v-2zm-2-2h2l.5-6h-3l.5 6z'\n);\nexport const empty = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" />\n);\nexport const search = fromPathData24x24(\n\t'M21,19l-5.154-5.154C16.574,12.742,17,11.421,17,10c0-3.866-3.134-7-7-7s-7,3.134-7,7c0,3.866,3.134,7,7,7 c1.421,0,2.742-0.426,3.846-1.154L19,21L21,19z M5,10c0-2.757,2.243-5,5-5s5,2.243,5,5s-2.243,5-5,5S5,12.757,5,10z'\n);\nexport default {\n\tempty,\n\tposts,\n\tpages,\n\trefresh,\n\tsearch,\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,iBAAiB,GAAKC,QAAQ,IACnC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,IAAI;EAACC,CAAC,EAAGP;AAAU,CAAE,CAClB,CACL;AAEM,MAAMQ,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGT,iBAAiB,CACzC,0KACD,CAAC;AACM,MAAMW,KAAK,GAAAD,OAAA,CAAAC,KAAA,GAAGX,iBAAiB,CACrC,+FACD,CAAC;AACM,MAAMY,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGZ,iBAAiB,CACrC,kJACD,CAAC;AACM,MAAMa,OAAO,GAAAH,OAAA,CAAAG,OAAA,GAAGb,iBAAiB,CACvC,2MACD,CAAC;AACM,MAAMc,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAGd,iBAAiB,CAC7C,sKACD,CAAC;AACM,MAAMe,KAAK,GAAAL,OAAA,CAAAK,KAAA,GACjB,IAAAb,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,CAAE,CAC7D;AACM,MAAMU,MAAM,GAAAN,OAAA,CAAAM,MAAA,GAAGhB,iBAAiB,CACtC,wNACD,CAAC;AAAC,IAAAiB,QAAA,GAAAP,OAAA,CAAAQ,OAAA,GACa;EACdH,KAAK;EACLJ,KAAK;EACLC,KAAK;EACLC,OAAO;EACPG;AACD,CAAC"}

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

@@ -125,7 +125,7 @@ class HTMLTextInput extends _element.Component {
   }
 }
 exports.HTMLTextInput = HTMLTextInput;
-var _default = (0, _compose.compose)([(0, _data.withSelect)(select => {
+var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)(select => {
   const {
     getEditedPostAttribute,
     getEditedPostContent
@@ -156,5 +156,4 @@ var _default = (0, _compose.compose)([(0, _data.withSelect)(select => {
     }
   };
 }), _compose.withInstanceId, _compose.withPreferredColorScheme])(HTMLTextInput);
-exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_element","_i18n","_blocks","_data","_hooks","_compose","_keyboardAvoidingView","_interopRequireDefault","_style","HTMLTextInput","Component","constructor","arguments","edit","bind","stopEditing","getHTMLForParent","addFilter","state","getDerivedStateFromProps","props","isDirty","value","componentWillUnmount","removeFilter","html","onChange","setState","onPersist","render","editTitle","getStylesFromColorScheme","parentHeight","style","title","titleStyle","styles","htmlViewTitle","htmlViewTitleDark","text","color","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","_react","createElement","default","keyboardAvoidingView","ScrollView","scrollView","TextInput","autoCorrect","accessibilityLabel","textAlignVertical","numberOfLines","__","placeholderTextColor","onChangeText","ref","contentTextInputRef","multiline","onBlur","scrollEnabled","rejectResponderTermination","exports","_default","compose","withSelect","select","getEditedPostAttribute","getEditedPostContent","withDispatch","dispatch","editPost","resetEditorBlocks","content","blocks","parse","withInstanceId","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/html-text-input/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView, 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 KeyboardAvoidingView from '../keyboard-avoiding-view';\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 {\n\t\t\teditTitle,\n\t\t\tgetStylesFromColorScheme,\n\t\t\tparentHeight,\n\t\t\tstyle,\n\t\t\ttitle,\n\t\t} = this.props;\n\t\tconst titleStyle = [\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.htmlViewTitle,\n\t\t\t\tstyles.htmlViewTitleDark\n\t\t\t),\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<KeyboardAvoidingView\n\t\t\t\tstyle={ styles.keyboardAvoidingView }\n\t\t\t\tparentHeight={ parentHeight }\n\t\t\t>\n\t\t\t\t<ScrollView style={ styles.scrollView }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\taccessibilityLabel=\"html-view-title\"\n\t\t\t\t\t\ttextAlignVertical=\"center\"\n\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tplaceholder={ __( 'Add title' ) }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\t\tonChangeText={ editTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tref={ this.contentTextInputRef }\n\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\taccessibilityLabel=\"html-view-content\"\n\t\t\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t\t\t\tmultiline\n\t\t\t\t\t\tstyle={ htmlStyle }\n\t\t\t\t\t\tvalue={ this.state.value }\n\t\t\t\t\t\tonChangeText={ this.edit }\n\t\t\t\t\t\tonBlur={ this.stopEditing }\n\t\t\t\t\t\tplaceholder={ __( 'Start writing…' ) }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\t\tscrollEnabled={ false }\n\t\t\t\t\t\t// [Only iOS] This prop prevents the text input from\n\t\t\t\t\t\t// automatically getting focused after scrolling\n\t\t\t\t\t\t// content.\n\t\t\t\t\t\trejectResponderTermination={ false }\n\t\t\t\t\t/>\n\t\t\t\t</ScrollView>\n\t\t\t</KeyboardAvoidingView>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getEditedPostContent } =\n\t\t\tselect( 'core/editor' );\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"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_element","_i18n","_blocks","_data","_hooks","_compose","_keyboardAvoidingView","_interopRequireDefault","_style","HTMLTextInput","Component","constructor","arguments","edit","bind","stopEditing","getHTMLForParent","addFilter","state","getDerivedStateFromProps","props","isDirty","value","componentWillUnmount","removeFilter","html","onChange","setState","onPersist","render","editTitle","getStylesFromColorScheme","parentHeight","style","title","titleStyle","styles","htmlViewTitle","htmlViewTitleDark","text","color","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","_react","createElement","default","keyboardAvoidingView","ScrollView","scrollView","TextInput","autoCorrect","accessibilityLabel","textAlignVertical","numberOfLines","__","placeholderTextColor","onChangeText","ref","contentTextInputRef","multiline","onBlur","scrollEnabled","rejectResponderTermination","exports","_default","compose","withSelect","select","getEditedPostAttribute","getEditedPostContent","withDispatch","dispatch","editPost","resetEditorBlocks","content","blocks","parse","withInstanceId","withPreferredColorScheme"],"sources":["@wordpress/components/src/mobile/html-text-input/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView, 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 KeyboardAvoidingView from '../keyboard-avoiding-view';\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 {\n\t\t\teditTitle,\n\t\t\tgetStylesFromColorScheme,\n\t\t\tparentHeight,\n\t\t\tstyle,\n\t\t\ttitle,\n\t\t} = this.props;\n\t\tconst titleStyle = [\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.htmlViewTitle,\n\t\t\t\tstyles.htmlViewTitleDark\n\t\t\t),\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<KeyboardAvoidingView\n\t\t\t\tstyle={ styles.keyboardAvoidingView }\n\t\t\t\tparentHeight={ parentHeight }\n\t\t\t>\n\t\t\t\t<ScrollView style={ styles.scrollView }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\taccessibilityLabel=\"html-view-title\"\n\t\t\t\t\t\ttextAlignVertical=\"center\"\n\t\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tplaceholder={ __( 'Add title' ) }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\t\tonChangeText={ editTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tref={ this.contentTextInputRef }\n\t\t\t\t\t\tautoCorrect={ false }\n\t\t\t\t\t\taccessibilityLabel=\"html-view-content\"\n\t\t\t\t\t\ttextAlignVertical=\"top\"\n\t\t\t\t\t\tmultiline\n\t\t\t\t\t\tstyle={ htmlStyle }\n\t\t\t\t\t\tvalue={ this.state.value }\n\t\t\t\t\t\tonChangeText={ this.edit }\n\t\t\t\t\t\tonBlur={ this.stopEditing }\n\t\t\t\t\t\tplaceholder={ __( 'Start writing…' ) }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\t\tscrollEnabled={ false }\n\t\t\t\t\t\t// [Only iOS] This prop prevents the text input from\n\t\t\t\t\t\t// automatically getting focused after scrolling\n\t\t\t\t\t\t// content.\n\t\t\t\t\t\trejectResponderTermination={ false }\n\t\t\t\t\t/>\n\t\t\t\t</ScrollView>\n\t\t\t</KeyboardAvoidingView>\n\t\t);\n\t}\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute, getEditedPostContent } =\n\t\t\tselect( 'core/editor' );\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"],"mappings":"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"}

package/build/mobile/image/constants.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IMAGE_DEFAULT_FOCAL_POINT = void 0;
-const IMAGE_DEFAULT_FOCAL_POINT = {
+const IMAGE_DEFAULT_FOCAL_POINT = exports.IMAGE_DEFAULT_FOCAL_POINT = {
   x: 0.5,
   y: 0.5
 };
-exports.IMAGE_DEFAULT_FOCAL_POINT = IMAGE_DEFAULT_FOCAL_POINT;
 //# sourceMappingURL=constants.js.map

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

@@ -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"}
+{"version":3,"names":["IMAGE_DEFAULT_FOCAL_POINT","exports","x","y"],"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,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EAAEE,CAAC,EAAE,GAAG;EAAEC,CAAC,EAAE;AAAI,CAAC"}

package/build/mobile/image/icon-customize.native.js

@@ -9,11 +9,10 @@ var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
-var _default = (0, _react.createElement)(_components.SVG, {
+var _default = exports.default = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, (0, _react.createElement)(_components.Path, {
   d: "M2 6c0-1.505.78-3.08 2-4 0 .845.69 2 2 2 1.657 0 3 1.343 3 3 0 .386-.08.752-.212 1.09.74.594 1.476 1.19 2.19 1.81L8.9 11.98c-.62-.716-1.214-1.454-1.807-2.192C6.753 9.92 6.387 10 6 10c-2.21 0-4-1.79-4-4zm12.152 6.848l1.34-1.34c.607.304 1.283.492 2.008.492 2.485 0 4.5-2.015 4.5-4.5 0-.725-.188-1.4-.493-2.007L18 9l-2-2 3.507-3.507C18.9 3.188 18.225 3 17.5 3 15.015 3 13 5.015 13 7.5c0 .725.188 1.4.493 2.007L3 20l2 2 6.848-6.848c1.885 1.928 3.874 3.753 5.977 5.45l1.425 1.148 1.5-1.5-1.15-1.425c-1.695-2.103-3.52-4.092-5.448-5.977z"
 }));
-exports.default = _default;
 //# sourceMappingURL=icon-customize.native.js.map

package/build/mobile/image/icon-customize.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_default","_react","createElement","SVG","xmlns","viewBox","Path","d","exports","default"],"sources":["@wordpress/components/src/mobile/image/icon-customize.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M2 6c0-1.505.78-3.08 2-4 0 .845.69 2 2 2 1.657 0 3 1.343 3 3 0 .386-.08.752-.212 1.09.74.594 1.476 1.19 2.19 1.81L8.9 11.98c-.62-.716-1.214-1.454-1.807-2.192C6.753 9.92 6.387 10 6 10c-2.21 0-4-1.79-4-4zm12.152 6.848l1.34-1.34c.607.304 1.283.492 2.008.492 2.485 0 4.5-2.015 4.5-4.5 0-.725-.188-1.4-.493-2.007L18 9l-2-2 3.507-3.507C18.9 3.188 18.225 3 17.5 3 15.015 3 13 5.015 13 7.5c0 .725.188 1.4.493 2.007L3 20l2 2 6.848-6.848c1.885 1.928 3.874 3.753 5.977 5.45l1.425 1.148 1.5-1.5-1.15-1.425c-1.695-2.103-3.52-4.092-5.448-5.977z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAAohB,CAAE,CAC1hB,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAT,QAAA"}
+{"version":3,"names":["_components","require","_default","exports","default","_react","createElement","SVG","xmlns","viewBox","Path","d"],"sources":["@wordpress/components/src/mobile/image/icon-customize.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M2 6c0-1.505.78-3.08 2-4 0 .845.69 2 2 2 1.657 0 3 1.343 3 3 0 .386-.08.752-.212 1.09.74.594 1.476 1.19 2.19 1.81L8.9 11.98c-.62-.716-1.214-1.454-1.807-2.192C6.753 9.92 6.387 10 6 10c-2.21 0-4-1.79-4-4zm12.152 6.848l1.34-1.34c.607.304 1.283.492 2.008.492 2.485 0 4.5-2.015 4.5-4.5 0-.725-.188-1.4-.493-2.007L18 9l-2-2 3.507-3.507C18.9 3.188 18.225 3 17.5 3 15.015 3 13 5.015 13 7.5c0 .725.188 1.4.493 2.007L3 20l2 2 6.848-6.848c1.885 1.928 3.874 3.753 5.977 5.45l1.425 1.148 1.5-1.5-1.15-1.425c-1.695-2.103-3.52-4.092-5.448-5.977z\" />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAO,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC;AAAohB,CAAE,CAC1hB,CAAC"}

package/build/mobile/image/icon-retry.native.js

@@ -9,7 +9,7 @@ var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
-var _default = (0, _react.createElement)(_components.SVG, {
+var _default = exports.default = (0, _react.createElement)(_components.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, (0, _react.createElement)(_components.Path, {
@@ -18,5 +18,4 @@ var _default = (0, _react.createElement)(_components.SVG, {
   d: "M0 0h24v24H0z",
   fill: 'none'
 }));
-exports.default = _default;
 //# sourceMappingURL=icon-retry.native.js.map

package/build/mobile/image/icon-retry.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_default","_react","createElement","SVG","xmlns","viewBox","Path","d","fill","exports","default"],"sources":["@wordpress/components/src/mobile/image/icon-retry.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\" />\n\t\t<Path d=\"M0 0h24v24H0z\" fill={ 'none' } />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC;AAA4M,CAAE,CAAC,EACvN,IAAAN,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAQ,IAAI;EAACC,CAAC,EAAC,eAAe;EAACC,IAAI,EAAG;AAAQ,CAAE,CACrC,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAV,QAAA"}
+{"version":3,"names":["_components","require","_default","exports","default","_react","createElement","SVG","xmlns","viewBox","Path","d","fill"],"sources":["@wordpress/components/src/mobile/image/icon-retry.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Path, SVG } from '@wordpress/components';\n\nexport default (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d=\"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z\" />\n\t\t<Path d=\"M0 0h24v24H0z\" fill={ 'none' } />\n\t</SVG>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAMC,IAAAC,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAO,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC;AAA4M,CAAE,CAAC,EACvN,IAAAN,MAAA,CAAAC,aAAA,EAACN,WAAA,CAAAU,IAAI;EAACC,CAAC,EAAC,eAAe;EAACC,IAAI,EAAG;AAAQ,CAAE,CACrC,CAAC"}

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

@@ -57,6 +57,5 @@ const ImageEditingButton = ({
     pickerOptions: pickerOptions
   });
 };
-var _default = ImageEditingButton;
-exports.default = _default;
+var _default = exports.default = ImageEditingButton;
 //# sourceMappingURL=image-editing-button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_i18n","_mediaEdit","_iconCustomize","_interopRequireDefault","_style","accessibilityHint","Platform","OS","__","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","_react","createElement","MediaEdit","onSelect","source","uri","openReplaceMediaOptions","render","open","mediaOptions","TouchableWithoutFeedback","accessibilityLabel","accessibilityRole","onPress","View","style","styles","editContainer","edit","Icon","size","icon","SvgIconCustomize","iconCustomise","_default","exports","default"],"sources":["@wordpress/components/src/mobile/image/image-editing-button.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAD,sBAAA,CAAAL,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAMO,iBAAiB,GACtBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAClB,IAAAC,QAAE,EACF,sEACA,CAAC,GACD,IAAAA,QAAE,EACF,sEACA,CAAC;AAEL,MAAMC,kBAAkB,GAAGA,CAAE;EAC5BC,yBAAyB;EACzBC,gBAAgB;EAChBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACd,UAAA,CAAAe,SAAS;IACTC,QAAQ,EAAGP,yBAA2B;IACtCQ,MAAM,EAAG;MAAEC,GAAG,EAAEN;IAAI,CAAG;IACvBO,uBAAuB,EAAGT,gBAAkB;IAC5CU,MAAM,EAAGA,CAAE;MAAEC,IAAI;MAAEC;IAAa,CAAC,KAChC,IAAAT,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA2B,wBAAwB;MACxBnB,iBAAiB,EAAGA,iBAAmB;MACvCoB,kBAAkB,EAAG,IAAAjB,QAAE,EAAE,YAAa,CAAG;MACzCkB,iBAAiB,EAAG,QAAU;MAC9BC,OAAO,EAAGL;IAAM,GAEhB,IAAAR,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA+B,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC;IAAe,GACnC,IAAAjB,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA+B,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACE;IAAM,GACxBT,YAAY,CAAC,CAAC,EAChB,IAAAT,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAkC,IAAI;MACJC,IAAI,EAAG,EAAI;MACXC,IAAI,EAAGC,sBAAkB;MAAA,GACpBN,cAAM,CAACO;IAAa,CACzB,CACI,CACD,CACmB,CACxB;IACHzB,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ,CAAC;AAAC,IAAA0B,QAAA,GAEa7B,kBAAkB;AAAA8B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_reactNative","require","_components","_i18n","_mediaEdit","_iconCustomize","_interopRequireDefault","_style","accessibilityHint","Platform","OS","__","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","_react","createElement","MediaEdit","onSelect","source","uri","openReplaceMediaOptions","render","open","mediaOptions","TouchableWithoutFeedback","accessibilityLabel","accessibilityRole","onPress","View","style","styles","editContainer","edit","Icon","size","icon","SvgIconCustomize","iconCustomise","_default","exports","default"],"sources":["@wordpress/components/src/mobile/image/image-editing-button.native.js"],"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"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAD,sBAAA,CAAAL,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAMO,iBAAiB,GACtBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAClB,IAAAC,QAAE,EACF,sEACA,CAAC,GACD,IAAAA,QAAE,EACF,sEACA,CAAC;AAEL,MAAMC,kBAAkB,GAAGA,CAAE;EAC5BC,yBAAyB;EACzBC,gBAAgB;EAChBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACd,UAAA,CAAAe,SAAS;IACTC,QAAQ,EAAGP,yBAA2B;IACtCQ,MAAM,EAAG;MAAEC,GAAG,EAAEN;IAAI,CAAG;IACvBO,uBAAuB,EAAGT,gBAAkB;IAC5CU,MAAM,EAAGA,CAAE;MAAEC,IAAI;MAAEC;IAAa,CAAC,KAChC,IAAAT,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA2B,wBAAwB;MACxBnB,iBAAiB,EAAGA,iBAAmB;MACvCoB,kBAAkB,EAAG,IAAAjB,QAAE,EAAE,YAAa,CAAG;MACzCkB,iBAAiB,EAAG,QAAU;MAC9BC,OAAO,EAAGL;IAAM,GAEhB,IAAAR,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA+B,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACC;IAAe,GACnC,IAAAjB,MAAA,CAAAC,aAAA,EAAClB,YAAA,CAAA+B,IAAI;MAACC,KAAK,EAAGC,cAAM,CAACE;IAAM,GACxBT,YAAY,CAAC,CAAC,EAChB,IAAAT,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAkC,IAAI;MACJC,IAAI,EAAG,EAAI;MACXC,IAAI,EAAGC,sBAAkB;MAAA,GACpBN,cAAM,CAACO;IAAa,CACzB,CACI,CACD,CACmB,CACxB;IACHzB,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa/B,kBAAkB"}

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

@@ -61,6 +61,9 @@ const ImageComponent = ({
 }) => {
   const [imageData, setImageData] = (0, _element.useState)(null);
   const [containerSize, setContainerSize] = (0, _element.useState)(null);
+  const [localURL, setLocalURL] = (0, _element.useState)(null);
+  const [networkURL, setNetworkURL] = (0, _element.useState)(null);
+  const [networkImageLoaded, setNetworkImageLoaded] = (0, _element.useState)(false);
 
   // Disabled for Android due to https://github.com/WordPress/gutenberg/issues/43149
   const Image = !shouldUseFastImage || _element.Platform.isAndroid ? _reactNative.Image : _reactNativeFastImage.default;
@@ -82,6 +85,29 @@ const ImageComponent = ({
           onImageDataLoad(metaData);
         }
       });
+      if (url.startsWith('file:///')) {
+        setLocalURL(url);
+        setNetworkURL(null);
+        setNetworkImageLoaded(false);
+      } else if (url.startsWith('https://')) {
+        if (_element.Platform.isIOS) {
+          setNetworkURL(url);
+        } else if (_element.Platform.isAndroid) {
+          _reactNative.Image.prefetch(url).then(() => {
+            if (!isCurrent) {
+              return;
+            }
+            setNetworkURL(url);
+            setNetworkImageLoaded(true);
+          }, () => {
+            // This callback is called when the image fails to load,
+            // but these events are handled by `isUploadFailed`
+            // and `isUploadPaused` events instead.
+            //
+            // Ignoring the error event will persist the local image URI.
+          });
+        }
+      }
     }
     return () => isCurrent = false;
     // Disable reason: deferring this refactor to the native team.
@@ -142,8 +168,16 @@ const ImageComponent = ({
   }, resizeMode && {
     width: _style.default.wide?.width
   }, focalPoint && _style.default.focalPointContainer];
+  const opacityValue = (0, _element.useRef)(new _reactNative.Animated.Value(1)).current;
+  (0, _element.useEffect)(() => {
+    _reactNative.Animated.timing(opacityValue, {
+      toValue: isUploadInProgress ? 0.3 : 1,
+      duration: 100,
+      useNativeDriver: true
+    }).start();
+  }, [isUploadInProgress, opacityValue]);
   const imageStyles = [{
-    opacity: isUploadInProgress ? 0.3 : 1,
+    opacity: opacityValue,
     height: containerSize?.height
   }, !resizeMode && {
     aspectRatio: imageData?.aspectRatio
@@ -152,8 +186,19 @@ const ImageComponent = ({
   }, imageHeight && {
     height: imageHeight
   }, shapeStyle];
+
+  // On iOS, add 1 to height to account for the 1px non-visible image
+  // that is used to determine when the network image has loaded
+  // We also must verify that it is not NaN, as it can be NaN when the image is loading.
+  // This is not necessary on Android as the non-visible image is not used.
+  let calculatedSelectedHeight;
+  if (_element.Platform.isIOS) {
+    calculatedSelectedHeight = containerSize && !isNaN(containerSize.height) ? containerSize.height + 1 : 0;
+  } else {
+    calculatedSelectedHeight = containerSize?.height;
+  }
   const imageSelectedStyles = [(0, _compose.usePreferredColorSchemeStyle)(_style.default.imageBorder, _style.default.imageBorderDark), {
-    height: containerSize?.height
+    height: calculatedSelectedHeight
   }];
   return (0, _react.createElement)(_reactNative.View, {
     style: [_style.default.container,
@@ -180,16 +225,46 @@ const ImageComponent = ({
     style: _style.default.imageUploadingIconContainer
   }, getIcon(ICON_TYPE.UPLOAD))) : (0, _react.createElement)(_reactNative.View, {
     style: focalPoint && _style.default.focalPointContent
-  }, (0, _react.createElement)(Image, {
+  }, _element.Platform.isAndroid && (0, _react.createElement)(_react.Fragment, null, networkImageLoaded && networkURL && (0, _react.createElement)(_reactNative.Animated.Image, {
+    style: imageStyles,
+    fadeDuration: 0,
+    source: {
+      uri: networkURL
+    },
+    ...(!focalPoint && {
+      resizeMethod: 'scale'
+    }),
+    resizeMode: imageResizeMode,
+    testID: `network-image-${url}`
+  }), !networkImageLoaded && !networkURL && (0, _react.createElement)(_reactNative.Animated.Image, {
     style: imageStyles,
+    fadeDuration: 0,
     source: {
-      uri: url
+      uri: localURL
     },
     ...(!focalPoint && {
       resizeMethod: 'scale'
     }),
     resizeMode: imageResizeMode
-  })), (isUploadFailed || isUploadPaused) && retryMessage && (0, _react.createElement)(_reactNative.View, {
+  })), _element.Platform.isIOS && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.Animated.Image, {
+    style: imageStyles,
+    source: {
+      uri: networkURL && networkImageLoaded ? networkURL : localURL || url
+    },
+    ...(!focalPoint && {
+      resizeMethod: 'scale'
+    }),
+    resizeMode: imageResizeMode,
+    testID: `network-image-${networkURL && networkImageLoaded ? networkURL : localURL || url}`
+  }), (0, _react.createElement)(Image, {
+    source: {
+      uri: networkURL
+    },
+    style: _style.default.nonVisibleImage,
+    onLoad: () => {
+      setNetworkImageLoaded(true);
+    }
+  }))), (isUploadFailed || isUploadPaused) && retryMessage && (0, _react.createElement)(_reactNative.View, {
     style: [_style.default.imageContainer, retryContainerStyles]
   }, (0, _react.createElement)(_reactNative.View, {
     style: [retryIconStyles, retryIcon && _style.default.customRetryIcon]
@@ -202,6 +277,5 @@ const ImageComponent = ({
     pickerOptions: mediaPickerOptions
   }));
 };
-var _default = ImageComponent;
-exports.default = _default;
+var _default = exports.default = ImageComponent;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +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":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,QAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,UAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,mBAAA,GAAAT,sBAAA,CAAAF,OAAA;AArBA;AACA;AACA;;AAIA;AACA;AACA;;AAOA;AACA;AACA;;AAMA,MAAMY,SAAS,GAAG;EACjBC,OAAO,EAAE,SAAS;EAClBC,WAAW,EAAE,aAAa;EAC1BC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACT,CAAC;AAED,MAAMC,cAAc,GAAGA,CAAE;EACxBC,KAAK;EACLC,GAAG;EACHC,UAAU,GAAG,IAAI;EACjBC,UAAU;EACVC,MAAM,EAAEC,WAAW;EACnBC,iBAAiB,GAAG,IAAI;EACxBC,UAAU;EACVC,kBAAkB;EAClBC,cAAc;EACdC,cAAc;EACdC,kBAAkB;EAClBC,kBAAkB;EAClBC,eAAe;EACfC,yBAAyB;EACzBC,gBAAgB;EAChBC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,GAAG;EACHC,UAAU;EACVC,KAAK;EACLC,KAAK,EAAEC;AACR,CAAC,KAAM;EACN,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EACpD,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAF,iBAAQ,EAAE,IAAK,CAAC;;EAE5D;EACA,MAAMG,KAAK,GACV,CAAErB,kBAAkB,IAAIsB,iBAAQ,CAACC,SAAS,GAAGC,kBAAO,GAAGC,6BAAS;EACjE,MAAMC,eAAe,GACpB,CAAE1B,kBAAkB,IAAIsB,iBAAQ,CAACC,SAAS,GACvCf,UAAU,GACViB,6BAAS,CAACjB,UAAU,CAAEA,UAAU,CAAE;EAEtC,IAAAmB,kBAAS,EAAE,MAAM;IAChB,IAAIC,SAAS,GAAG,IAAI;IACpB,IAAKjB,GAAG,EAAG;MACVa,kBAAO,CAACK,OAAO,CAAElB,GAAG,EAAE,CAAEmB,QAAQ,EAAEC,SAAS,KAAM;QAChD,IAAK,CAAEH,SAAS,EAAG;UAClB;QACD;QACA,MAAMI,QAAQ,GAAG;UAChBC,WAAW,EAAEH,QAAQ,GAAGC,SAAS;UACjCjB,KAAK,EAAEgB,QAAQ;UACflC,MAAM,EAAEmC;QACT,CAAC;QACDd,YAAY,CAAEe,QAAS,CAAC;QACxB,IAAK3B,eAAe,EAAG;UACtBA,eAAe,CAAE2B,QAAS,CAAC;QAC5B;MACD,CAAE,CAAC;IACJ;IACA,OAAO,MAAQJ,SAAS,GAAG,KAAO;IAClC;IACA;IACA;EACD,CAAC,EAAE,CAAEjB,GAAG,CAAG,CAAC;EAEZ,MAAMuB,iBAAiB,GAAKC,KAAK,IAAM;IACtC,MAAM;MAAEvC,MAAM;MAAEkB;IAAM,CAAC,GAAGqB,KAAK,CAACC,WAAW,CAACC,MAAM;IAElD,IACCvB,KAAK,KAAK,CAAC,IACXlB,MAAM,KAAK,CAAC,KACVuB,aAAa,EAAEL,KAAK,KAAKA,KAAK,IAC/BK,aAAa,EAAEvB,MAAM,KAAKA,MAAM,CAAE,EAClC;MACDwB,gBAAgB,CAAE;QAAEN,KAAK;QAAElB;MAAO,CAAE,CAAC;IACtC;EACD,CAAC;EAED,MAAM0C,OAAO,GAAKC,QAAQ,IAAM;IAC/B,IAAIC,IAAI;IACR,IAAIC,SAAS;IACb,QAASF,QAAQ;MAChB,KAAKrD,SAAS,CAACG,KAAK;QACnBmD,IAAI,GAAG9B,SAAS,IAAIgC,kBAAY;QAChCD,SAAS,GAAGE,eAAe;QAC3B;MACD,KAAKzD,SAAS,CAACC,OAAO;QACrBqD,IAAI,GAAGI,cAAO;QACdH,SAAS,GAAGI,iBAAiB;QAC7B;MACD,KAAK3D,SAAS,CAACE,WAAW;QACzBoD,IAAI,GAAGM,YAAK;QACZL,SAAS,GAAGM,qBAAqB;QACjC;MACD,KAAK7D,SAAS,CAACI,MAAM;QACpBkD,IAAI,GAAGM,YAAK;QACZL,SAAS,GAAGO,gBAAgB;QAC5B;IACF;IACA,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACxE,WAAA,CAAAyE,IAAI;MAACX,IAAI,EAAGA,IAAM;MAAA,GAAMC;IAAS,CAAI,CAAC;EAC/C,CAAC;EAED,MAAMM,qBAAqB,GAAG,IAAAK,qCAA4B,EACzDC,cAAM,CAACC,eAAe,EACtBD,cAAM,CAACE,mBACR,CAAC;EAED,MAAMP,gBAAgB,GAAG,IAAAI,qCAA4B,EACpDC,cAAM,CAACG,UAAU,EACjBH,cAAM,CAACI,cACR,CAAC;EAED,MAAMZ,iBAAiB,GAAG,IAAAO,qCAA4B,EACrDC,cAAM,CAACK,WAAW,EAClBL,cAAM,CAACM,eACR,CAAC;EAED,MAAMC,eAAe,GAAG,IAAAR,qCAA4B,EACnDC,cAAM,CAAC3C,SAAS,EAChB2C,cAAM,CAACQ,aACR,CAAC;EAED,MAAMlB,eAAe,GAAG,IAAAS,qCAA4B,EACnDC,cAAM,CAACS,SAAS,EAChBT,cAAM,CAACU,aACR,CAAC;EAED,MAAMC,oBAAoB,GAAG,IAAAZ,qCAA4B,EACxDC,cAAM,CAACY,cAAc,EACrBZ,cAAM,CAACa,kBACR,CAAC;EAED,MAAMC,sBAAsB,GAAG,IAAAf,qCAA4B,EAC1DC,cAAM,CAACe,gBAAgB,EACvBf,cAAM,CAACgB,oBACR,CAAC;EAED,MAAMC,iBAAiB,GAAG,CACzB,IAAAlB,qCAA4B,EAC3BC,cAAM,CAACkB,oBAAoB,EAC3BlB,cAAM,CAACmB,wBACR,CAAC,EACD7E,UAAU,IAAI0D,cAAM,CAACoB,kCAAkC,EACvD5E,WAAW,IAAI;IAAED,MAAM,EAAEC;EAAY,CAAC,CACtC;EAED,MAAM6E,WAAW,GAChB1D,SAAS,EAAEF,KAAK,GAAGK,aAAa,EAAEL,KAAK,GACpCE,SAAS,EAAEF,KAAK,GAChBuC,cAAM,CAACsB,IAAI,EAAE7D,KAAK;EAEtB,MAAM8D,oBAAoB,GAAG,CAC5BvB,cAAM,CAACwB,YAAY,EACnB;IACC/D,KAAK,EACJC,UAAU,KAAKsC,cAAM,CAACsB,IAAI,EAAE7D,KAAK,IAC/BE,SAAS,IACVD,UAAU,GAAG,CAAC,IACdA,UAAU,GAAGI,aAAa,EAAEL,KAAO,GACjCC,UAAU,GACV2D;EACL,CAAC,EACDlE,UAAU,IAAI;IAAEM,KAAK,EAAEuC,cAAM,CAACsB,IAAI,EAAE7D;EAAM,CAAC,EAC3CnB,UAAU,IAAI0D,cAAM,CAACyB,mBAAmB,CACxC;EAED,MAAMC,WAAW,GAAG,CACnB;IACCC,OAAO,EAAE7E,kBAAkB,GAAG,GAAG,GAAG,CAAC;IACrCP,MAAM,EAAEuB,aAAa,EAAEvB;EACxB,CAAC,EACD,CAAEY,UAAU,IAAI;IACfyB,WAAW,EAAEjB,SAAS,EAAEiB;EACzB,CAAC,EACDtC,UAAU,IAAI0D,cAAM,CAAC1D,UAAU,EAC/BA,UAAU,IACT,IAAAsF,mCAA4B,EAC3BtF,UAAU,EACVwB,aAAa,EACbH,SACD,CAAC,EACF,CAAErB,UAAU,IACXqB,SAAS,IACTG,aAAa,IAAI;IAChBvB,MAAM,EACLoB,SAAS,EAAEF,KAAK,GAAGK,aAAa,EAAEL,KAAK,IAAI,CAAEC,UAAU,GACpDI,aAAa,EAAEL,KAAK,GAAGE,SAAS,EAAEiB,WAAW,GAC7CiD;EACL,CAAC,EACFrF,WAAW,IAAI;IAAED,MAAM,EAAEC;EAAY,CAAC,EACtCe,UAAU,CACV;EACD,MAAMuE,mBAAmB,GAAG,CAC3B,IAAA/B,qCAA4B,EAC3BC,cAAM,CAAC+B,WAAW,EAClB/B,cAAM,CAACgC,eACR,CAAC,EACD;IAAEzF,MAAM,EAAEuB,aAAa,EAAEvB;EAAO,CAAC,CACjC;EAED,OACC,IAAAqD,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IACJzE,KAAK,EAAG,CACPwC,cAAM,CAACkC,SAAS;IAChB;IACA;IACA;IACAvE,SAAS,IAAIxB,KAAK,IAAI;MAAEgG,UAAU,EAAEhG;IAAM,CAAC,EAC3CqB,KAAK,CACH;IACH4E,QAAQ,EAAGvD;EAAmB,GAE9B,IAAAe,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IACJI,UAAU;IACVC,QAAQ,EAAG,CAAE5F,UAAY;IACzB6F,kBAAkB,EAAGnG,GAAK;IAC1BoG,iBAAiB,EAAG,IAAAC,QAAE,EAAE,6BAA8B,CAAG;IACzDC,iBAAiB,EAAG,aAAe;IACnCC,GAAG,EAAGrF,GAAK;IACXE,KAAK,EAAG+D;EAAsB,GAE5B7E,UAAU,IACXD,iBAAiB,IACjB,EACCK,kBAAkB,IAClBF,cAAc,IACdC,cAAc,CACd,IAAI,IAAA+C,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IAACzE,KAAK,EAAGsE;EAAqB,CAAE,CAAC,EAE1C,CAAEnE,SAAS,GACZ,IAAAiC,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IAACzE,KAAK,EAAGyD;EAAmB,GAChC,IAAArB,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IAACzE,KAAK,EAAGwC,cAAM,CAAC4C;EAA6B,GAC/C3D,OAAO,CAAEpD,SAAS,CAACI,MAAO,CACvB,CACD,CAAC,GAEP,IAAA2D,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IAACzE,KAAK,EAAGlB,UAAU,IAAI0D,cAAM,CAAC6C;EAAmB,GACrD,IAAAjD,MAAA,CAAAC,aAAA,EAAC7B,KAAK;IACLR,KAAK,EAAGkE,WAAa;IACrBoB,MAAM,EAAG;MAAEC,GAAG,EAAEzF;IAAI,CAAG;IAAA,IAChB,CAAEhB,UAAU,IAAI;MACtB0G,YAAY,EAAE;IACf,CAAC;IACD7F,UAAU,EAAGkB;EAAiB,CAC9B,CACI,CACN,EAEC,CAAEzB,cAAc,IAAIC,cAAc,KAAMO,YAAY,IACrD,IAAAwC,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IACJzE,KAAK,EAAG,CACPwC,cAAM,CAACiD,cAAc,EACrBtC,oBAAoB;EAClB,GAEH,IAAAf,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAiH,IAAI;IACJzE,KAAK,EAAG,CACP+C,eAAe,EACflD,SAAS,IAAI2C,cAAM,CAACkD,eAAe;EACjC,GAEDrG,cAAc,GACboC,OAAO,CAAEpD,SAAS,CAACC,OAAQ,CAAC,GAC5BmD,OAAO,CAAEpD,SAAS,CAACG,KAAM,CACvB,CAAC,EACP,IAAA4D,MAAA,CAAAC,aAAA,EAAC7E,YAAA,CAAAmI,IAAI;IAAC3F,KAAK,EAAGsD;EAAwB,GACnC1D,YACG,CACD,CAEF,CAAC,EAELf,UAAU,IAAIK,UAAU,IAAI,CAAEI,kBAAkB,IACjD,IAAA8C,MAAA,CAAAC,aAAA,EAACjE,mBAAA,CAAAwH,OAAkB;IAClBnG,yBAAyB,EAAGA,yBAA2B;IACvDC,gBAAgB,EAAGA,gBAAkB;IACrCI,GAAG,EACF,EAAIV,cAAc,IAAIC,cAAc,CAAE,IACtCc,SAAS,IACTL,GACA;IACD+F,aAAa,EAAGtG;EAAoB,CACpC,CAEG,CAAC;AAET,CAAC;AAAC,IAAAuG,QAAA,GAEapH,cAAc;AAAAqH,OAAA,CAAAH,OAAA,GAAAE,QAAA"}
+{"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","localURL","setLocalURL","networkURL","setNetworkURL","networkImageLoaded","setNetworkImageLoaded","Image","Platform","isAndroid","RNImage","FastImage","imageResizeMode","useEffect","isCurrent","getSize","imgWidth","imgHeight","metaData","aspectRatio","startsWith","isIOS","prefetch","then","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","opacityValue","useRef","Animated","Value","current","timing","toValue","duration","useNativeDriver","start","imageStyles","opacity","getImageWithFocalPointStyles","undefined","calculatedSelectedHeight","isNaN","imageSelectedStyles","imageBorder","imageBorderDark","View","container","alignItems","onLayout","accessible","disabled","accessibilityLabel","accessibilityHint","__","accessibilityRole","key","imageUploadingIconContainer","focalPointContent","Fragment","fadeDuration","source","uri","resizeMethod","testID","nonVisibleImage","onLoad","imageContainer","customRetryIcon","Text","default","pickerOptions","_default","exports"],"sources":["@wordpress/components/src/mobile/image/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, 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, useRef, 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\tconst [ localURL, setLocalURL ] = useState( null );\n\tconst [ networkURL, setNetworkURL ] = useState( null );\n\tconst [ networkImageLoaded, setNetworkImageLoaded ] = useState( false );\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\n\t\t\tif ( url.startsWith( 'file:///' ) ) {\n\t\t\t\tsetLocalURL( url );\n\t\t\t\tsetNetworkURL( null );\n\t\t\t\tsetNetworkImageLoaded( false );\n\t\t\t} else if ( url.startsWith( 'https://' ) ) {\n\t\t\t\tif ( Platform.isIOS ) {\n\t\t\t\t\tsetNetworkURL( url );\n\t\t\t\t} else if ( Platform.isAndroid ) {\n\t\t\t\t\tRNImage.prefetch( url ).then(\n\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\tif ( ! isCurrent ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetNetworkURL( url );\n\t\t\t\t\t\t\tsetNetworkImageLoaded( true );\n\t\t\t\t\t\t},\n\t\t\t\t\t\t() => {\n\t\t\t\t\t\t\t// This callback is called when the image fails to load,\n\t\t\t\t\t\t\t// but these events are handled by `isUploadFailed`\n\t\t\t\t\t\t\t// and `isUploadPaused` events instead.\n\t\t\t\t\t\t\t//\n\t\t\t\t\t\t\t// Ignoring the error event will persist the local image URI.\n\t\t\t\t\t\t}\n\t\t\t\t\t);\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 opacityValue = useRef( new Animated.Value( 1 ) ).current;\n\n\tuseEffect( () => {\n\t\tAnimated.timing( opacityValue, {\n\t\t\ttoValue: isUploadInProgress ? 0.3 : 1,\n\t\t\tduration: 100,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\t}, [ isUploadInProgress, opacityValue ] );\n\n\tconst imageStyles = [\n\t\t{\n\t\t\topacity: opacityValue,\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\n\t// On iOS, add 1 to height to account for the 1px non-visible image\n\t// that is used to determine when the network image has loaded\n\t// We also must verify that it is not NaN, as it can be NaN when the image is loading.\n\t// This is not necessary on Android as the non-visible image is not used.\n\tlet calculatedSelectedHeight;\n\tif ( Platform.isIOS ) {\n\t\tcalculatedSelectedHeight =\n\t\t\tcontainerSize && ! isNaN( containerSize.height )\n\t\t\t\t? containerSize.height + 1\n\t\t\t\t: 0;\n\t} else {\n\t\tcalculatedSelectedHeight = containerSize?.height;\n\t}\n\n\tconst imageSelectedStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.imageBorder,\n\t\t\tstyles.imageBorderDark\n\t\t),\n\t\t{\n\t\t\theight: calculatedSelectedHeight,\n\t\t},\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{ Platform.isAndroid && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ networkImageLoaded && networkURL && (\n\t\t\t\t\t\t\t\t\t<Animated.Image\n\t\t\t\t\t\t\t\t\t\tstyle={ imageStyles }\n\t\t\t\t\t\t\t\t\t\tfadeDuration={ 0 }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: networkURL } }\n\t\t\t\t\t\t\t\t\t\t{ ...( ! focalPoint && {\n\t\t\t\t\t\t\t\t\t\t\tresizeMethod: 'scale',\n\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t\tresizeMode={ imageResizeMode }\n\t\t\t\t\t\t\t\t\t\ttestID={ `network-image-${ url }` }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ ! networkImageLoaded && ! networkURL && (\n\t\t\t\t\t\t\t\t\t<Animated.Image\n\t\t\t\t\t\t\t\t\t\tstyle={ imageStyles }\n\t\t\t\t\t\t\t\t\t\tfadeDuration={ 0 }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: localURL } }\n\t\t\t\t\t\t\t\t\t\t{ ...( ! focalPoint && {\n\t\t\t\t\t\t\t\t\t\t\tresizeMethod: 'scale',\n\t\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\t\tresizeMode={ imageResizeMode }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ Platform.isIOS && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<Animated.Image\n\t\t\t\t\t\t\t\t\tstyle={ imageStyles }\n\t\t\t\t\t\t\t\t\tsource={ {\n\t\t\t\t\t\t\t\t\t\turi:\n\t\t\t\t\t\t\t\t\t\t\tnetworkURL && networkImageLoaded\n\t\t\t\t\t\t\t\t\t\t\t\t? networkURL\n\t\t\t\t\t\t\t\t\t\t\t\t: localURL || url,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t{ ...( ! focalPoint && {\n\t\t\t\t\t\t\t\t\t\tresizeMethod: 'scale',\n\t\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t\t\tresizeMode={ imageResizeMode }\n\t\t\t\t\t\t\t\t\ttestID={ `network-image-${\n\t\t\t\t\t\t\t\t\t\tnetworkURL && networkImageLoaded\n\t\t\t\t\t\t\t\t\t\t\t? networkURL\n\t\t\t\t\t\t\t\t\t\t\t: localURL || url\n\t\t\t\t\t\t\t\t\t}` }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\tsource={ { uri: networkURL } }\n\t\t\t\t\t\t\t\t\tstyle={ styles.nonVisibleImage }\n\t\t\t\t\t\t\t\t\tonLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetNetworkImageLoaded( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\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-avoiding-view/index.android.js

@@ -9,8 +9,6 @@ var _reactNative = require("react-native");
  * External dependencies
  */
 
-const KeyboardAvoidingView = _reactNative.KeyboardAvoidingView;
-exports.KeyboardAvoidingView = KeyboardAvoidingView;
-var _default = KeyboardAvoidingView;
-exports.default = _default;
+const KeyboardAvoidingView = exports.KeyboardAvoidingView = _reactNative.KeyboardAvoidingView;
+var _default = exports.default = KeyboardAvoidingView;
 //# sourceMappingURL=index.android.js.map

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

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

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

@@ -112,6 +112,5 @@ const KeyboardAvoidingView = ({
   }, resizeObserver, otherProps.children));
 };
 exports.KeyboardAvoidingView = KeyboardAvoidingView;
-var _default = KeyboardAvoidingView;
-exports.default = _default;
+var _default = exports.default = KeyboardAvoidingView;
 //# sourceMappingURL=index.ios.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeSafeArea","_interopRequireDefault","_element","_compose","_useIsFloatingKeyboard","_styles","AnimatedKeyboardAvoidingView","Animated","createAnimatedComponent","IOSKeyboardAvoidingView","MIN_HEIGHT","KeyboardAvoidingView","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","useResizeObserver","isKeyboardOpen","setIsKeyboardOpen","useState","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","useIsFloatingKeyboard","animatedHeight","useRef","Value","current","fullHeight","Dimensions","get","keyboardVerticalOffset","useEffect","SafeArea","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","safeAreaSubscription","addEventListener","onSafeAreaInsetsUpdate","keyboardShowSubscription","Keyboard","addListener","onKeyboardWillShow","keyboardHideSubscription","onKeyboardWillHide","remove","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","removeListener","_react","createElement","enabled","behavior","marginBottom","View","top","styles","animatedChildStyle","defaultChildStyle","children","exports","_default","default"],"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tKeyboardAvoidingView as IOSKeyboardAvoidingView,\n\tAnimated,\n\tKeyboard,\n\tDimensions,\n\tView,\n} from 'react-native';\nimport SafeArea from 'react-native-safe-area';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { useResizeObserver } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useIsFloatingKeyboard from '../utils/use-is-floating-keyboard';\nimport styles from './styles.scss';\n\nconst AnimatedKeyboardAvoidingView = Animated.createAnimatedComponent(\n\tIOSKeyboardAvoidingView\n);\n\nconst MIN_HEIGHT = 44;\n\nexport const KeyboardAvoidingView = ( {\n\tparentHeight,\n\tstyle,\n\twithAnimatedHeight = false,\n\t...otherProps\n} ) => {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ isKeyboardOpen, setIsKeyboardOpen ] = useState( false );\n\tconst [ safeAreaBottomInset, setSafeAreaBottomInset ] = useState( 0 );\n\tconst { height = 0 } = sizes || {};\n\tconst floatingKeyboard = useIsFloatingKeyboard();\n\n\tconst animatedHeight = useRef( new Animated.Value( MIN_HEIGHT ) ).current;\n\n\tconst { height: fullHeight } = Dimensions.get( 'screen' );\n\tconst keyboardVerticalOffset = fullHeight - parentHeight;\n\n\tuseEffect( () => {\n\t\tSafeArea.getSafeAreaInsetsForRootView().then(\n\t\t\t( { safeAreaInsets } ) => {\n\t\t\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t\t\t}\n\t\t);\n\t\tconst safeAreaSubscription = SafeArea.addEventListener(\n\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\tonSafeAreaInsetsUpdate\n\t\t);\n\t\tconst keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillShow',\n\t\t\tonKeyboardWillShow\n\t\t);\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillHide',\n\t\t\tonKeyboardWillHide\n\t\t);\n\n\t\treturn () => {\n\t\t\tsafeAreaSubscription.remove();\n\t\t\tkeyboardShowSubscription.remove();\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tfunction onSafeAreaInsetsUpdate( { safeAreaInsets } ) {\n\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t}\n\n\tfunction onKeyboardWillShow( { endCoordinates } ) {\n\t\tsetIsKeyboardOpen( true );\n\t\tanimatedHeight.setValue( endCoordinates.height + MIN_HEIGHT );\n\t}\n\n\tfunction onKeyboardWillHide( { duration, startCoordinates } ) {\n\t\t// The startCoordinates.height is set to wrong value when we use cmd + k for hide the keyboard (Have no idea why).\n\t\t// Because of that the `setIsKeyboardOpened` is not invoked and the state of keyboard is wrong.\n\t\t// The keyboardIsOpenBreakpoint use 100 as a fallback if the startCoordinates.height is too small (cmd + k case)\n\t\tconst keyboardIsOpenBreakpoint =\n\t\t\tstartCoordinates.height > 100 ? startCoordinates.height / 3 : 100;\n\t\tconst animatedListenerId = animatedHeight.addListener(\n\t\t\t( { value } ) => {\n\t\t\t\tif ( value < keyboardIsOpenBreakpoint ) {\n\t\t\t\t\tsetIsKeyboardOpen( false );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tAnimated.timing( animatedHeight, {\n\t\t\ttoValue: MIN_HEIGHT,\n\t\t\tduration,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start( () => {\n\t\t\tanimatedHeight.removeListener( animatedListenerId );\n\t\t} );\n\t}\n\n\treturn (\n\t\t<AnimatedKeyboardAvoidingView\n\t\t\t{ ...otherProps }\n\t\t\tenabled={ ! floatingKeyboard }\n\t\t\tbehavior=\"padding\"\n\t\t\tkeyboardVerticalOffset={ keyboardVerticalOffset }\n\t\t\tstyle={\n\t\t\t\twithAnimatedHeight\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tstyle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: animatedHeight,\n\t\t\t\t\t\t\t\tmarginBottom: isKeyboardOpen\n\t\t\t\t\t\t\t\t\t? -safeAreaBottomInset\n\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: style\n\t\t\t}\n\t\t>\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttop: -height + MIN_HEIGHT,\n\t\t\t\t\t},\n\t\t\t\t\tstyles.animatedChildStyle,\n\t\t\t\t\t! withAnimatedHeight && styles.defaultChildStyle,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ otherProps.children }\n\t\t\t</View>\n\t\t</AnimatedKeyboardAvoidingView>\n\t);\n};\n\nexport default KeyboardAvoidingView;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAOA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,sBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,OAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAtBA;AACA;AACA;;AAUA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMO,4BAA4B,GAAGC,qBAAQ,CAACC,uBAAuB,CACpEC,iCACD,CAAC;AAED,MAAMC,UAAU,GAAG,EAAE;AAEd,MAAMC,oBAAoB,GAAGA,CAAE;EACrCC,YAAY;EACZC,KAAK;EACLC,kBAAkB,GAAG,KAAK;EAC1B,GAAGC;AACJ,CAAC,KAAM;EACN,MAAM,CAAEC,cAAc,EAAEC,KAAK,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EACrD,MAAM,CAAEC,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAC/D,MAAM,CAAEC,mBAAmB,EAAEC,sBAAsB,CAAE,GAAG,IAAAF,iBAAQ,EAAE,CAAE,CAAC;EACrE,MAAM;IAAEG,MAAM,GAAG;EAAE,CAAC,GAAGP,KAAK,IAAI,CAAC,CAAC;EAClC,MAAMQ,gBAAgB,GAAG,IAAAC,8BAAqB,EAAC,CAAC;EAEhD,MAAMC,cAAc,GAAG,IAAAC,eAAM,EAAE,IAAIrB,qBAAQ,CAACsB,KAAK,CAAEnB,UAAW,CAAE,CAAC,CAACoB,OAAO;EAEzE,MAAM;IAAEN,MAAM,EAAEO;EAAW,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAE,QAAS,CAAC;EACzD,MAAMC,sBAAsB,GAAGH,UAAU,GAAGnB,YAAY;EAExD,IAAAuB,kBAAS,EAAE,MAAM;IAChBC,4BAAQ,CAACC,4BAA4B,CAAC,CAAC,CAACC,IAAI,CAC3C,CAAE;MAAEC;IAAe,CAAC,KAAM;MACzBhB,sBAAsB,CAAEgB,cAAc,CAACC,MAAO,CAAC;IAChD,CACD,CAAC;IACD,MAAMC,oBAAoB,GAAGL,4BAAQ,CAACM,gBAAgB,CACrD,oCAAoC,EACpCC,sBACD,CAAC;IACD,MAAMC,wBAAwB,GAAGC,qBAAQ,CAACC,WAAW,CACpD,kBAAkB,EAClBC,kBACD,CAAC;IACD,MAAMC,wBAAwB,GAAGH,qBAAQ,CAACC,WAAW,CACpD,kBAAkB,EAClBG,kBACD,CAAC;IAED,OAAO,MAAM;MACZR,oBAAoB,CAACS,MAAM,CAAC,CAAC;MAC7BN,wBAAwB,CAACM,MAAM,CAAC,CAAC;MACjCF,wBAAwB,CAACE,MAAM,CAAC,CAAC;IAClC,CAAC;IACD;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,SAASP,sBAAsBA,CAAE;IAAEJ;EAAe,CAAC,EAAG;IACrDhB,sBAAsB,CAAEgB,cAAc,CAACC,MAAO,CAAC;EAChD;EAEA,SAASO,kBAAkBA,CAAE;IAAEI;EAAe,CAAC,EAAG;IACjD/B,iBAAiB,CAAE,IAAK,CAAC;IACzBO,cAAc,CAACyB,QAAQ,CAAED,cAAc,CAAC3B,MAAM,GAAGd,UAAW,CAAC;EAC9D;EAEA,SAASuC,kBAAkBA,CAAE;IAAEI,QAAQ;IAAEC;EAAiB,CAAC,EAAG;IAC7D;IACA;IACA;IACA,MAAMC,wBAAwB,GAC7BD,gBAAgB,CAAC9B,MAAM,GAAG,GAAG,GAAG8B,gBAAgB,CAAC9B,MAAM,GAAG,CAAC,GAAG,GAAG;IAClE,MAAMgC,kBAAkB,GAAG7B,cAAc,CAACmB,WAAW,CACpD,CAAE;MAAEW;IAAM,CAAC,KAAM;MAChB,IAAKA,KAAK,GAAGF,wBAAwB,EAAG;QACvCnC,iBAAiB,CAAE,KAAM,CAAC;MAC3B;IACD,CACD,CAAC;IAEDb,qBAAQ,CAACmD,MAAM,CAAE/B,cAAc,EAAE;MAChCgC,OAAO,EAAEjD,UAAU;MACnB2C,QAAQ;MACRO,eAAe,EAAE;IAClB,CAAE,CAAC,CAACC,KAAK,CAAE,MAAM;MAChBlC,cAAc,CAACmC,cAAc,CAAEN,kBAAmB,CAAC;IACpD,CAAE,CAAC;EACJ;EAEA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAC1D,4BAA4B;IAAA,GACvBS,UAAU;IACfkD,OAAO,EAAG,CAAExC,gBAAkB;IAC9ByC,QAAQ,EAAC,SAAS;IAClBhC,sBAAsB,EAAGA,sBAAwB;IACjDrB,KAAK,EACJC,kBAAkB,GACf,CACAD,KAAK,EACL;MACCW,MAAM,EAAEG,cAAc;MACtBwC,YAAY,EAAEhD,cAAc,GACzB,CAACG,mBAAmB,GACpB;IACJ,CAAC,CACA,GACDT;EACH,GAED,IAAAkD,MAAA,CAAAC,aAAA,EAAClE,YAAA,CAAAsE,IAAI;IACJvD,KAAK,EAAG,CACP;MACCwD,GAAG,EAAE,CAAC7C,MAAM,GAAGd;IAChB,CAAC,EACD4D,eAAM,CAACC,kBAAkB,EACzB,CAAEzD,kBAAkB,IAAIwD,eAAM,CAACE,iBAAiB;EAC9C,GAEDxD,cAAc,EACdD,UAAU,CAAC0D,QACR,CACuB,CAAC;AAEjC,CAAC;AAACC,OAAA,CAAA/D,oBAAA,GAAAA,oBAAA;AAAA,IAAAgE,QAAA,GAEahE,oBAAoB;AAAA+D,OAAA,CAAAE,OAAA,GAAAD,QAAA"}
+{"version":3,"names":["_reactNative","require","_reactNativeSafeArea","_interopRequireDefault","_element","_compose","_useIsFloatingKeyboard","_styles","AnimatedKeyboardAvoidingView","Animated","createAnimatedComponent","IOSKeyboardAvoidingView","MIN_HEIGHT","KeyboardAvoidingView","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","useResizeObserver","isKeyboardOpen","setIsKeyboardOpen","useState","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","useIsFloatingKeyboard","animatedHeight","useRef","Value","current","fullHeight","Dimensions","get","keyboardVerticalOffset","useEffect","SafeArea","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","safeAreaSubscription","addEventListener","onSafeAreaInsetsUpdate","keyboardShowSubscription","Keyboard","addListener","onKeyboardWillShow","keyboardHideSubscription","onKeyboardWillHide","remove","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","removeListener","_react","createElement","enabled","behavior","marginBottom","View","top","styles","animatedChildStyle","defaultChildStyle","children","exports","_default","default"],"sources":["@wordpress/components/src/mobile/keyboard-avoiding-view/index.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tKeyboardAvoidingView as IOSKeyboardAvoidingView,\n\tAnimated,\n\tKeyboard,\n\tDimensions,\n\tView,\n} from 'react-native';\nimport SafeArea from 'react-native-safe-area';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { useResizeObserver } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useIsFloatingKeyboard from '../utils/use-is-floating-keyboard';\nimport styles from './styles.scss';\n\nconst AnimatedKeyboardAvoidingView = Animated.createAnimatedComponent(\n\tIOSKeyboardAvoidingView\n);\n\nconst MIN_HEIGHT = 44;\n\nexport const KeyboardAvoidingView = ( {\n\tparentHeight,\n\tstyle,\n\twithAnimatedHeight = false,\n\t...otherProps\n} ) => {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst [ isKeyboardOpen, setIsKeyboardOpen ] = useState( false );\n\tconst [ safeAreaBottomInset, setSafeAreaBottomInset ] = useState( 0 );\n\tconst { height = 0 } = sizes || {};\n\tconst floatingKeyboard = useIsFloatingKeyboard();\n\n\tconst animatedHeight = useRef( new Animated.Value( MIN_HEIGHT ) ).current;\n\n\tconst { height: fullHeight } = Dimensions.get( 'screen' );\n\tconst keyboardVerticalOffset = fullHeight - parentHeight;\n\n\tuseEffect( () => {\n\t\tSafeArea.getSafeAreaInsetsForRootView().then(\n\t\t\t( { safeAreaInsets } ) => {\n\t\t\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t\t\t}\n\t\t);\n\t\tconst safeAreaSubscription = SafeArea.addEventListener(\n\t\t\t'safeAreaInsetsForRootViewDidChange',\n\t\t\tonSafeAreaInsetsUpdate\n\t\t);\n\t\tconst keyboardShowSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillShow',\n\t\t\tonKeyboardWillShow\n\t\t);\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardWillHide',\n\t\t\tonKeyboardWillHide\n\t\t);\n\n\t\treturn () => {\n\t\t\tsafeAreaSubscription.remove();\n\t\t\tkeyboardShowSubscription.remove();\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tfunction onSafeAreaInsetsUpdate( { safeAreaInsets } ) {\n\t\tsetSafeAreaBottomInset( safeAreaInsets.bottom );\n\t}\n\n\tfunction onKeyboardWillShow( { endCoordinates } ) {\n\t\tsetIsKeyboardOpen( true );\n\t\tanimatedHeight.setValue( endCoordinates.height + MIN_HEIGHT );\n\t}\n\n\tfunction onKeyboardWillHide( { duration, startCoordinates } ) {\n\t\t// The startCoordinates.height is set to wrong value when we use cmd + k for hide the keyboard (Have no idea why).\n\t\t// Because of that the `setIsKeyboardOpened` is not invoked and the state of keyboard is wrong.\n\t\t// The keyboardIsOpenBreakpoint use 100 as a fallback if the startCoordinates.height is too small (cmd + k case)\n\t\tconst keyboardIsOpenBreakpoint =\n\t\t\tstartCoordinates.height > 100 ? startCoordinates.height / 3 : 100;\n\t\tconst animatedListenerId = animatedHeight.addListener(\n\t\t\t( { value } ) => {\n\t\t\t\tif ( value < keyboardIsOpenBreakpoint ) {\n\t\t\t\t\tsetIsKeyboardOpen( false );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\tAnimated.timing( animatedHeight, {\n\t\t\ttoValue: MIN_HEIGHT,\n\t\t\tduration,\n\t\t\tuseNativeDriver: false,\n\t\t} ).start( () => {\n\t\t\tanimatedHeight.removeListener( animatedListenerId );\n\t\t} );\n\t}\n\n\treturn (\n\t\t<AnimatedKeyboardAvoidingView\n\t\t\t{ ...otherProps }\n\t\t\tenabled={ ! floatingKeyboard }\n\t\t\tbehavior=\"padding\"\n\t\t\tkeyboardVerticalOffset={ keyboardVerticalOffset }\n\t\t\tstyle={\n\t\t\t\twithAnimatedHeight\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tstyle,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: animatedHeight,\n\t\t\t\t\t\t\t\tmarginBottom: isKeyboardOpen\n\t\t\t\t\t\t\t\t\t? -safeAreaBottomInset\n\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t  ]\n\t\t\t\t\t: style\n\t\t\t}\n\t\t>\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\t{\n\t\t\t\t\t\ttop: -height + MIN_HEIGHT,\n\t\t\t\t\t},\n\t\t\t\t\tstyles.animatedChildStyle,\n\t\t\t\t\t! withAnimatedHeight && styles.defaultChildStyle,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ resizeObserver }\n\t\t\t\t{ otherProps.children }\n\t\t\t</View>\n\t\t</AnimatedKeyboardAvoidingView>\n\t);\n};\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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"}

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

@@ -71,6 +71,5 @@ const KeyboardAwareFlatList = ({
   }));
 };
 exports.KeyboardAwareFlatList = KeyboardAwareFlatList;
-var _default = (0, _element.forwardRef)(KeyboardAwareFlatList);
-exports.default = _default;
+var _default = exports.default = (0, _element.forwardRef)(KeyboardAwareFlatList);
 //# sourceMappingURL=index.android.js.map

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

@@ -1 +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"}
+{"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,GAAAD,OAAA,CAAAH,OAAA,GAEa,IAAAK,mBAAU,EAAE3B,qBAAsB,CAAC"}

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

@@ -117,6 +117,5 @@ const KeyboardAwareFlatList = ({
   }));
 };
 exports.KeyboardAwareFlatList = KeyboardAwareFlatList;
-var _default = (0, _element.forwardRef)(KeyboardAwareFlatList);
-exports.default = _default;
+var _default = exports.default = (0, _element.forwardRef)(KeyboardAwareFlatList);
 //# sourceMappingURL=index.ios.js.map