@wordpress/components 25.5.0 → 25.6.0

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
@@ -9,48 +8,39 @@ import gradientParser from 'gradient-parser';
 /**
  * WordPress dependencies
  */
-
 import { colorsUtils } from '@wordpress/components';
 import { RadialGradient, Stop, SVG, Defs, Rect } from '@wordpress/primitives';
 import { useResizeObserver } from '@wordpress/compose';
 import { useMemo } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
 export function getGradientAngle(gradientValue) {
   const angleBase = 45;
   const matchAngle = /\(((\d+deg)|(to\s[^,]+))/;
   const angle = matchAngle.exec(gradientValue) ? matchAngle.exec(gradientValue)[1] : '180deg';
   const angleType = angle.includes('deg') ? 'angle' : 'sideOrCorner';
-
   if (angleType === 'sideOrCorner') {
     switch (angle) {
       case 'to top':
         return 0;
-
       case 'to top right':
       case 'to right top':
         return angleBase;
-
       case 'to right':
         return 2 * angleBase;
-
       case 'to bottom right':
       case 'to right bottom':
         return 3 * angleBase;
-
       case 'to bottom':
         return 4 * angleBase;
-
       case 'to bottom left':
       case 'to left bottom':
         return 5 * angleBase;
-
       case 'to left':
         return 6 * angleBase;
-
       case 'to top left':
       case 'to left top':
         return 7 * angleBase;
@@ -61,9 +51,10 @@ export function getGradientAngle(gradientValue) {
 }
 export function getGradientColorGroup(gradientValue) {
   const colorNeedParenthesis = ['rgb', 'rgba'];
-  const excludeSideOrCorner = /linear-gradient\(to\s+([a-z\s]+,)/; // Parser has some difficulties with angle defined as a side or corner (e.g. `to left`)
-  // so it's going to be excluded in order to matching color groups.
+  const excludeSideOrCorner = /linear-gradient\(to\s+([a-z\s]+,)/;
 
+  // Parser has some difficulties with angle defined as a side or corner (e.g. `to left`)
+  // so it's going to be excluded in order to matching color groups.
   const modifiedGradientValue = gradientValue.replace(excludeSideOrCorner, 'linear-gradient(');
   return [].concat(...gradientParser.parse(modifiedGradientValue)?.map(gradient => gradient.colorStops?.map((color, index) => {
     const {
@@ -73,13 +64,11 @@ export function getGradientColorGroup(gradientValue) {
     } = color;
     const fallbackLength = `${100 * (index / (gradient.colorStops.length - 1))}%`;
     const colorLength = length ? `${length.value}${length.type}` : fallbackLength;
-
     if (colorNeedParenthesis.includes(type)) {
       return [`${type}(${value.join(',')})`, colorLength];
     } else if (type === 'literal') {
       return [value, colorLength];
     }
-
     return [`#${value}`, colorLength];
   })));
 }
@@ -89,7 +78,6 @@ export function getGradientBaseColors(colorGroup) {
 export function getColorLocations(colorGroup) {
   return colorGroup.map(location => Number(location[1].replace('%', '')) / 100);
 }
-
 function Gradient({
   gradientValue,
   style,
@@ -113,13 +101,10 @@ function Gradient({
   const colorGroup = useMemo(() => getGradientColorGroup(gradientValue), [gradientValue]);
   const locations = useMemo(() => getColorLocations(colorGroup), [colorGroup]);
   const colors = useMemo(() => getGradientBaseColors(colorGroup), [colorGroup]);
-
   if (!gradientValue || !isGradient(gradientValue)) {
     return null;
   }
-
   const isLinearGradient = getGradientType(gradientValue) === gradients.linear;
-
   if (isLinearGradient) {
     return createElement(RNLinearGradient, {
       colors: colors,
@@ -131,12 +116,12 @@ function Gradient({
       ...otherProps
     }, children);
   }
-
   return createElement(View, {
     style: [style, styles.overflow]
   }, createElement(View, {
     style: styles.radialGradientContent
-  }, children), resizeObserver, createElement(SVG, null, createElement(Defs, null, createElement(RadialGradient // eslint-disable-next-line no-restricted-syntax
+  }, children), resizeObserver, createElement(SVG, null, createElement(Defs, null, createElement(RadialGradient
+  // eslint-disable-next-line no-restricted-syntax
   , {
     id: "radialGradient",
     gradientUnits: "userSpaceOnUse",
@@ -156,6 +141,5 @@ function Gradient({
     fill: "url(#radialGradient)"
   })));
 }
-
 export default Gradient;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/gradient/index.native.js"],"names":["View","Platform","RNLinearGradient","gradientParser","colorsUtils","RadialGradient","Stop","SVG","Defs","Rect","useResizeObserver","useMemo","styles","getGradientAngle","gradientValue","angleBase","matchAngle","angle","exec","angleType","includes","parseFloat","getGradientColorGroup","colorNeedParenthesis","excludeSideOrCorner","modifiedGradientValue","replace","concat","parse","map","gradient","colorStops","color","index","type","value","length","fallbackLength","colorLength","join","getGradientBaseColors","colorGroup","getColorLocations","location","Number","Gradient","style","angleCenter","x","y","children","otherProps","resizeObserver","sizes","width","height","isGradient","getGradientType","gradients","locations","colors","isLinearGradient","linear","overflow","radialGradientContent","OS","group"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Platform } from 'react-native';\nimport RNLinearGradient from 'react-native-linear-gradient';\nimport gradientParser from 'gradient-parser';\n/**\n * WordPress dependencies\n */\nimport { colorsUtils } from '@wordpress/components';\nimport { RadialGradient, Stop, SVG, Defs, Rect } from '@wordpress/primitives';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport function getGradientAngle( gradientValue ) {\n\tconst angleBase = 45;\n\tconst matchAngle = /\\(((\\d+deg)|(to\\s[^,]+))/;\n\tconst angle = matchAngle.exec( gradientValue )\n\t\t? matchAngle.exec( gradientValue )[ 1 ]\n\t\t: '180deg';\n\n\tconst angleType = angle.includes( 'deg' ) ? 'angle' : 'sideOrCorner';\n\n\tif ( angleType === 'sideOrCorner' ) {\n\t\tswitch ( angle ) {\n\t\t\tcase 'to top':\n\t\t\t\treturn 0;\n\t\t\tcase 'to top right':\n\t\t\tcase 'to right top':\n\t\t\t\treturn angleBase;\n\t\t\tcase 'to right':\n\t\t\t\treturn 2 * angleBase;\n\t\t\tcase 'to bottom right':\n\t\t\tcase 'to right bottom':\n\t\t\t\treturn 3 * angleBase;\n\t\t\tcase 'to bottom':\n\t\t\t\treturn 4 * angleBase;\n\t\t\tcase 'to bottom left':\n\t\t\tcase 'to left bottom':\n\t\t\t\treturn 5 * angleBase;\n\t\t\tcase 'to left':\n\t\t\t\treturn 6 * angleBase;\n\t\t\tcase 'to top left':\n\t\t\tcase 'to left top':\n\t\t\t\treturn 7 * angleBase;\n\t\t}\n\t} else if ( angleType === 'angle' ) {\n\t\treturn parseFloat( angle );\n\t} else return 4 * angleBase;\n}\n\nexport function getGradientColorGroup( gradientValue ) {\n\tconst colorNeedParenthesis = [ 'rgb', 'rgba' ];\n\n\tconst excludeSideOrCorner = /linear-gradient\\(to\\s+([a-z\\s]+,)/;\n\n\t// Parser has some difficulties with angle defined as a side or corner (e.g. `to left`)\n\t// so it's going to be excluded in order to matching color groups.\n\tconst modifiedGradientValue = gradientValue.replace(\n\t\texcludeSideOrCorner,\n\t\t'linear-gradient('\n\t);\n\n\treturn [].concat(\n\t\t...gradientParser.parse( modifiedGradientValue )?.map( ( gradient ) =>\n\t\t\tgradient.colorStops?.map( ( color, index ) => {\n\t\t\t\tconst { type, value, length } = color;\n\t\t\t\tconst fallbackLength = `${\n\t\t\t\t\t100 * ( index / ( gradient.colorStops.length - 1 ) )\n\t\t\t\t}%`;\n\t\t\t\tconst colorLength = length\n\t\t\t\t\t? `${ length.value }${ length.type }`\n\t\t\t\t\t: fallbackLength;\n\n\t\t\t\tif ( colorNeedParenthesis.includes( type ) ) {\n\t\t\t\t\treturn [ `${ type }(${ value.join( ',' ) })`, colorLength ];\n\t\t\t\t} else if ( type === 'literal' ) {\n\t\t\t\t\treturn [ value, colorLength ];\n\t\t\t\t}\n\t\t\t\treturn [ `#${ value }`, colorLength ];\n\t\t\t} )\n\t\t)\n\t);\n}\n\nexport function getGradientBaseColors( colorGroup ) {\n\treturn colorGroup.map( ( color ) => color[ 0 ] );\n}\n\nexport function getColorLocations( colorGroup ) {\n\treturn colorGroup.map(\n\t\t( location ) => Number( location[ 1 ].replace( '%', '' ) ) / 100\n\t);\n}\n\nfunction Gradient( {\n\tgradientValue,\n\tstyle,\n\tangleCenter = { x: 0.5, y: 0.5 },\n\tchildren,\n\t...otherProps\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst { width = 0, height = 0 } = sizes || {};\n\tconst { isGradient, getGradientType, gradients } = colorsUtils;\n\n\tconst colorGroup = useMemo(\n\t\t() => getGradientColorGroup( gradientValue ),\n\t\t[ gradientValue ]\n\t);\n\n\tconst locations = useMemo(\n\t\t() => getColorLocations( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tconst colors = useMemo(\n\t\t() => getGradientBaseColors( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tif ( ! gradientValue || ! isGradient( gradientValue ) ) {\n\t\treturn null;\n\t}\n\n\tconst isLinearGradient =\n\t\tgetGradientType( gradientValue ) === gradients.linear;\n\n\tif ( isLinearGradient ) {\n\t\treturn (\n\t\t\t<RNLinearGradient\n\t\t\t\tcolors={ colors }\n\t\t\t\tuseAngle={ true }\n\t\t\t\tangle={ getGradientAngle( gradientValue ) }\n\t\t\t\tlocations={ locations }\n\t\t\t\tangleCenter={ angleCenter }\n\t\t\t\tstyle={ style }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</RNLinearGradient>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ [ style, styles.overflow ] }>\n\t\t\t<View style={ styles.radialGradientContent }>{ children }</View>\n\t\t\t{ resizeObserver }\n\t\t\t<SVG>\n\t\t\t\t<Defs>\n\t\t\t\t\t<RadialGradient\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tid=\"radialGradient\"\n\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\trx=\"70%\"\n\t\t\t\t\t\try=\"70%\"\n\t\t\t\t\t\tcy={ Platform.OS === 'android' ? width / 2 : '50%' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ colorGroup.map( ( group ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Stop\n\t\t\t\t\t\t\t\t\toffset={ group[ 1 ] }\n\t\t\t\t\t\t\t\t\tstopColor={ group[ 0 ] }\n\t\t\t\t\t\t\t\t\tstopOpacity=\"1\"\n\t\t\t\t\t\t\t\t\tkey={ `${ group[ 1 ] }-${ group[ 0 ] }` }\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</RadialGradient>\n\t\t\t\t</Defs>\n\t\t\t\t<Rect\n\t\t\t\t\theight={ height }\n\t\t\t\t\twidth={ width }\n\t\t\t\t\tfill=\"url(#radialGradient)\"\n\t\t\t\t/>\n\t\t\t</SVG>\n\t\t</View>\n\t);\n}\n\nexport default Gradient;\n"]}
+{"version":3,"names":["View","Platform","RNLinearGradient","gradientParser","colorsUtils","RadialGradient","Stop","SVG","Defs","Rect","useResizeObserver","useMemo","styles","getGradientAngle","gradientValue","angleBase","matchAngle","angle","exec","angleType","includes","parseFloat","getGradientColorGroup","colorNeedParenthesis","excludeSideOrCorner","modifiedGradientValue","replace","concat","parse","map","gradient","colorStops","color","index","type","value","length","fallbackLength","colorLength","join","getGradientBaseColors","colorGroup","getColorLocations","location","Number","Gradient","style","angleCenter","x","y","children","otherProps","resizeObserver","sizes","width","height","isGradient","getGradientType","gradients","locations","colors","isLinearGradient","linear","createElement","useAngle","overflow","radialGradientContent","id","gradientUnits","rx","ry","cy","OS","group","offset","stopColor","stopOpacity","key","fill"],"sources":["@wordpress/components/src/mobile/gradient/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Platform } from 'react-native';\nimport RNLinearGradient from 'react-native-linear-gradient';\nimport gradientParser from 'gradient-parser';\n/**\n * WordPress dependencies\n */\nimport { colorsUtils } from '@wordpress/components';\nimport { RadialGradient, Stop, SVG, Defs, Rect } from '@wordpress/primitives';\nimport { useResizeObserver } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport function getGradientAngle( gradientValue ) {\n\tconst angleBase = 45;\n\tconst matchAngle = /\\(((\\d+deg)|(to\\s[^,]+))/;\n\tconst angle = matchAngle.exec( gradientValue )\n\t\t? matchAngle.exec( gradientValue )[ 1 ]\n\t\t: '180deg';\n\n\tconst angleType = angle.includes( 'deg' ) ? 'angle' : 'sideOrCorner';\n\n\tif ( angleType === 'sideOrCorner' ) {\n\t\tswitch ( angle ) {\n\t\t\tcase 'to top':\n\t\t\t\treturn 0;\n\t\t\tcase 'to top right':\n\t\t\tcase 'to right top':\n\t\t\t\treturn angleBase;\n\t\t\tcase 'to right':\n\t\t\t\treturn 2 * angleBase;\n\t\t\tcase 'to bottom right':\n\t\t\tcase 'to right bottom':\n\t\t\t\treturn 3 * angleBase;\n\t\t\tcase 'to bottom':\n\t\t\t\treturn 4 * angleBase;\n\t\t\tcase 'to bottom left':\n\t\t\tcase 'to left bottom':\n\t\t\t\treturn 5 * angleBase;\n\t\t\tcase 'to left':\n\t\t\t\treturn 6 * angleBase;\n\t\t\tcase 'to top left':\n\t\t\tcase 'to left top':\n\t\t\t\treturn 7 * angleBase;\n\t\t}\n\t} else if ( angleType === 'angle' ) {\n\t\treturn parseFloat( angle );\n\t} else return 4 * angleBase;\n}\n\nexport function getGradientColorGroup( gradientValue ) {\n\tconst colorNeedParenthesis = [ 'rgb', 'rgba' ];\n\n\tconst excludeSideOrCorner = /linear-gradient\\(to\\s+([a-z\\s]+,)/;\n\n\t// Parser has some difficulties with angle defined as a side or corner (e.g. `to left`)\n\t// so it's going to be excluded in order to matching color groups.\n\tconst modifiedGradientValue = gradientValue.replace(\n\t\texcludeSideOrCorner,\n\t\t'linear-gradient('\n\t);\n\n\treturn [].concat(\n\t\t...gradientParser.parse( modifiedGradientValue )?.map( ( gradient ) =>\n\t\t\tgradient.colorStops?.map( ( color, index ) => {\n\t\t\t\tconst { type, value, length } = color;\n\t\t\t\tconst fallbackLength = `${\n\t\t\t\t\t100 * ( index / ( gradient.colorStops.length - 1 ) )\n\t\t\t\t}%`;\n\t\t\t\tconst colorLength = length\n\t\t\t\t\t? `${ length.value }${ length.type }`\n\t\t\t\t\t: fallbackLength;\n\n\t\t\t\tif ( colorNeedParenthesis.includes( type ) ) {\n\t\t\t\t\treturn [ `${ type }(${ value.join( ',' ) })`, colorLength ];\n\t\t\t\t} else if ( type === 'literal' ) {\n\t\t\t\t\treturn [ value, colorLength ];\n\t\t\t\t}\n\t\t\t\treturn [ `#${ value }`, colorLength ];\n\t\t\t} )\n\t\t)\n\t);\n}\n\nexport function getGradientBaseColors( colorGroup ) {\n\treturn colorGroup.map( ( color ) => color[ 0 ] );\n}\n\nexport function getColorLocations( colorGroup ) {\n\treturn colorGroup.map(\n\t\t( location ) => Number( location[ 1 ].replace( '%', '' ) ) / 100\n\t);\n}\n\nfunction Gradient( {\n\tgradientValue,\n\tstyle,\n\tangleCenter = { x: 0.5, y: 0.5 },\n\tchildren,\n\t...otherProps\n} ) {\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\tconst { width = 0, height = 0 } = sizes || {};\n\tconst { isGradient, getGradientType, gradients } = colorsUtils;\n\n\tconst colorGroup = useMemo(\n\t\t() => getGradientColorGroup( gradientValue ),\n\t\t[ gradientValue ]\n\t);\n\n\tconst locations = useMemo(\n\t\t() => getColorLocations( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tconst colors = useMemo(\n\t\t() => getGradientBaseColors( colorGroup ),\n\t\t[ colorGroup ]\n\t);\n\n\tif ( ! gradientValue || ! isGradient( gradientValue ) ) {\n\t\treturn null;\n\t}\n\n\tconst isLinearGradient =\n\t\tgetGradientType( gradientValue ) === gradients.linear;\n\n\tif ( isLinearGradient ) {\n\t\treturn (\n\t\t\t<RNLinearGradient\n\t\t\t\tcolors={ colors }\n\t\t\t\tuseAngle={ true }\n\t\t\t\tangle={ getGradientAngle( gradientValue ) }\n\t\t\t\tlocations={ locations }\n\t\t\t\tangleCenter={ angleCenter }\n\t\t\t\tstyle={ style }\n\t\t\t\t{ ...otherProps }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</RNLinearGradient>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ [ style, styles.overflow ] }>\n\t\t\t<View style={ styles.radialGradientContent }>{ children }</View>\n\t\t\t{ resizeObserver }\n\t\t\t<SVG>\n\t\t\t\t<Defs>\n\t\t\t\t\t<RadialGradient\n\t\t\t\t\t\t// eslint-disable-next-line no-restricted-syntax\n\t\t\t\t\t\tid=\"radialGradient\"\n\t\t\t\t\t\tgradientUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\trx=\"70%\"\n\t\t\t\t\t\try=\"70%\"\n\t\t\t\t\t\tcy={ Platform.OS === 'android' ? width / 2 : '50%' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ colorGroup.map( ( group ) => {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Stop\n\t\t\t\t\t\t\t\t\toffset={ group[ 1 ] }\n\t\t\t\t\t\t\t\t\tstopColor={ group[ 0 ] }\n\t\t\t\t\t\t\t\t\tstopOpacity=\"1\"\n\t\t\t\t\t\t\t\t\tkey={ `${ group[ 1 ] }-${ group[ 0 ] }` }\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</RadialGradient>\n\t\t\t\t</Defs>\n\t\t\t\t<Rect\n\t\t\t\t\theight={ height }\n\t\t\t\t\twidth={ width }\n\t\t\t\t\tfill=\"url(#radialGradient)\"\n\t\t\t\t/>\n\t\t\t</SVG>\n\t\t</View>\n\t);\n}\n\nexport default Gradient;\n"],"mappings":"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"}

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

@@ -1,17 +1,14 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { SVG, Path } from '@wordpress/primitives';
-
 const fromPathData24x24 = pathData => createElement(SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, createElement(Path, {
   d: pathData
 }));
-
 export 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');
 export const posts = fromPathData24x24('M16 19H3v-2h13v2zm5-10H3v2h18V9zM3 5v2h11V5H3zm14 0v2h4V5h-4zm-6 8v2h10v-2H11zm-8 0v2h5v-2H3z');
 export 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');

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/gridicons/index.native.js"],"names":["SVG","Path","fromPathData24x24","pathData","clipboard","posts","pages","refresh","noticeOutline","empty","search"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,IAAd,QAA0B,uBAA1B;;AAEA,MAAMC,iBAAiB,GAAKC,QAAF,IACzB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAGA;AAAV,EADD,CADD;;AAMA,OAAO,MAAMC,SAAS,GAAGF,iBAAiB,CACzC,0KADyC,CAAnC;AAGP,OAAO,MAAMG,KAAK,GAAGH,iBAAiB,CACrC,+FADqC,CAA/B;AAGP,OAAO,MAAMI,KAAK,GAAGJ,iBAAiB,CACrC,kJADqC,CAA/B;AAGP,OAAO,MAAMK,OAAO,GAAGL,iBAAiB,CACvC,2MADuC,CAAjC;AAGP,OAAO,MAAMM,aAAa,GAAGN,iBAAiB,CAC7C,sKAD6C,CAAvC;AAGP,OAAO,MAAMO,KAAK,GACjB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,EADM;AAGP,OAAO,MAAMC,MAAM,GAAGR,iBAAiB,CACtC,wNADsC,CAAhC;AAGP,eAAe;AACdO,EAAAA,KADc;AAEdJ,EAAAA,KAFc;AAGdC,EAAAA,KAHc;AAIdC,EAAAA,OAJc;AAKdG,EAAAA;AALc,CAAf","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"]}
+{"version":3,"names":["SVG","Path","fromPathData24x24","pathData","createElement","xmlns","viewBox","d","clipboard","posts","pages","refresh","noticeOutline","empty","search"],"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":";AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAEjD,MAAMC,iBAAiB,GAAKC,QAAQ,IACnCC,aAAA,CAACJ,GAAG;EAACK,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACH,IAAI;EAACM,CAAC,EAAGJ;AAAU,CAAE,CAClB,CACL;AAED,OAAO,MAAMK,SAAS,GAAGN,iBAAiB,CACzC,0KACD,CAAC;AACD,OAAO,MAAMO,KAAK,GAAGP,iBAAiB,CACrC,+FACD,CAAC;AACD,OAAO,MAAMQ,KAAK,GAAGR,iBAAiB,CACrC,kJACD,CAAC;AACD,OAAO,MAAMS,OAAO,GAAGT,iBAAiB,CACvC,2MACD,CAAC;AACD,OAAO,MAAMU,aAAa,GAAGV,iBAAiB,CAC7C,sKACD,CAAC;AACD,OAAO,MAAMW,KAAK,GACjBT,aAAA,CAACJ,GAAG;EAACK,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,CAAE,CAC7D;AACD,OAAO,MAAMQ,MAAM,GAAGZ,iBAAiB,CACtC,wNACD,CAAC;AACD,eAAe;EACdW,KAAK;EACLJ,KAAK;EACLC,KAAK;EACLC,OAAO;EACPG;AACD,CAAC"}

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

@@ -1,23 +1,22 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { ScrollView, TextInput } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { Component } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { parse } from '@wordpress/blocks';
 import { withDispatch, withSelect } from '@wordpress/data';
 import { addFilter, removeFilter } from '@wordpress/hooks';
 import { withInstanceId, compose, withPreferredColorScheme } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import KeyboardAvoidingView from '../keyboard-avoiding-view';
 import styles from './style.scss';
 export class HTMLTextInput extends Component {
@@ -29,24 +28,20 @@ export class HTMLTextInput extends Component {
     addFilter('native.persist-html', 'html-text-input', this.getHTMLForParent);
     this.state = {};
   }
-
   static getDerivedStateFromProps(props, state) {
     if (state.isDirty) {
       return null;
     }
-
     return {
       value: props.value,
       isDirty: false
     };
   }
-
   componentWillUnmount() {
-    removeFilter('native.persist-html', 'html-text-input'); // TODO: Blocking main thread.
-
+    removeFilter('native.persist-html', 'html-text-input');
+    // TODO: Blocking main thread.
     this.stopEditing();
   }
-
   edit(html) {
     this.props.onChange(html);
     this.setState({
@@ -54,11 +49,9 @@ export class HTMLTextInput extends Component {
       isDirty: true
     });
   }
-
   getHTMLForParent() {
     return this.state.value;
   }
-
   stopEditing() {
     if (this.state.isDirty) {
       this.props.onPersist(this.state.value);
@@ -67,7 +60,6 @@ export class HTMLTextInput extends Component {
       });
     }
   }
-
   render() {
     const {
       editTitle,
@@ -82,7 +74,8 @@ export class HTMLTextInput extends Component {
     const htmlStyle = [getStylesFromColorScheme(styles.htmlView, styles.htmlViewDark), style?.text && {
       color: style.text
     }];
-    const placeholderStyle = { ...getStylesFromColorScheme(styles.placeholder, styles.placeholderDark),
+    const placeholderStyle = {
+      ...getStylesFromColorScheme(styles.placeholder, styles.placeholderDark),
       ...(style?.text && {
         color: style.text
       })
@@ -114,14 +107,14 @@ export class HTMLTextInput extends Component {
       onBlur: this.stopEditing,
       placeholder: __('Start writing…'),
       placeholderTextColor: placeholderStyle.color,
-      scrollEnabled: false // [Only iOS] This prop prevents the text input from
+      scrollEnabled: false
+      // [Only iOS] This prop prevents the text input from
       // automatically getting focused after scrolling
       // content.
       ,
       rejectResponderTermination: false
     })));
   }
-
 }
 export default compose([withSelect(select => {
   const {
@@ -143,18 +136,15 @@ export default compose([withSelect(select => {
         title
       });
     },
-
     onChange(content) {
       editPost({
         content
       });
     },
-
     onPersist(content) {
       const blocks = parse(content);
       resetEditorBlocks(blocks);
     }
-
   };
 }), withInstanceId, withPreferredColorScheme])(HTMLTextInput);
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/html-text-input/index.native.js"],"names":["ScrollView","TextInput","Component","__","parse","withDispatch","withSelect","addFilter","removeFilter","withInstanceId","compose","withPreferredColorScheme","KeyboardAvoidingView","styles","HTMLTextInput","constructor","arguments","edit","bind","stopEditing","getHTMLForParent","state","getDerivedStateFromProps","props","isDirty","value","componentWillUnmount","html","onChange","setState","onPersist","render","editTitle","getStylesFromColorScheme","parentHeight","style","title","titleStyle","htmlViewTitle","text","color","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","keyboardAvoidingView","scrollView","contentTextInputRef","select","getEditedPostAttribute","getEditedPostContent","dispatch","editPost","resetEditorBlocks","content","blocks"],"mappings":"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","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\tstyles.htmlViewTitle,\n\t\t\tstyle?.text && { color: style.text },\n\t\t];\n\t\tconst htmlStyle = [\n\t\t\tgetStylesFromColorScheme( styles.htmlView, styles.htmlViewDark ),\n\t\t\tstyle?.text && { color: style.text },\n\t\t];\n\t\tconst placeholderStyle = {\n\t\t\t...getStylesFromColorScheme(\n\t\t\t\tstyles.placeholder,\n\t\t\t\tstyles.placeholderDark\n\t\t\t),\n\t\t\t...( style?.text && { color: style.text } ),\n\t\t};\n\t\treturn (\n\t\t\t<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"]}
+{"version":3,"names":["ScrollView","TextInput","Component","__","parse","withDispatch","withSelect","addFilter","removeFilter","withInstanceId","compose","withPreferredColorScheme","KeyboardAvoidingView","styles","HTMLTextInput","constructor","arguments","edit","bind","stopEditing","getHTMLForParent","state","getDerivedStateFromProps","props","isDirty","value","componentWillUnmount","html","onChange","setState","onPersist","render","editTitle","getStylesFromColorScheme","parentHeight","style","title","titleStyle","htmlViewTitle","text","color","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","createElement","keyboardAvoidingView","scrollView","autoCorrect","accessibilityLabel","textAlignVertical","numberOfLines","placeholderTextColor","onChangeText","ref","contentTextInputRef","multiline","onBlur","scrollEnabled","rejectResponderTermination","select","getEditedPostAttribute","getEditedPostContent","dispatch","editPost","resetEditorBlocks","content","blocks"],"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\tstyles.htmlViewTitle,\n\t\t\tstyle?.text && { color: style.text },\n\t\t];\n\t\tconst htmlStyle = [\n\t\t\tgetStylesFromColorScheme( styles.htmlView, styles.htmlViewDark ),\n\t\t\tstyle?.text && { color: style.text },\n\t\t];\n\t\tconst placeholderStyle = {\n\t\t\t...getStylesFromColorScheme(\n\t\t\t\tstyles.placeholder,\n\t\t\t\tstyles.placeholderDark\n\t\t\t),\n\t\t\t...( style?.text && { color: style.text } ),\n\t\t};\n\t\treturn (\n\t\t\t<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-module/mobile/image/icon-customize.native.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/image/icon-customize.native.js"],"names":["Path","SVG"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,GAAf,QAA0B,uBAA1B;AAEA,eACC,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADD","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"]}
+{"version":3,"names":["Path","SVG","createElement","xmlns","viewBox","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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,uBAAuB;AAEjD,eACCC,aAAA,CAACD,GAAG;EAACE,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACF,IAAI;EAACK,CAAC,EAAC;AAAohB,CAAE,CAC1hB,CAAC"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/image/icon-retry.native.js"],"names":["Path","SVG"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,GAAf,QAA0B,uBAA1B;AAEA,eACC,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,EAEC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC,eAAR;AAAwB,EAAA,IAAI,EAAG;AAA/B,EAFD,CADD","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"]}
+{"version":3,"names":["Path","SVG","createElement","xmlns","viewBox","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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,GAAG,QAAQ,uBAAuB;AAEjD,eACCC,aAAA,CAACD,GAAG;EAACE,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACF,IAAI;EAACK,CAAC,EAAC;AAA4M,CAAE,CAAC,EACvNH,aAAA,CAACF,IAAI;EAACK,CAAC,EAAC,eAAe;EAACC,IAAI,EAAG;AAAQ,CAAE,CACrC,CAAC"}

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

@@ -1,24 +1,22 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { TouchableWithoutFeedback, View, Platform } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { Icon } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import { MediaEdit } from '../media-edit';
 import SvgIconCustomize from './icon-customize';
 import styles from './style.scss';
 const accessibilityHint = Platform.OS === 'ios' ? __('Double tap to open Action Sheet to edit, replace, or clear the image') : __('Double tap to open Bottom Sheet to edit, replace, or clear the image');
-
 const ImageEditingButton = ({
   onSelectMediaUploadOption,
   openMediaOptions,
@@ -51,6 +49,5 @@ const ImageEditingButton = ({
     pickerOptions: pickerOptions
   });
 };
-
 export default ImageEditingButton;
 //# sourceMappingURL=image-editing-button.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/image/image-editing-button.native.js"],"names":["TouchableWithoutFeedback","View","Platform","Icon","__","MediaEdit","SvgIconCustomize","styles","accessibilityHint","OS","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","uri","open","mediaOptions","editContainer","edit","iconCustomise"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,wBAAT,EAAmCC,IAAnC,EAAyCC,QAAzC,QAAyD,cAAzD;AAEA;AACA;AACA;;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,gBAAP,MAA6B,kBAA7B;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,iBAAiB,GACtBN,QAAQ,CAACO,EAAT,KAAgB,KAAhB,GACGL,EAAE,CACF,sEADE,CADL,GAIGA,EAAE,CACF,sEADE,CALN;;AASA,MAAMM,kBAAkB,GAAG,CAAE;AAC5BC,EAAAA,yBAD4B;AAE5BC,EAAAA,gBAF4B;AAG5BC,EAAAA,aAH4B;AAI5BC,EAAAA;AAJ4B,CAAF,KAKpB;AACN,SACC,cAAC,SAAD;AACC,IAAA,QAAQ,EAAGH,yBADZ;AAEC,IAAA,MAAM,EAAG;AAAEI,MAAAA,GAAG,EAAED;AAAP,KAFV;AAGC,IAAA,uBAAuB,EAAGF,gBAH3B;AAIC,IAAA,MAAM,EAAG,CAAE;AAAEI,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAF,KACR,cAAC,wBAAD;AACC,MAAA,iBAAiB,EAAGT,iBADrB;AAEC,MAAA,kBAAkB,EAAGJ,EAAE,CAAE,YAAF,CAFxB;AAGC,MAAA,iBAAiB,EAAG,QAHrB;AAIC,MAAA,OAAO,EAAGY;AAJX,OAMC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAGT,MAAM,CAACW;AAArB,OACC,cAAC,IAAD;AAAM,MAAA,KAAK,EAAGX,MAAM,CAACY;AAArB,OACGF,YAAY,EADf,EAEC,cAAC,IAAD;AACC,MAAA,IAAI,EAAG,EADR;AAEC,MAAA,IAAI,EAAGX,gBAFR;AAAA,SAGMC,MAAM,CAACa;AAHb,MAFD,CADD,CAND,CALF;AAuBC,IAAA,aAAa,EAAGP;AAvBjB,IADD;AA2BA,CAjCD;;AAmCA,eAAeH,kBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableWithoutFeedback, View, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { MediaEdit } from '../media-edit';\nimport SvgIconCustomize from './icon-customize';\nimport styles from './style.scss';\n\nconst accessibilityHint =\n\tPlatform.OS === 'ios'\n\t\t? __(\n\t\t\t\t'Double tap to open Action Sheet to edit, replace, or clear the image'\n\t\t  )\n\t\t: __(\n\t\t\t\t'Double tap to open Bottom Sheet to edit, replace, or clear the image'\n\t\t  );\n\nconst ImageEditingButton = ( {\n\tonSelectMediaUploadOption,\n\topenMediaOptions,\n\tpickerOptions,\n\turl,\n} ) => {\n\treturn (\n\t\t<MediaEdit\n\t\t\tonSelect={ onSelectMediaUploadOption }\n\t\t\tsource={ { uri: url } }\n\t\t\topenReplaceMediaOptions={ openMediaOptions }\n\t\t\trender={ ( { open, mediaOptions } ) => (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\taccessibilityLabel={ __( 'Edit image' ) }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\tonPress={ open }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.editContainer }>\n\t\t\t\t\t\t<View style={ styles.edit }>\n\t\t\t\t\t\t\t{ mediaOptions() }\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t\ticon={ SvgIconCustomize }\n\t\t\t\t\t\t\t\t{ ...styles.iconCustomise }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t) }\n\t\t\tpickerOptions={ pickerOptions }\n\t\t/>\n\t);\n};\n\nexport default ImageEditingButton;\n"]}
+{"version":3,"names":["TouchableWithoutFeedback","View","Platform","Icon","__","MediaEdit","SvgIconCustomize","styles","accessibilityHint","OS","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","createElement","onSelect","source","uri","openReplaceMediaOptions","render","open","mediaOptions","accessibilityLabel","accessibilityRole","onPress","style","editContainer","edit","size","icon","iconCustomise"],"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":";AAAA;AACA;AACA;AACA,SAASA,wBAAwB,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;;AAEvE;AACA;AACA;AACA,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,eAAe;AACzC,OAAOC,gBAAgB,MAAM,kBAAkB;AAC/C,OAAOC,MAAM,MAAM,cAAc;AAEjC,MAAMC,iBAAiB,GACtBN,QAAQ,CAACO,EAAE,KAAK,KAAK,GAClBL,EAAE,CACF,sEACA,CAAC,GACDA,EAAE,CACF,sEACA,CAAC;AAEL,MAAMM,kBAAkB,GAAGA,CAAE;EAC5BC,yBAAyB;EACzBC,gBAAgB;EAChBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,OACCC,aAAA,CAACV,SAAS;IACTW,QAAQ,EAAGL,yBAA2B;IACtCM,MAAM,EAAG;MAAEC,GAAG,EAAEJ;IAAI,CAAG;IACvBK,uBAAuB,EAAGP,gBAAkB;IAC5CQ,MAAM,EAAGA,CAAE;MAAEC,IAAI;MAAEC;IAAa,CAAC,KAChCP,aAAA,CAACf,wBAAwB;MACxBQ,iBAAiB,EAAGA,iBAAmB;MACvCe,kBAAkB,EAAGnB,EAAE,CAAE,YAAa,CAAG;MACzCoB,iBAAiB,EAAG,QAAU;MAC9BC,OAAO,EAAGJ;IAAM,GAEhBN,aAAA,CAACd,IAAI;MAACyB,KAAK,EAAGnB,MAAM,CAACoB;IAAe,GACnCZ,aAAA,CAACd,IAAI;MAACyB,KAAK,EAAGnB,MAAM,CAACqB;IAAM,GACxBN,YAAY,CAAC,CAAC,EAChBP,aAAA,CAACZ,IAAI;MACJ0B,IAAI,EAAG,EAAI;MACXC,IAAI,EAAGxB,gBAAkB;MAAA,GACpBC,MAAM,CAACwB;IAAa,CACzB,CACI,CACD,CACmB,CACxB;IACHlB,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ,CAAC;AAED,eAAeH,kBAAkB"}

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

@@ -1,23 +1,22 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { Image as RNImage, Text, View } from 'react-native';
 import FastImage from 'react-native-fast-image';
+
 /**
  * WordPress dependencies
  */
-
 import { __ } from '@wordpress/i18n';
 import { Icon } from '@wordpress/components';
 import { image as icon } from '@wordpress/icons';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 import { useEffect, useState, Platform } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { getImageWithFocalPointStyles } from './utils';
 import styles from './style.scss';
 import SvgIconRetry from './icon-retry';
@@ -31,7 +30,6 @@ export const IMAGE_DEFAULT_FOCAL_POINT = {
   x: 0.5,
   y: 0.5
 };
-
 const ImageComponent = ({
   align,
   alt,
@@ -56,43 +54,39 @@ const ImageComponent = ({
   width: imageWidth
 }) => {
   const [imageData, setImageData] = useState(null);
-  const [containerSize, setContainerSize] = useState(null); // Disabled for Android due to https://github.com/WordPress/gutenberg/issues/43149
+  const [containerSize, setContainerSize] = useState(null);
 
+  // Disabled for Android due to https://github.com/WordPress/gutenberg/issues/43149
   const Image = !shouldUseFastImage || Platform.isAndroid ? RNImage : FastImage;
   const imageResizeMode = !shouldUseFastImage || Platform.isAndroid ? resizeMode : FastImage.resizeMode[resizeMode];
   useEffect(() => {
     let isCurrent = true;
-
     if (url) {
       RNImage.getSize(url, (imgWidth, imgHeight) => {
         if (!isCurrent) {
           return;
         }
-
         const metaData = {
           aspectRatio: imgWidth / imgHeight,
           width: imgWidth,
           height: imgHeight
         };
         setImageData(metaData);
-
         if (onImageDataLoad) {
           onImageDataLoad(metaData);
         }
       });
     }
-
-    return () => isCurrent = false; // Disable reason: deferring this refactor to the native team.
+    return () => isCurrent = false;
+    // Disable reason: deferring this refactor to the native team.
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [url]);
-
   const onContainerLayout = event => {
     const {
       height,
       width
     } = event.nativeEvent.layout;
-
     if (width !== 0 && height !== 0 && (containerSize?.width !== width || containerSize?.height !== height)) {
       setContainerSize({
         width,
@@ -100,32 +94,26 @@ const ImageComponent = ({
       });
     }
   };
-
   const getIcon = iconType => {
     let iconStyle;
-
     switch (iconType) {
       case ICON_TYPE.RETRY:
         return createElement(Icon, {
           icon: retryIcon || SvgIconRetry,
           ...styles.iconRetry
         });
-
       case ICON_TYPE.PLACEHOLDER:
         iconStyle = iconPlaceholderStyles;
         break;
-
       case ICON_TYPE.UPLOAD:
         iconStyle = iconUploadStyles;
         break;
     }
-
     return createElement(Icon, {
       icon: icon,
       ...iconStyle
     });
   };
-
   const iconPlaceholderStyles = usePreferredColorSchemeStyle(styles.iconPlaceholder, styles.iconPlaceholderDark);
   const iconUploadStyles = usePreferredColorSchemeStyle(styles.iconUpload, styles.iconUploadDark);
   const placeholderStyles = [usePreferredColorSchemeStyle(styles.imageContainerUpload, styles.imageContainerUploadDark), focalPoint && styles.imageContainerUploadWithFocalpoint, imageHeight && {
@@ -151,7 +139,8 @@ const ImageComponent = ({
     height: containerSize?.height
   }];
   return createElement(View, {
-    style: [styles.container, // Only set alignItems if an image exists because alignItems causes the placeholder
+    style: [styles.container,
+    // Only set alignItems if an image exists because alignItems causes the placeholder
     // to disappear when an aligned image can't be downloaded
     // https://github.com/wordpress-mobile/gutenberg-mobile/issues/1592
     imageData && align && {
@@ -196,6 +185,5 @@ const ImageComponent = ({
     pickerOptions: mediaPickerOptions
   }));
 };
-
 export default ImageComponent;
 //# sourceMappingURL=index.native.js.map