npm - @wordpress/components - Versions diffs - 28.8.6 → 28.10.0 - Mend

@wordpress/components 28.8.6 → 28.10.0

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

Files changed (894) hide show

package/build-module/mobile/color-settings/palette.screen.native.js CHANGED Viewed

@@ -23,9 +23,7 @@ import PanelBody from '../../panel/body';
 import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
 import ColorControl from '../../color-control';
 import styles from './style.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const HIT_SLOP = {
   top: 8,
   bottom: 8,

package/build-module/mobile/color-settings/palette.screen.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["View","Text","TouchableWithoutFeedback","__","useState","useContext","usePreferredColorSchemeStyle","useRoute","useNavigation","ColorPalette","ColorIndicator","NavBar","SegmentedControls","colorsUtils","PanelBody","BottomSheetContext","ColorControl","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HIT_SLOP","top","bottom","left","right","PaletteScreen","route","navigation","shouldEnableBottomSheetScroll","label","onColorChange","onGradientChange","onColorCleared","colorValue","defaultSettings","hideNavigation","params","segments","isGradient","currentValue","setCurrentValue","isGradientColor","selectedSegmentIndex","currentSegment","setCurrentSegment","isGradientSegment","currentSegmentColors","colors","gradients","allAvailableColors","allAvailableGradients","flatMap","filter","Boolean","horizontalSeparatorStyle","horizontalSeparator","horizontalSeparatorDark","clearButtonStyle","clearButton","clearButtonDark","selectedColorTextStyle","colorText","colorTextDark","isSolidSegment","isCustomGadientShown","setColor","color","onClear","undefined","onCustomPress","navigate","screens","picker","gradientPicker","getClearButton","accessibilityLabel","onPress","hitSlop","children","style","clearButtonContainer","getFooter","segmentHandler","selectedIndex","indexOf","addonLeft","colorIndicator","addonRight","footer","flex","maxFontSizeMultiplier","selectable","toUpperCase","selectColorText","BackButton","goBack","Heading","colorPalettes","map","palette","paletteKey","paletteSettings","allColors","allGradients","enableCustomColor","name","activeColor","withColorIndicator"],"sources":["@wordpress/components/src/mobile/color-settings/palette.screen.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useState, useContext } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/\n Internal dependencies\n */\nimport ColorPalette from '../../color-palette';\nimport ColorIndicator from '../../color-indicator';\nimport NavBar from '../bottom-sheet/nav-bar';\nimport SegmentedControls from '../segmented-control';\nimport { colorsUtils } from './utils';\nimport PanelBody from '../../panel/body';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport ColorControl from '../../color-control';\n\nimport styles from './style.scss';\n\nconst HIT_SLOP = { top: 8, bottom: 8, left: 8, right: 8 };\n\nconst PaletteScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\tconst {\n\t\tlabel,\n\t\tonColorChange,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tcolorValue,\n\t\tdefaultSettings,\n\t\thideNavigation = false,\n\t} = route.params \|\| {};\n\tconst { segments, isGradient } = colorsUtils;\n\tconst [ currentValue, setCurrentValue ] = useState( colorValue );\n\tconst isGradientColor = isGradient( currentValue );\n\tconst selectedSegmentIndex = isGradientColor ? 1 : 0;\n\n\tconst [ currentSegment, setCurrentSegment ] = useState(\n\t\tsegments[ selectedSegmentIndex ]\n\t);\n\tconst isGradientSegment = currentSegment === colorsUtils.segments[ 1 ];\n\tconst currentSegmentColors = ! isGradientSegment\n\t\t? defaultSettings.colors\n\t\t: defaultSettings.gradients;\n\tconst allAvailableColors = defaultSettings?.allAvailableColors \|\| [];\n\tconst allAvailableGradients = currentSegmentColors\n\t\t.flatMap( ( { gradients } ) => gradients )\n\t\t.filter( Boolean );\n\n\tconst horizontalSeparatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalSeparator,\n\t\tstyles.horizontalSeparatorDark\n\t);\n\tconst clearButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.clearButton,\n\t\tstyles.clearButtonDark\n\t);\n\tconst selectedColorTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.colorText,\n\t\tstyles.colorTextDark\n\t);\n\n\tconst isSolidSegment = currentSegment === segments[ 0 ];\n\tconst isCustomGadientShown = ! isSolidSegment && isGradientColor;\n\n\tconst setColor = ( color ) => {\n\t\tsetCurrentValue( color );\n\t\tif ( isSolidSegment && onColorChange && onGradientChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( isSolidSegment && onColorChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( ! isSolidSegment && onGradientChange ) {\n\t\t\tonGradientChange( color );\n\t\t}\n\t};\n\n\tfunction onClear() {\n\t\tsetCurrentValue( undefined );\n\n\t\tif ( onColorCleared ) {\n\t\t\tonColorCleared();\n\t\t}\n\t}\n\n\tfunction onCustomPress() {\n\t\tif ( isSolidSegment ) {\n\t\t\tnavigation.navigate( colorsUtils.screens.picker, {\n\t\t\t\tcurrentValue,\n\t\t\t\tsetColor,\n\t\t\t} );\n\t\t} else {\n\t\t\tnavigation.navigate( colorsUtils.screens.gradientPicker, {\n\t\t\t\tsetColor,\n\t\t\t\tisGradientColor,\n\t\t\t\tcurrentValue,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction getClearButton() {\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\taccessibilityLabel={ __( 'Clear selected color' ) }\n\t\t\t\tonPress={ onClear }\n\t\t\t\thitSlop={ HIT_SLOP }\n\t\t\t>\n\t\t\t\t<View style={ styles.clearButtonContainer }>\n\t\t\t\t\t<Text style={ clearButtonStyle }>{ __( 'Reset' ) }</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\tfunction getFooter() {\n\t\tif ( onGradientChange ) {\n\t\t\treturn (\n\t\t\t\t<SegmentedControls\n\t\t\t\t\tsegments={ segments }\n\t\t\t\t\tsegmentHandler={ setCurrentSegment }\n\t\t\t\t\tselectedIndex={ segments.indexOf( currentSegment ) }\n\t\t\t\t\taddonLeft={\n\t\t\t\t\t\tcurrentValue && (\n\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\taddonRight={ currentValue && getClearButton() }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.footer }>\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ currentValue ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ selectedColorTextStyle }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t\tselectable\n\t\t\t\t\t>\n\t\t\t\t\t\t{ currentValue.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ styles.selectColorText }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Select a color above' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && getClearButton() }\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\treturn (\n\t\t<View>\n\t\t\t{ ! hideNavigation && (\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t\t<NavBar.Heading>{ label } </NavBar.Heading>\n\t\t\t\t</NavBar>\n\t\t\t) }\n\n\t\t\t<View style={ styles.colorPalettes }>\n\t\t\t\t{ currentSegmentColors.map( ( palette, paletteKey ) => {\n\t\t\t\t\tconst paletteSettings = {\n\t\t\t\t\t\tcolors: palette.colors,\n\t\t\t\t\t\tgradients: palette.gradients,\n\t\t\t\t\t\tallColors: allAvailableColors,\n\t\t\t\t\t\tallGradients: allAvailableGradients,\n\t\t\t\t\t};\n\t\t\t\t\t// Limit to show the custom indicator to the first available palette\n\t\t\t\t\tconst enableCustomColor = paletteKey === 0;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\tenableCustomColor={ enableCustomColor }\n\t\t\t\t\t\t\tlabel={ palette.name }\n\t\t\t\t\t\t\tkey={ paletteKey }\n\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\tactiveColor={ currentValue }\n\t\t\t\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\t\t\t\tcurrentSegment={ currentSegment }\n\t\t\t\t\t\t\tonCustomPress={ onCustomPress }\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdefaultSettings={ paletteSettings }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</View>\n\n\t\t\t{ isCustomGadientShown && (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<ColorControl\n\t\t\t\t\t\t\tlabel={ __( 'Customize Gradient' ) }\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\twithColorIndicator={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t{ getFooter() }\n\t\t</View>\n\t);\n};\n\nexport default PaletteScreen;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["View","Text","TouchableWithoutFeedback","__","useState","useContext","usePreferredColorSchemeStyle","useRoute","useNavigation","ColorPalette","ColorIndicator","NavBar","SegmentedControls","colorsUtils","PanelBody","BottomSheetContext","ColorControl","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HIT_SLOP","top","bottom","left","right","PaletteScreen","route","navigation","shouldEnableBottomSheetScroll","label","onColorChange","onGradientChange","onColorCleared","colorValue","defaultSettings","hideNavigation","params","segments","isGradient","currentValue","setCurrentValue","isGradientColor","selectedSegmentIndex","currentSegment","setCurrentSegment","isGradientSegment","currentSegmentColors","colors","gradients","allAvailableColors","allAvailableGradients","flatMap","filter","Boolean","horizontalSeparatorStyle","horizontalSeparator","horizontalSeparatorDark","clearButtonStyle","clearButton","clearButtonDark","selectedColorTextStyle","colorText","colorTextDark","isSolidSegment","isCustomGadientShown","setColor","color","onClear","undefined","onCustomPress","navigate","screens","picker","gradientPicker","getClearButton","accessibilityLabel","onPress","hitSlop","children","style","clearButtonContainer","getFooter","segmentHandler","selectedIndex","indexOf","addonLeft","colorIndicator","addonRight","footer","flex","maxFontSizeMultiplier","selectable","toUpperCase","selectColorText","BackButton","goBack","Heading","colorPalettes","map","palette","paletteKey","paletteSettings","allColors","allGradients","enableCustomColor","name","activeColor","withColorIndicator"],"sources":["@wordpress/components/src/mobile/color-settings/palette.screen.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useState, useContext } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/\n Internal dependencies\n */\nimport ColorPalette from '../../color-palette';\nimport ColorIndicator from '../../color-indicator';\nimport NavBar from '../bottom-sheet/nav-bar';\nimport SegmentedControls from '../segmented-control';\nimport { colorsUtils } from './utils';\nimport PanelBody from '../../panel/body';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport ColorControl from '../../color-control';\n\nimport styles from './style.scss';\n\nconst HIT_SLOP = { top: 8, bottom: 8, left: 8, right: 8 };\n\nconst PaletteScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\tconst {\n\t\tlabel,\n\t\tonColorChange,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tcolorValue,\n\t\tdefaultSettings,\n\t\thideNavigation = false,\n\t} = route.params \|\| {};\n\tconst { segments, isGradient } = colorsUtils;\n\tconst [ currentValue, setCurrentValue ] = useState( colorValue );\n\tconst isGradientColor = isGradient( currentValue );\n\tconst selectedSegmentIndex = isGradientColor ? 1 : 0;\n\n\tconst [ currentSegment, setCurrentSegment ] = useState(\n\t\tsegments[ selectedSegmentIndex ]\n\t);\n\tconst isGradientSegment = currentSegment === colorsUtils.segments[ 1 ];\n\tconst currentSegmentColors = ! isGradientSegment\n\t\t? defaultSettings.colors\n\t\t: defaultSettings.gradients;\n\tconst allAvailableColors = defaultSettings?.allAvailableColors \|\| [];\n\tconst allAvailableGradients = currentSegmentColors\n\t\t.flatMap( ( { gradients } ) => gradients )\n\t\t.filter( Boolean );\n\n\tconst horizontalSeparatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalSeparator,\n\t\tstyles.horizontalSeparatorDark\n\t);\n\tconst clearButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.clearButton,\n\t\tstyles.clearButtonDark\n\t);\n\tconst selectedColorTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.colorText,\n\t\tstyles.colorTextDark\n\t);\n\n\tconst isSolidSegment = currentSegment === segments[ 0 ];\n\tconst isCustomGadientShown = ! isSolidSegment && isGradientColor;\n\n\tconst setColor = ( color ) => {\n\t\tsetCurrentValue( color );\n\t\tif ( isSolidSegment && onColorChange && onGradientChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( isSolidSegment && onColorChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( ! isSolidSegment && onGradientChange ) {\n\t\t\tonGradientChange( color );\n\t\t}\n\t};\n\n\tfunction onClear() {\n\t\tsetCurrentValue( undefined );\n\n\t\tif ( onColorCleared ) {\n\t\t\tonColorCleared();\n\t\t}\n\t}\n\n\tfunction onCustomPress() {\n\t\tif ( isSolidSegment ) {\n\t\t\tnavigation.navigate( colorsUtils.screens.picker, {\n\t\t\t\tcurrentValue,\n\t\t\t\tsetColor,\n\t\t\t} );\n\t\t} else {\n\t\t\tnavigation.navigate( colorsUtils.screens.gradientPicker, {\n\t\t\t\tsetColor,\n\t\t\t\tisGradientColor,\n\t\t\t\tcurrentValue,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction getClearButton() {\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\taccessibilityLabel={ __( 'Clear selected color' ) }\n\t\t\t\tonPress={ onClear }\n\t\t\t\thitSlop={ HIT_SLOP }\n\t\t\t>\n\t\t\t\t<View style={ styles.clearButtonContainer }>\n\t\t\t\t\t<Text style={ clearButtonStyle }>{ __( 'Reset' ) }</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\tfunction getFooter() {\n\t\tif ( onGradientChange ) {\n\t\t\treturn (\n\t\t\t\t<SegmentedControls\n\t\t\t\t\tsegments={ segments }\n\t\t\t\t\tsegmentHandler={ setCurrentSegment }\n\t\t\t\t\tselectedIndex={ segments.indexOf( currentSegment ) }\n\t\t\t\t\taddonLeft={\n\t\t\t\t\t\tcurrentValue && (\n\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\taddonRight={ currentValue && getClearButton() }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.footer }>\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ currentValue ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ selectedColorTextStyle }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t\tselectable\n\t\t\t\t\t>\n\t\t\t\t\t\t{ currentValue.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ styles.selectColorText }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Select a color above' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && getClearButton() }\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\treturn (\n\t\t<View>\n\t\t\t{ ! hideNavigation && (\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t\t<NavBar.Heading>{ label } </NavBar.Heading>\n\t\t\t\t</NavBar>\n\t\t\t) }\n\n\t\t\t<View style={ styles.colorPalettes }>\n\t\t\t\t{ currentSegmentColors.map( ( palette, paletteKey ) => {\n\t\t\t\t\tconst paletteSettings = {\n\t\t\t\t\t\tcolors: palette.colors,\n\t\t\t\t\t\tgradients: palette.gradients,\n\t\t\t\t\t\tallColors: allAvailableColors,\n\t\t\t\t\t\tallGradients: allAvailableGradients,\n\t\t\t\t\t};\n\t\t\t\t\t// Limit to show the custom indicator to the first available palette\n\t\t\t\t\tconst enableCustomColor = paletteKey === 0;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\tenableCustomColor={ enableCustomColor }\n\t\t\t\t\t\t\tlabel={ palette.name }\n\t\t\t\t\t\t\tkey={ paletteKey }\n\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\tactiveColor={ currentValue }\n\t\t\t\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\t\t\t\tcurrentSegment={ currentSegment }\n\t\t\t\t\t\t\tonCustomPress={ onCustomPress }\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdefaultSettings={ paletteSettings }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</View>\n\n\t\t\t{ isCustomGadientShown && (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<ColorControl\n\t\t\t\t\t\t\tlabel={ __( 'Customize Gradient' ) }\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\twithColorIndicator={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t{ getFooter() }\n\t\t</View>\n\t);\n};\n\nexport default PaletteScreen;\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/cycle-select-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["memo","CyclePickerCell","jsx","_jsx","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","onChangeValue","undefined"],"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,eAAe,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhE,SAASC,kBAAkBA,CAAE;EAC5BC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,~~GAAI~~,~~4BAA4BR~~,~~UAAY~~,~~EAAC~~;EAErD,oBACCH,IAAA,CAACF,eAAe;IACfM,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBI,aAAa,EAAGN,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,~~GAAI~~,~~GAAGS~~,~~EAAI~~,~~QAAO~~,GAAGE,SAAW;IAC1DR,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeb,IAAI,CAAEI,kBAAmB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["memo","CyclePickerCell","jsx","_jsx","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","onChangeValue","undefined"],"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,eAAe,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhE,SAASC,kBAAkBA,CAAE;EAC5BC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,GAAG,4BAA6BR,UAAU,EAAG;EAErD,oBACCH,IAAA,CAACF,eAAe;IACfM,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBI,aAAa,EAAGN,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAG,GAAIS,EAAE,QAAS,GAAGE,SAAW;IAC1DR,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeb,IAAI,CAAEI,kBAAmB,CAAC","ignoreList":[]}

package/build-module/mobile/focal-point-settings-panel/index.native.js CHANGED Viewed

@@ -17,8 +17,7 @@ import NavBar from '../bottom-sheet/nav-bar';
 import styles from './styles.scss';
 import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
 import FocalPointPicker from '../../focal-point-picker';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const FocalPointSettingsPanelMemo = memo(({
   focalPoint,
   onFocalPointChange,

package/build-module/mobile/focal-point-settings-panel/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["SafeAreaView","useRoute","useNavigation","__","memo","useContext","useState","useCallback","NavBar","styles","BottomSheetContext","FocalPointPicker","jsx","_jsx","jsxs","_jsxs","FocalPointSettingsPanelMemo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","setPosition","coordinates","prevState","style","safearea","children","DismissButton","onPress","Heading","ApplyButton","onChange","FocalPointSettingsPanel","props","route","params"],"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { SafeAreaView } from 'react-native';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { memo, useContext, useState, useCallback } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport FocalPointPicker from '../../focal-point-picker';\n\nconst FocalPointSettingsPanelMemo = memo(\n\t( {\n\t\tfocalPoint,\n\t\tonFocalPointChange,\n\t\tshouldEnableBottomSheetScroll,\n\t\turl,\n\t} ) => {\n\t\tconst navigation = useNavigation();\n\n\t\tfunction onButtonPress( action ) {\n\t\t\tnavigation.goBack();\n\t\t\tif ( action === 'apply' ) {\n\t\t\t\tonFocalPointChange( draftFocalPoint );\n\t\t\t}\n\t\t}\n\n\t\tconst [ draftFocalPoint, setDraftFocalPoint ] = useState( focalPoint );\n\t\tfunction setPosition( coordinates ) {\n\t\t\tsetDraftFocalPoint( ( prevState ) => ( {\n\t\t\t\t...prevState,\n\t\t\t\t...coordinates,\n\t\t\t} ) );\n\t\t}\n\n\t\treturn (\n\t\t\t<SafeAreaView style={ styles.safearea }>\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.DismissButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<NavBar.Heading>\n\t\t\t\t\t\t{ __( 'Edit focal point' ) }\n\t\t\t\t\t</NavBar.Heading>\n\t\t\t\t\t<NavBar.ApplyButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</NavBar>\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\tfocalPoint={ draftFocalPoint }\n\t\t\t\t\tonChange={ useCallback( setPosition, [] ) }\n\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t}\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t</SafeAreaView>\n\t\t);\n\t}\n);\n\nfunction FocalPointSettingsPanel( props ) {\n\tconst route = useRoute();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<FocalPointSettingsPanelMemo\n\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default FocalPointSettingsPanel;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,QAAQ,EAAEC,aAAa,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,oBAAoB;;AAE5E;AACA;AACA;AACA,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sCAAsC;AACzE,OAAOC,gBAAgB,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAExD,MAAMC,2BAA2B,GAAGZ,IAAI,CACvC,CAAE;EACDa,UAAU;EACVC,kBAAkB;EAClBC,6BAA6B;EAC7BC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAGnB,aAAa,CAAC,CAAC;EAElC,SAASoB,aAAaA,CAAEC,MAAM,EAAG;IAChCF,UAAU,CAACG,MAAM,CAAC,CAAC;IACnB,IAAKD,MAAM,KAAK,OAAO,EAAG;MACzBL,kBAAkB,CAAEO,eAAgB,CAAC;IACtC;EACD;EAEA,MAAM,CAAEA,eAAe,EAAEC,kBAAkB,CAAE,GAAGpB,QAAQ,CAAEW,UAAW,CAAC;EACtE,SAASU,WAAWA,CAAEC,WAAW,EAAG;IACnCF,kBAAkB,CAAIG,SAAS,KAAQ;MACtC,GAAGA,SAAS;MACZ,GAAGD;IACJ,CAAC,CAAG,CAAC;EACN;EAEA,oBACCb,KAAA,CAACf,YAAY;IAAC8B,KAAK,EAAGrB,MAAM,CAACsB,QAAU;IAAAC,QAAA,gBACtCjB,KAAA,CAACP,MAAM;MAAAwB,QAAA,gBACNnB,IAAA,CAACL,MAAM,CAACyB,aAAa;QACpBC,OAAO,EAAGA,CAAA,KAAMZ,aAAa,CAAE,QAAS;MAAG,CAC3C,CAAC,eACFT,IAAA,CAACL,MAAM,CAAC2B,OAAO;QAAAH,QAAA,EACZ7B,EAAE,CAAE,kBAAmB;MAAC,CACX,CAAC,eACjBU,IAAA,CAACL,MAAM,CAAC4B,WAAW;QAClBF,OAAO,EAAGA,CAAA,KAAMZ,aAAa,CAAE,OAAQ;MAAG,CAC1C,CAAC;IAAA,CACK,CAAC,eACTT,IAAA,CAACF,gBAAgB;MAChBM,UAAU,EAAGQ,eAAiB;MAC9BY,QAAQ,EAAG9B,WAAW,CAAEoB,WAAW,EAAE,EAAG,CAAG;MAC3CR,6BAA6B,EAC5BA,6BACA;MACDC,GAAG,EAAGA;IAAK,CACX,CAAC;EAAA,CACW,CAAC;AAEjB,CACD,CAAC;AAED,SAASkB,uBAAuBA,CAAEC,KAAK,EAAG;EACzC,MAAMC,KAAK,GAAGvC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEkB;EAA8B,CAAC,GAAGd,UAAU,CAAEK,kBAAmB,CAAC;EAE1E,oBACCG,IAAA,CAACG,2BAA2B;IAC3BG,6BAA6B,EAAGA,6BAA+B;IAAA,GAC1DoB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,uBAAuB","ignoreList":[]}
1	+ {"version":3,"names":["SafeAreaView","useRoute","useNavigation","__","memo","useContext","useState","useCallback","NavBar","styles","BottomSheetContext","FocalPointPicker","jsx","_jsx","jsxs","_jsxs","FocalPointSettingsPanelMemo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","setPosition","coordinates","prevState","style","safearea","children","DismissButton","onPress","Heading","ApplyButton","onChange","FocalPointSettingsPanel","props","route","params"],"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { SafeAreaView } from 'react-native';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { memo, useContext, useState, useCallback } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport FocalPointPicker from '../../focal-point-picker';\n\nconst FocalPointSettingsPanelMemo = memo(\n\t( {\n\t\tfocalPoint,\n\t\tonFocalPointChange,\n\t\tshouldEnableBottomSheetScroll,\n\t\turl,\n\t} ) => {\n\t\tconst navigation = useNavigation();\n\n\t\tfunction onButtonPress( action ) {\n\t\t\tnavigation.goBack();\n\t\t\tif ( action === 'apply' ) {\n\t\t\t\tonFocalPointChange( draftFocalPoint );\n\t\t\t}\n\t\t}\n\n\t\tconst [ draftFocalPoint, setDraftFocalPoint ] = useState( focalPoint );\n\t\tfunction setPosition( coordinates ) {\n\t\t\tsetDraftFocalPoint( ( prevState ) => ( {\n\t\t\t\t...prevState,\n\t\t\t\t...coordinates,\n\t\t\t} ) );\n\t\t}\n\n\t\treturn (\n\t\t\t<SafeAreaView style={ styles.safearea }>\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.DismissButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<NavBar.Heading>\n\t\t\t\t\t\t{ __( 'Edit focal point' ) }\n\t\t\t\t\t</NavBar.Heading>\n\t\t\t\t\t<NavBar.ApplyButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</NavBar>\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\tfocalPoint={ draftFocalPoint }\n\t\t\t\t\tonChange={ useCallback( setPosition, [] ) }\n\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t}\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t</SafeAreaView>\n\t\t);\n\t}\n);\n\nfunction FocalPointSettingsPanel( props ) {\n\tconst route = useRoute();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<FocalPointSettingsPanelMemo\n\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default FocalPointSettingsPanel;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,QAAQ,EAAEC,aAAa,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,oBAAoB;;AAE5E;AACA;AACA;AACA,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sCAAsC;AACzE,OAAOC,gBAAgB,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,2BAA2B,GAAGZ,IAAI,CACvC,CAAE;EACDa,UAAU;EACVC,kBAAkB;EAClBC,6BAA6B;EAC7BC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAGnB,aAAa,CAAC,CAAC;EAElC,SAASoB,aAAaA,CAAEC,MAAM,EAAG;IAChCF,UAAU,CAACG,MAAM,CAAC,CAAC;IACnB,IAAKD,MAAM,KAAK,OAAO,EAAG;MACzBL,kBAAkB,CAAEO,eAAgB,CAAC;IACtC;EACD;EAEA,MAAM,CAAEA,eAAe,EAAEC,kBAAkB,CAAE,GAAGpB,QAAQ,CAAEW,UAAW,CAAC;EACtE,SAASU,WAAWA,CAAEC,WAAW,EAAG;IACnCF,kBAAkB,CAAIG,SAAS,KAAQ;MACtC,GAAGA,SAAS;MACZ,GAAGD;IACJ,CAAC,CAAG,CAAC;EACN;EAEA,oBACCb,KAAA,CAACf,YAAY;IAAC8B,KAAK,EAAGrB,MAAM,CAACsB,QAAU;IAAAC,QAAA,gBACtCjB,KAAA,CAACP,MAAM;MAAAwB,QAAA,gBACNnB,IAAA,CAACL,MAAM,CAACyB,aAAa;QACpBC,OAAO,EAAGA,CAAA,KAAMZ,aAAa,CAAE,QAAS;MAAG,CAC3C,CAAC,eACFT,IAAA,CAACL,MAAM,CAAC2B,OAAO;QAAAH,QAAA,EACZ7B,EAAE,CAAE,kBAAmB;MAAC,CACX,CAAC,eACjBU,IAAA,CAACL,MAAM,CAAC4B,WAAW;QAClBF,OAAO,EAAGA,CAAA,KAAMZ,aAAa,CAAE,OAAQ;MAAG,CAC1C,CAAC;IAAA,CACK,CAAC,eACTT,IAAA,CAACF,gBAAgB;MAChBM,UAAU,EAAGQ,eAAiB;MAC9BY,QAAQ,EAAG9B,WAAW,CAAEoB,WAAW,EAAE,EAAG,CAAG;MAC3CR,6BAA6B,EAC5BA,6BACA;MACDC,GAAG,EAAGA;IAAK,CACX,CAAC;EAAA,CACW,CAAC;AAEjB,CACD,CAAC;AAED,SAASkB,uBAAuBA,CAAEC,KAAK,EAAG;EACzC,MAAMC,KAAK,GAAGvC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEkB;EAA8B,CAAC,GAAGd,UAAU,CAAEK,kBAAmB,CAAC;EAE1E,oBACCG,IAAA,CAACG,2BAA2B;IAC3BG,6BAA6B,EAAGA,6BAA+B;IAAA,GAC1DoB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,uBAAuB","ignoreList":[]}

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

@@ -16,8 +16,7 @@ import { useMemo } from '@wordpress/element';
  */
 import styles from './style.scss';
 import { colorsUtils } from '../color-settings/utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function getGradientAngle(gradientValue) {
   const angleBase = 45;
   const matchAngle = /\(((\d+deg)|(to\s[^,]+))/;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["View","Platform","RNLinearGradient","gradientParser","RadialGradient","Stop","SVG","Defs","Rect","useResizeObserver","useMemo","styles","colorsUtils","jsx","_jsx","jsxs","_jsxs","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","useAngle","overflow","radialGradientContent","id","gradientUnits","rx","ry","cy","OS","group","offset","stopColor","stopOpacity","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 { 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';\nimport { colorsUtils } from '../color-settings/utils';\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 {\n\t\treturn 4 * angleBase;\n\t}\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\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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","ignoreList":[]}
1	+ {"version":3,"names":["View","Platform","RNLinearGradient","gradientParser","RadialGradient","Stop","SVG","Defs","Rect","useResizeObserver","useMemo","styles","colorsUtils","jsx","_jsx","jsxs","_jsxs","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","useAngle","overflow","radialGradientContent","id","gradientUnits","rx","ry","cy","OS","group","offset","stopColor","stopOpacity","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 { 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';\nimport { colorsUtils } from '../color-settings/utils';\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 {\n\t\treturn 4 * angleBase;\n\t}\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\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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","ignoreList":[]}

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

@@ -18,8 +18,7 @@ import { withInstanceId, compose, withPreferredColorScheme } from '@wordpress/co
  */
 import KeyboardAvoidingView from '../keyboard-avoiding-view';
 import styles from './style.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export class HTMLTextInput extends Component {
   constructor() {
     super(...arguments);

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

	@@ -1 +1 @@
1	- {"version":3,"names":["ScrollView","TextInput","Component","__","parse","withDispatch","withSelect","addFilter","removeFilter","withInstanceId","compose","withPreferredColorScheme","KeyboardAvoidingView","styles","jsx","_jsx","jsxs","_jsxs","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","htmlViewTitleDark","text","color","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","keyboardAvoidingView","children","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\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":"AAAA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,SAAS,QAAQ,cAAc;;AAEpD;AACA;AACA;AACA,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,mBAAmB;AACzC,SAASC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAC1D,SAASC,SAAS,EAAEC,YAAY,QAAQ,kBAAkB;AAC1D,SACCC,cAAc,EACdC,OAAO,EACPC,wBAAwB,QAClB,oBAAoB;;AAE3B;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAElC,OAAO,MAAMC,aAAa,SAAShB,SAAS,CAAC;EAC5CiB,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,IAAI,GAAG,IAAI,CAACA,IAAI,CAACC,IAAI,CAAE,IAAK,CAAC;IAClC,IAAI,CAACC,WAAW,GAAG,IAAI,CAACA,WAAW,CAACD,IAAI,CAAE,IAAK,CAAC;IAChD,IAAI,CAACE,gBAAgB,GAAG,IAAI,CAACA,gBAAgB,CAACF,IAAI,CAAE,IAAK,CAAC;IAC1Df,SAAS,CACR,qBAAqB,EACrB,iBAAiB,EACjB,IAAI,CAACiB,gBACN,CAAC;IAED,IAAI,CAACC,KAAK,GAAG,CAAC,CAAC;EAChB;EAEA,OAAOC,wBAAwBA,CAAEC,KAAK,EAAEF,KAAK,EAAG;IAC/C,IAAKA,KAAK,CAACG,OAAO,EAAG;MACpB,OAAO,IAAI;IACZ;IAEA,OAAO;MACNC,KAAK,EAAEF,KAAK,CAACE,KAAK;MAClBD,OAAO,EAAE;IACV,CAAC;EACF;EAEAE,oBAAoBA,CAAA,EAAG;IACtBtB,YAAY,CAAE,qBAAqB,EAAE,iBAAkB,CAAC;IACxD;IACA,IAAI,CAACe,WAAW,CAAC,CAAC;EACnB;EAEAF,IAAIA,CAAEU,IAAI,EAAG;IACZ,IAAI,CAACJ,KAAK,CAACK,QAAQ,CAAED,IAAK,CAAC;IAC3B,IAAI,CAACE,QAAQ,CAAE;MAAEJ,KAAK,EAAEE,IAAI;MAAEH,OAAO,EAAE;IAAK,CAAE,CAAC;EAChD;EAEAJ,gBAAgBA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACC,KAAK,CAACI,KAAK;EACxB;EAEAN,WAAWA,CAAA,EAAG;IACb,IAAK,IAAI,CAACE,KAAK,CAACG,OAAO,EAAG;MACzB,IAAI,CAACD,KAAK,CAACO,SAAS,CAAE,IAAI,CAACT,KAAK,CAACI,KAAM,CAAC;MACxC,IAAI,CAACI,QAAQ,CAAE;QAAEL,OAAO,EAAE;MAAM,CAAE,CAAC;IACpC;EACD;EAEAO,MAAMA,CAAA,EAAG;IACR,MAAM;MACLC,SAAS;MACTC,wBAAwB;MACxBC,YAAY;MACZC,KAAK;MACLC;IACD,CAAC,GAAG,IAAI,CAACb,KAAK;IACd,MAAMc,UAAU,GAAG,CAClBJ,wBAAwB,CACvBxB,MAAM,CAAC6B,aAAa,EACpB7B,MAAM,CAAC8B,iBACR,CAAC,EACDJ,KAAK,EAAEK,IAAI,IAAI;MAAEC,KAAK,EAAEN,KAAK,CAACK;IAAK,CAAC,CACpC;IACD,MAAME,SAAS,GAAG,CACjBT,wBAAwB,CAAExB,MAAM,CAACkC,QAAQ,EAAElC,MAAM,CAACmC,YAAa,CAAC,EAChET,KAAK,EAAEK,IAAI,IAAI;MAAEC,KAAK,EAAEN,KAAK,CAACK;IAAK,CAAC,CACpC;IACD,MAAMK,gBAAgB,GAAG;MACxB,GAAGZ,wBAAwB,CAC1BxB,MAAM,CAACqC,WAAW,EAClBrC,MAAM,CAACsC,eACR,CAAC;MACD,IAAKZ,KAAK,EAAEK,IAAI,IAAI;QAAEC,KAAK,EAAEN,KAAK,CAACK;MAAK,CAAC;IAC1C,CAAC;IACD,oBACC7B,IAAA,CAACH,oBAAoB;MACpB2B,KAAK,EAAG1B,MAAM,CAACuC,oBAAsB;MACrCd,YAAY,EAAGA,YAAc;MAAAe,QAAA,eAE7BpC,KAAA,CAACjB,UAAU;QAACuC,KAAK,EAAG1B,MAAM,CAACyC,UAAY;QAAAD,QAAA,gBACtCtC,IAAA,CAACd,SAAS;UACTsD,WAAW,EAAG,KAAO;UACrBC,kBAAkB,EAAC,iBAAiB;UACpCC,iBAAiB,EAAC,QAAQ;UAC1BC,aAAa,EAAG,CAAG;UACnBnB,KAAK,EAAGE,UAAY;UACpBZ,KAAK,EAAGW,KAAO;UACfU,WAAW,EAAG/C,EAAE,CAAE,WAAY,CAAG;UACjCwD,oBAAoB,EAAGV,gBAAgB,CAACJ,KAAO;UAC/Ce,YAAY,EAAGxB;QAAW,CAC1B,CAAC,eACFrB,IAAA,CAACd,SAAS;UACT4D,GAAG,EAAG,IAAI,CAACC,mBAAqB;UAChCP,WAAW,EAAG,KAAO;UACrBC,kBAAkB,EAAC,mBAAmB;UACtCC,iBAAiB,EAAC,KAAK;UACvBM,SAAS;UACTxB,KAAK,EAAGO,SAAW;UACnBjB,KAAK,EAAG,IAAI,CAACJ,KAAK,CAACI,KAAO;UAC1B+B,YAAY,EAAG,IAAI,CAACvC,IAAM;UAC1B2C,MAAM,EAAG,IAAI,CAACzC,WAAa;UAC3B2B,WAAW,EAAG/C,EAAE,CAAE,gBAAiB,CAAG;UACtCwD,oBAAoB,EAAGV,gBAAgB,CAACJ,KAAO;UAC/CoB,aAAa,EAAG;UAChB;UACA;UACA;UAAA;UACAC,0BAA0B,EAAG;QAAO,CACpC,CAAC;MAAA,CACS;IAAC,CACQ,CAAC;EAEzB;AACD;AAEA,eAAexD,OAAO,CAAE,CACvBJ,UAAU,CAAI6D,MAAM,IAAM;EACzB,MAAM;IAAEC,sBAAsB;IAAEC;EAAqB,CAAC,GACrDF,MAAM,CAAE,aAAc,CAAC;EAExB,OAAO;IACN3B,KAAK,EAAE4B,sBAAsB,CAAE,OAAQ,CAAC;IACxCvC,KAAK,EAAEwC,oBAAoB,CAAC;EAC7B,CAAC;AACF,CAAE,CAAC,EACHhE,YAAY,CAAIiE,QAAQ,IAAM;EAC7B,MAAM;IAAEC,QAAQ;IAAEC;EAAkB,CAAC,GAAGF,QAAQ,CAAE,aAAc,CAAC;EACjE,OAAO;IACNlC,SAASA,CAAEI,KAAK,EAAG;MAClB+B,QAAQ,CAAE;QAAE/B;MAAM,CAAE,CAAC;IACtB,CAAC;IACDR,QAAQA,CAAEyC,OAAO,EAAG;MACnBF,QAAQ,CAAE;QAAEE;MAAQ,CAAE,CAAC;IACxB,CAAC;IACDvC,SAASA,CAAEuC,OAAO,EAAG;MACpB,MAAMC,MAAM,GAAGtE,KAAK,CAAEqE,OAAQ,CAAC;MAC/BD,iBAAiB,CAAEE,MAAO,CAAC;IAC5B;EACD,CAAC;AACF,CAAE,CAAC,EACHjE,cAAc,EACdE,wBAAwB,CACvB,CAAC,CAAEO,aAAc,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["ScrollView","TextInput","Component","__","parse","withDispatch","withSelect","addFilter","removeFilter","withInstanceId","compose","withPreferredColorScheme","KeyboardAvoidingView","styles","jsx","_jsx","jsxs","_jsxs","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","htmlViewTitleDark","text","color","htmlStyle","htmlView","htmlViewDark","placeholderStyle","placeholder","placeholderDark","keyboardAvoidingView","children","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\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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","ignoreList":[]}

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

@@ -2,8 +2,7 @@
  * WordPress dependencies
  */
 import { SVG, Path } from '@wordpress/primitives';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default /*#__PURE__*/_jsxs(SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["SVG","Path","jsx","_jsx","jsxs","_jsxs","xmlns","viewBox","children","d","fill"],"sources":["@wordpress/components/src/mobile/image/icon-retry.native.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\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,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAElD,4BACCA,KAAA,CAACL,GAAG;EAACM,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,gBAC1DL,IAAA,CAACF,IAAI;IAACQ,CAAC,EAAC;EAA4M,CAAE,CAAC,eACvNN,IAAA,CAACF,IAAI;IAACQ,CAAC,EAAC,eAAe;IAACC,IAAI,EAAC;EAAM,CAAE,CAAC;AAAA,CAClC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["SVG","Path","jsx","_jsx","jsxs","_jsxs","xmlns","viewBox","children","d","fill"],"sources":["@wordpress/components/src/mobile/image/icon-retry.native.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\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,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,4BACCA,KAAA,CAACL,GAAG;EAACM,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,gBAC1DL,IAAA,CAACF,IAAI;IAACQ,CAAC,EAAC;EAA4M,CAAE,CAAC,eACvNN,IAAA,CAACF,IAAI;IAACQ,CAAC,EAAC,eAAe;IAACC,IAAI,EAAC;EAAM,CAAE,CAAC;AAAA,CAClC,CAAC","ignoreList":[]}

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

@@ -15,8 +15,7 @@ import { MediaEdit } from '../media-edit';
 import SvgIconCustomize from './icon-customize';
 import styles from './style.scss';
 import Icon from '../../icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["TouchableWithoutFeedback","View","Platform","__","MediaEdit","SvgIconCustomize","styles","Icon","jsx","_jsx","jsxs","_jsxs","accessibilityHint","OS","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","onSelect","source","uri","openReplaceMediaOptions","render","open","mediaOptions","accessibilityLabel","accessibilityRole","onPress","children","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 { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport { MediaEdit } from '../media-edit';\nimport SvgIconCustomize from './icon-customize';\nimport styles from './style.scss';\nimport Icon from '../../icon';\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,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,eAAe;AACzC,OAAOC,gBAAgB,MAAM,kBAAkB;AAC/C,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,IAAI,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAE9B,MAAMC,iBAAiB,GACtBV,QAAQ,CAACW,EAAE,KAAK,KAAK,GAClBV,EAAE,CACF,sEACA,CAAC,GACDA,EAAE,CACF,sEACA,CAAC;AAEL,MAAMW,kBAAkB,GAAGA,CAAE;EAC5BC,yBAAyB;EACzBC,gBAAgB;EAChBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,oBACCT,IAAA,CAACL,SAAS;IACTe,QAAQ,EAAGJ,yBAA2B;IACtCK,MAAM,EAAG;MAAEC,GAAG,EAAEH;IAAI,CAAG;IACvBI,uBAAuB,EAAGN,gBAAkB;IAC5CO,MAAM,EAAGA,CAAE;MAAEC,IAAI;MAAEC;IAAa,CAAC,kBAChChB,IAAA,CAACT,wBAAwB;MACxBY,iBAAiB,EAAGA,iBAAmB;MACvCc,kBAAkB,EAAGvB,EAAE,CAAE,YAAa,CAAG;MACzCwB,iBAAiB,EAAC,QAAQ;MAC1BC,OAAO,EAAGJ,IAAM;MAAAK,QAAA,eAEhBpB,IAAA,CAACR,IAAI;QAAC6B,KAAK,EAAGxB,MAAM,CAACyB,aAAe;QAAAF,QAAA,eACnClB,KAAA,CAACV,IAAI;UAAC6B,KAAK,EAAGxB,MAAM,CAAC0B,IAAM;UAAAH,QAAA,GACxBJ,YAAY,CAAC,CAAC,eAChBhB,IAAA,CAACF,IAAI;YACJ0B,IAAI,EAAG,EAAI;YACXC,IAAI,EAAG7B,gBAAkB;YAAA,GACpBC,MAAM,CAAC6B;UAAa,CACzB,CAAC;QAAA,CACG;MAAC,CACF;IAAC,CACkB,CACxB;IACHlB,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["TouchableWithoutFeedback","View","Platform","__","MediaEdit","SvgIconCustomize","styles","Icon","jsx","_jsx","jsxs","_jsxs","accessibilityHint","OS","ImageEditingButton","onSelectMediaUploadOption","openMediaOptions","pickerOptions","url","onSelect","source","uri","openReplaceMediaOptions","render","open","mediaOptions","accessibilityLabel","accessibilityRole","onPress","children","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 { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport { MediaEdit } from '../media-edit';\nimport SvgIconCustomize from './icon-customize';\nimport styles from './style.scss';\nimport Icon from '../../icon';\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,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,SAAS,QAAQ,eAAe;AACzC,OAAOC,gBAAgB,MAAM,kBAAkB;AAC/C,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,IAAI,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,iBAAiB,GACtBV,QAAQ,CAACW,EAAE,KAAK,KAAK,GAClBV,EAAE,CACF,sEACA,CAAC,GACDA,EAAE,CACF,sEACA,CAAC;AAEL,MAAMW,kBAAkB,GAAGA,CAAE;EAC5BC,yBAAyB;EACzBC,gBAAgB;EAChBC,aAAa;EACbC;AACD,CAAC,KAAM;EACN,oBACCT,IAAA,CAACL,SAAS;IACTe,QAAQ,EAAGJ,yBAA2B;IACtCK,MAAM,EAAG;MAAEC,GAAG,EAAEH;IAAI,CAAG;IACvBI,uBAAuB,EAAGN,gBAAkB;IAC5CO,MAAM,EAAGA,CAAE;MAAEC,IAAI;MAAEC;IAAa,CAAC,kBAChChB,IAAA,CAACT,wBAAwB;MACxBY,iBAAiB,EAAGA,iBAAmB;MACvCc,kBAAkB,EAAGvB,EAAE,CAAE,YAAa,CAAG;MACzCwB,iBAAiB,EAAC,QAAQ;MAC1BC,OAAO,EAAGJ,IAAM;MAAAK,QAAA,eAEhBpB,IAAA,CAACR,IAAI;QAAC6B,KAAK,EAAGxB,MAAM,CAACyB,aAAe;QAAAF,QAAA,eACnClB,KAAA,CAACV,IAAI;UAAC6B,KAAK,EAAGxB,MAAM,CAAC0B,IAAM;UAAAH,QAAA,GACxBJ,YAAY,CAAC,CAAC,eAChBhB,IAAA,CAACF,IAAI;YACJ0B,IAAI,EAAG,EAAI;YACXC,IAAI,EAAG7B,gBAAkB;YAAA,GACpBC,MAAM,CAAC6B;UAAa,CACzB,CAAC;QAAA,CACG;MAAC,CACF;IAAC,CACkB,CACxB;IACHlB,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ,CAAC;AAED,eAAeH,kBAAkB","ignoreList":[]}

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

@@ -20,9 +20,7 @@ import styles from './style.scss';
 import SvgIconRetry from './icon-retry';
 import ImageEditingButton from './image-editing-button';
 import Icon from '../../icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const ICON_TYPE = {
   OFFLINE: 'offline',
   PLACEHOLDER: 'placeholder',

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Image","RNImage","Text","View","FastImage","__","image","offline","usePreferredColorSchemeStyle","useEffect","useState","Platform","getImageWithFocalPointStyles","styles","SvgIconRetry","ImageEditingButton","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","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","containerSize","setContainerSize","localURL","setLocalURL","networkURL","setNetworkURL","networkImageLoaded","setNetworkImageLoaded","isAndroid","imageResizeMode","isCurrent","getSize","imgWidth","imgHeight","metaData","aspectRatio","startsWith","isIOS","prefetch","then","onContainerLayout","event","nativeEvent","layout","getIcon","iconType","icon","iconStyle","iconRetryStyles","iconOfflineStyles","iconPlaceholderStyles","iconUploadStyles","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","undefined","calculatedSelectedHeight","isNaN","imageSelectedStyles","imageBorder","imageBorderDark","container","alignItems","onLayout","children","accessible","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","imageUploadingIconContainer","focalPointContent","fadeDuration","source","uri","resizeMethod","testID","nonVisibleImage","onLoad","imageContainer","customRetryIcon","pickerOptions"],"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 { 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';\nimport Icon from '../../icon';\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 imageStyles = [\n\t\t{\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 && highlightSelected && (\n\t\t\t\t\t<View style={ imageSelectedStyles } />\n\t\t\t\t) }\n\n\t\t\t\t{ ! imageData ? (\n\t\t\t\t\t<View style={ placeholderStyles }>\n\t\t\t\t\t\t<View style={ styles.imageUploadingIconContainer }>\n\t\t\t\t\t\t\t{ getIcon( ICON_TYPE.UPLOAD ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) : (\n\t\t\t\t\t<View style={ focalPoint && styles.focalPointContent }>\n\t\t\t\t\t\t{ 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<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<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<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":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,OAAO,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC3D,OAAOC,SAAS,MAAM,yBAAyB;;AAE/C;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,EAAEC,OAAO,QAAQ,kBAAkB;AACjD,SAASC,4BAA4B,QAAQ,oBAAoB;AACjE,SAASC,SAAS,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,oBAAoB;;AAElE;AACA;AACA;AACA,SAASC,4BAA4B,QAAQ,SAAS;AACtD,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,YAAY,MAAM,cAAc;AACvC,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,IAAI,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,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,GAAG5C,QAAQ,CAAE,IAAK,CAAC;EACpD,MAAM,CAAE6C,aAAa,EAAEC,gBAAgB,CAAE,GAAG9C,QAAQ,CAAE,IAAK,CAAC;EAC5D,MAAM,CAAE+C,QAAQ,EAAEC,WAAW,CAAE,GAAGhD,QAAQ,CAAE,IAAK,CAAC;EAClD,MAAM,CAAEiD,UAAU,EAAEC,aAAa,CAAE,GAAGlD,QAAQ,CAAE,IAAK,CAAC;EACtD,MAAM,CAAEmD,kBAAkB,EAAEC,qBAAqB,CAAE,GAAGpD,QAAQ,CAAE,KAAM,CAAC;;EAEvE;EACA,MAAMV,KAAK,GACV,CAAEqC,kBAAkB,IAAI1B,QAAQ,CAACoD,SAAS,GAAG9D,OAAO,GAAGG,SAAS;EACjE,MAAM4D,eAAe,GACpB,CAAE3B,kBAAkB,IAAI1B,QAAQ,CAACoD,SAAS,GACvClB,UAAU,GACVzC,SAAS,CAACyC,UAAU,CAAEA,UAAU,CAAE;EAEtCpC,SAAS,CAAE,MAAM;IAChB,IAAIwD,SAAS,GAAG,IAAI;IACpB,IAAKjB,GAAG,EAAG;MACV/C,OAAO,CAACiE,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;MAEH,IAAKrB,GAAG,CAACuB,UAAU,CAAE,UAAW,CAAC,EAAG;QACnCb,WAAW,CAAEV,GAAI,CAAC;QAClBY,aAAa,CAAE,IAAK,CAAC;QACrBE,qBAAqB,CAAE,KAAM,CAAC;MAC/B,CAAC,MAAM,IAAKd,GAAG,CAACuB,UAAU,CAAE,UAAW,CAAC,EAAG;QAC1C,IAAK5D,QAAQ,CAAC6D,KAAK,EAAG;UACrBZ,aAAa,CAAEZ,GAAI,CAAC;QACrB,CAAC,MAAM,IAAKrC,QAAQ,CAACoD,SAAS,EAAG;UAChC9D,OAAO,CAACwE,QAAQ,CAAEzB,GAAI,CAAC,CAAC0B,IAAI,CAC3B,MAAM;YACL,IAAK,CAAET,SAAS,EAAG;cAClB;YACD;YACAL,aAAa,CAAEZ,GAAI,CAAC;YACpBc,qBAAqB,CAAE,IAAK,CAAC;UAC9B,CAAC,EACD,MAAM;YACL;YACA;YACA;YACA;YACA;UAAA,CAEF,CAAC;QACF;MACD;IACD;IACA,OAAO,MAAQG,SAAS,GAAG,KAAO;IAClC;IACA;IACA;EACD,CAAC,EAAE,CAAEjB,GAAG,CAAG,CAAC;EAEZ,MAAM2B,iBAAiB,GAAKC,KAAK,IAAM;IACtC,MAAM;MAAE3C,MAAM;MAAEkB;IAAM,CAAC,GAAGyB,KAAK,CAACC,WAAW,CAACC,MAAM;IAElD,IACC3B,KAAK,KAAK,CAAC,IACXlB,MAAM,KAAK,CAAC,KACVsB,aAAa,EAAEJ,KAAK,KAAKA,KAAK,IAC/BI,aAAa,EAAEtB,MAAM,KAAKA,MAAM,CAAE,EAClC;MACDuB,gBAAgB,CAAE;QAAEL,KAAK;QAAElB;MAAO,CAAE,CAAC;IACtC;EACD,CAAC;EAED,MAAM8C,OAAO,GAAKC,QAAQ,IAAM;IAC/B,IAAIC,IAAI;IACR,IAAIC,SAAS;IACb,QAASF,QAAQ;MAChB,KAAKzD,SAAS,CAACG,KAAK;QACnBuD,IAAI,GAAGlC,SAAS,IAAIjC,YAAY;QAChCoE,SAAS,GAAGC,eAAe;QAC3B;MACD,KAAK5D,SAAS,CAACC,OAAO;QACrByD,IAAI,GAAG1E,OAAO;QACd2E,SAAS,GAAGE,iBAAiB;QAC7B;MACD,KAAK7D,SAAS,CAACE,WAAW;QACzBwD,IAAI,GAAG3E,KAAK;QACZ4E,SAAS,GAAGG,qBAAqB;QACjC;MACD,KAAK9D,SAAS,CAACI,MAAM;QACpBsD,IAAI,GAAG3E,KAAK;QACZ4E,SAAS,GAAGI,gBAAgB;QAC5B;IACF;IACA,oBAAOpE,IAAA,CAACF,IAAI;MAACiE,IAAI,EAAGA,IAAM;MAAA,GAAMC;IAAS,CAAI,CAAC;EAC/C,CAAC;EAED,MAAMG,qBAAqB,GAAG7E,4BAA4B,CACzDK,MAAM,CAAC0E,eAAe,EACtB1E,MAAM,CAAC2E,mBACR,CAAC;EAED,MAAMF,gBAAgB,GAAG9E,4BAA4B,CACpDK,MAAM,CAAC4E,UAAU,EACjB5E,MAAM,CAAC6E,cACR,CAAC;EAED,MAAMN,iBAAiB,GAAG5E,4BAA4B,CACrDK,MAAM,CAAC8E,WAAW,EAClB9E,MAAM,CAAC+E,eACR,CAAC;EAED,MAAMC,eAAe,GAAGrF,4BAA4B,CACnDK,MAAM,CAACkC,SAAS,EAChBlC,MAAM,CAACiF,aACR,CAAC;EAED,MAAMX,eAAe,GAAG3E,4BAA4B,CACnDK,MAAM,CAACkF,SAAS,EAChBlF,MAAM,CAACmF,aACR,CAAC;EAED,MAAMC,oBAAoB,GAAGzF,4BAA4B,CACxDK,MAAM,CAACqF,cAAc,EACrBrF,MAAM,CAACsF,kBACR,CAAC;EAED,MAAMC,sBAAsB,GAAG5F,4BAA4B,CAC1DK,MAAM,CAACwF,gBAAgB,EACvBxF,MAAM,CAACyF,oBACR,CAAC;EAED,MAAMC,iBAAiB,GAAG,CACzB/F,4BAA4B,CAC3BK,MAAM,CAAC2F,oBAAoB,EAC3B3F,MAAM,CAAC4F,wBACR,CAAC,EACDzE,UAAU,IAAInB,MAAM,CAAC6F,kCAAkC,EACvDxE,WAAW,IAAI;IAAED,MAAM,EAAEC;EAAY,CAAC,CACtC;EAED,MAAMyE,WAAW,GAChBtD,SAAS,EAAEF,KAAK,GAAGI,aAAa,EAAEJ,KAAK,GACpCE,SAAS,EAAEF,KAAK,GAChBtC,MAAM,CAAC+F,IAAI,EAAEzD,KAAK;EAEtB,MAAM0D,oBAAoB,GAAG,CAC5BhG,MAAM,CAACiG,YAAY,EACnB;IACC3D,KAAK,EACJC,UAAU,KAAKvC,MAAM,CAAC+F,IAAI,EAAEzD,KAAK,IAC/BE,SAAS,IACVD,UAAU,GAAG,CAAC,IACdA,UAAU,GAAGG,aAAa,EAAEJ,KAAO,GACjCC,UAAU,GACVuD;EACL,CAAC,EACD9D,UAAU,IAAI;IAAEM,KAAK,EAAEtC,MAAM,CAAC+F,IAAI,EAAEzD;EAAM,CAAC,EAC3CnB,UAAU,IAAInB,MAAM,CAACkG,mBAAmB,CACxC;EAED,MAAMC,WAAW,GAAG,CACnB;IACC/E,MAAM,EAAEsB,aAAa,EAAEtB;EACxB,CAAC,EACD,CAAEY,UAAU,IAAI;IACfyB,WAAW,EAAEjB,SAAS,EAAEiB;EACzB,CAAC,EACDtC,UAAU,IAAInB,MAAM,CAACmB,UAAU,EAC/BA,UAAU,IACTpB,4BAA4B,CAC3BoB,UAAU,EACVuB,aAAa,EACbF,SACD,CAAC,EACF,CAAErB,UAAU,IACXqB,SAAS,IACTE,aAAa,IAAI;IAChBtB,MAAM,EACLoB,SAAS,EAAEF,KAAK,GAAGI,aAAa,EAAEJ,KAAK,IAAI,CAAEC,UAAU,GACpDG,aAAa,EAAEJ,KAAK,GAAGE,SAAS,EAAEiB,WAAW,GAC7C2C;EACL,CAAC,EACF/E,WAAW,IAAI;IAAED,MAAM,EAAEC;EAAY,CAAC,EACtCe,UAAU,CACV;;EAED;EACA;EACA;EACA;EACA,IAAIiE,wBAAwB;EAC5B,IAAKvG,QAAQ,CAAC6D,KAAK,EAAG;IACrB0C,wBAAwB,GACvB3D,aAAa,IAAI,CAAE4D,KAAK,CAAE5D,aAAa,CAACtB,MAAO,CAAC,GAC7CsB,aAAa,CAACtB,MAAM,GAAG,CAAC,GACxB,CAAC;EACN,CAAC,MAAM;IACNiF,wBAAwB,GAAG3D,aAAa,EAAEtB,MAAM;EACjD;EAEA,MAAMmF,mBAAmB,GAAG,CAC3B5G,4BAA4B,CAC3BK,MAAM,CAACwG,WAAW,EAClBxG,MAAM,CAACyG,eACR,CAAC,EACD;IACCrF,MAAM,EAAEiF;EACT,CAAC,CACD;EAED,oBACC5F,KAAA,CAACnB,IAAI;IACJ+C,KAAK,EAAG,CACPrC,MAAM,CAAC0G,SAAS;IAChB;IACA;IACA;IACAlE,SAAS,IAAIxB,KAAK,IAAI;MAAE2F,UAAU,EAAE3F;IAAM,CAAC,EAC3CqB,KAAK,CACH;IACHuE,QAAQ,EAAG9C,iBAAmB;IAAA+C,QAAA,gBAE9BpG,KAAA,CAACnB,IAAI;MACJwH,UAAU;MACVC,QAAQ,EAAG,CAAExF,UAAY;MACzByF,kBAAkB,EAAG/F,GAAK;MAC1BgG,iBAAiB,EAAGzH,EAAE,CAAE,6BAA8B,CAAG;MACzD0H,iBAAiB,EAAC,aAAa;MAE/B7E,KAAK,EAAG2D,oBAAsB;MAAAa,QAAA,GAE5BtF,UAAU,IAAID,iBAAiB,iBAChCjB,IAAA,CAACf,IAAI;QAAC+C,KAAK,EAAGkE;MAAqB,CAAE,CACrC,EAEC,CAAE/D,SAAS,gBACZnC,IAAA,CAACf,IAAI;QAAC+C,KAAK,EAAGqD,iBAAmB;QAAAmB,QAAA,eAChCxG,IAAA,CAACf,IAAI;UAAC+C,KAAK,EAAGrC,MAAM,CAACmH,2BAA6B;UAAAN,QAAA,EAC/C3C,OAAO,CAAExD,SAAS,CAACI,MAAO;QAAC,CACxB;MAAC,CACF,CAAC,gBAEPL,KAAA,CAACnB,IAAI;QAAC+C,KAAK,EAAGlB,UAAU,IAAInB,MAAM,CAACoH,iBAAmB;QAAAP,QAAA,GACnD/G,QAAQ,CAACoD,SAAS,iBACnBzC,KAAA,CAAAF,SAAA;UAAAsG,QAAA,GACG7D,kBAAkB,IAAIF,UAAU,iBACjCzC,IAAA,CAAClB,KAAK;YACLkD,KAAK,EAAG8D,WAAa;YACrBkB,YAAY,EAAG,CAAG;YAClBC,MAAM,EAAG;cAAEC,GAAG,EAAEzE;YAAW,CAAG;YAAA,IACvB,CAAE3B,UAAU,IAAI;cACtBqG,YAAY,EAAE;YACf,CAAC;YACDxF,UAAU,EAAGmB,eAAiB;YAC9BsE,MAAM,EAAI,iBAAiBtF,GAAK;UAAG,CACnC,CACD,EACC,CAAEa,kBAAkB,IAAI,CAAEF,UAAU,iBACrCzC,IAAA,CAAClB,KAAK;YACLkD,KAAK,EAAG8D,WAAa;YACrBkB,YAAY,EAAG,CAAG;YAClBC,MAAM,EAAG;cAAEC,GAAG,EAAE3E;YAAS,CAAG;YAAA,IACrB,CAAEzB,UAAU,IAAI;cACtBqG,YAAY,EAAE;YACf,CAAC;YACDxF,UAAU,EAAGmB;UAAiB,CAC9B,CACD;QAAA,CACA,CACF,EACCrD,QAAQ,CAAC6D,KAAK,iBACflD,KAAA,CAAAF,SAAA;UAAAsG,QAAA,gBACCxG,IAAA,CAAClB,KAAK;YACLkD,KAAK,EAAG8D,WAAa;YACrBmB,MAAM,EAAG;cACRC,GAAG,EACFzE,UAAU,IAAIE,kBAAkB,GAC7BF,UAAU,GACVF,QAAQ,IAAIT;YACjB,CAAG;YAAA,IACI,CAAEhB,UAAU,IAAI;cACtBqG,YAAY,EAAE;YACf,CAAC;YACDxF,UAAU,EAAGmB,eAAiB;YAC9BsE,MAAM,EAAI,iBACT3E,UAAU,IAAIE,kBAAkB,GAC7BF,UAAU,GACVF,QAAQ,IAAIT,GACf;UAAG,CACJ,CAAC,eACF9B,IAAA,CAAClB,KAAK;YACLmI,MAAM,EAAG;cAAEC,GAAG,EAAEzE;YAAW,CAAG;YAC9BT,KAAK,EAAGrC,MAAM,CAAC0H,eAAiB;YAChCC,MAAM,EAAGA,CAAA,KAAM;cACd1E,qBAAqB,CAAE,IAAK,CAAC;YAC9B;UAAG,CACH,CAAC;QAAA,CACD,CACF;MAAA,CACI,CACN,EAEC,CAAExB,cAAc,IAAIC,cAAc,KAAMO,YAAY,iBACrDxB,KAAA,CAACnB,IAAI;QACJ+C,KAAK,EAAG,CACPrC,MAAM,CAAC4H,cAAc,EACrBxC,oBAAoB,CAClB;QAAAyB,QAAA,gBAEHxG,IAAA,CAACf,IAAI;UACJ+C,KAAK,EAAG,CACP2C,eAAe,EACf9C,SAAS,IAAIlC,MAAM,CAAC6H,eAAe,CACjC;UAAAhB,QAAA,EAEDnF,cAAc,GACbwC,OAAO,CAAExD,SAAS,CAACC,OAAQ,CAAC,GAC5BuD,OAAO,CAAExD,SAAS,CAACG,KAAM;QAAC,CACxB,CAAC,eACPR,IAAA,CAAChB,IAAI;UAACgD,KAAK,EAAGkD,sBAAwB;UAAAsB,QAAA,EACnC5E;QAAY,CACT,CAAC;MAAA,CACF,CACN;IAAA,GA/FKE,GAgGD,CAAC,EAELjB,UAAU,IAAIK,UAAU,IAAI,CAAEI,kBAAkB,iBACjDtB,IAAA,CAACH,kBAAkB;MAClB4B,yBAAyB,EAAGA,yBAA2B;MACvDC,gBAAgB,EAAGA,gBAAkB;MACrCI,GAAG,EACF,EAAIV,cAAc,IAAIC,cAAc,CAAE,IACtCc,SAAS,IACTL,GACA;MACD2F,aAAa,EAAGlG;IAAoB,CACpC,CACD;EAAA,CACI,CAAC;AAET,CAAC;AAED,eAAeb,cAAc","ignoreList":[]}
1	+ {"version":3,"names":["Image","RNImage","Text","View","FastImage","__","image","offline","usePreferredColorSchemeStyle","useEffect","useState","Platform","getImageWithFocalPointStyles","styles","SvgIconRetry","ImageEditingButton","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","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","containerSize","setContainerSize","localURL","setLocalURL","networkURL","setNetworkURL","networkImageLoaded","setNetworkImageLoaded","isAndroid","imageResizeMode","isCurrent","getSize","imgWidth","imgHeight","metaData","aspectRatio","startsWith","isIOS","prefetch","then","onContainerLayout","event","nativeEvent","layout","getIcon","iconType","icon","iconStyle","iconRetryStyles","iconOfflineStyles","iconPlaceholderStyles","iconUploadStyles","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","undefined","calculatedSelectedHeight","isNaN","imageSelectedStyles","imageBorder","imageBorderDark","container","alignItems","onLayout","children","accessible","disabled","accessibilityLabel","accessibilityHint","accessibilityRole","imageUploadingIconContainer","focalPointContent","fadeDuration","source","uri","resizeMethod","testID","nonVisibleImage","onLoad","imageContainer","customRetryIcon","pickerOptions"],"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 { 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';\nimport Icon from '../../icon';\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 imageStyles = [\n\t\t{\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 && highlightSelected && (\n\t\t\t\t\t<View style={ imageSelectedStyles } />\n\t\t\t\t) }\n\n\t\t\t\t{ ! imageData ? (\n\t\t\t\t\t<View style={ placeholderStyles }>\n\t\t\t\t\t\t<View style={ styles.imageUploadingIconContainer }>\n\t\t\t\t\t\t\t{ getIcon( ICON_TYPE.UPLOAD ) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) : (\n\t\t\t\t\t<View style={ focalPoint && styles.focalPointContent }>\n\t\t\t\t\t\t{ 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<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<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<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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","ignoreList":[]}

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

@@ -15,8 +15,7 @@ import { useResizeObserver } from '@wordpress/compose';
  */
 import useIsFloatingKeyboard from '../utils/use-is-floating-keyboard';
 import styles from './styles.scss';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const AnimatedKeyboardAvoidingView = Animated.createAnimatedComponent(IOSKeyboardAvoidingView);
 const MIN_HEIGHT = 44;
 export const KeyboardAvoidingView = ({

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

	@@ -1 +1 @@
1	- {"version":3,"names":["KeyboardAvoidingView","IOSKeyboardAvoidingView","Animated","Keyboard","Dimensions","View","SafeArea","useEffect","useRef","useState","useResizeObserver","useIsFloatingKeyboard","styles","jsxs","_jsxs","jsx","_jsx","AnimatedKeyboardAvoidingView","createAnimatedComponent","MIN_HEIGHT","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","isKeyboardOpen","setIsKeyboardOpen","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","animatedHeight","Value","current","fullHeight","get","keyboardVerticalOffset","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","safeAreaSubscription","addEventListener","onSafeAreaInsetsUpdate","keyboardShowSubscription","addListener","onKeyboardWillShow","keyboardHideSubscription","onKeyboardWillHide","remove","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","removeListener","enabled","behavior","marginBottom","children","top","animatedChildStyle","defaultChildStyle"],"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":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,uBAAuB,EAC/CC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,IAAI,QACE,cAAc;AACrB,OAAOC,QAAQ,MAAM,wBAAwB;;AAE7C;AACA;AACA;AACA,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,oBAAoB;AAChE,SAASC,iBAAiB,QAAQ,oBAAoB;;AAEtD;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,mCAAmC;AACrE,OAAOC,MAAM,MAAM,eAAe;AAAC,SAAAC,IAAA,IAAAC,KAAA~~;AAAA~~,~~SAAAC~~,GAAA,IAAAC,IAAA;AAEnC,MAAMC,4BAA4B,GAAGf,QAAQ,CAACgB,uBAAuB,CACpEjB,uBACD,CAAC;AAED,MAAMkB,UAAU,GAAG,EAAE;AAErB,OAAO,MAAMnB,oBAAoB,GAAGA,CAAE;EACrCoB,YAAY;EACZC,KAAK;EACLC,kBAAkB,GAAG,KAAK;EAC1B,GAAGC;AACJ,CAAC,KAAM;EACN,MAAM,CAAEC,cAAc,EAAEC,KAAK,CAAE,GAAGf,iBAAiB,CAAC,CAAC;EACrD,MAAM,CAAEgB,cAAc,EAAEC,iBAAiB,CAAE,GAAGlB,QAAQ,CAAE,KAAM,CAAC;EAC/D,MAAM,CAAEmB,mBAAmB,EAAEC,sBAAsB,CAAE,GAAGpB,QAAQ,CAAE,CAAE,CAAC;EACrE,MAAM;IAAEqB,MAAM,GAAG;EAAE,CAAC,GAAGL,KAAK,IAAI,CAAC,CAAC;EAClC,MAAMM,gBAAgB,GAAGpB,qBAAqB,CAAC,CAAC;EAEhD,MAAMqB,cAAc,GAAGxB,MAAM,CAAE,IAAIN,QAAQ,CAAC+B,KAAK,CAAEd,UAAW,CAAE,CAAC,CAACe,OAAO;EAEzE,MAAM;IAAEJ,MAAM,EAAEK;EAAW,CAAC,GAAG/B,UAAU,CAACgC,GAAG,CAAE,QAAS,CAAC;EACzD,MAAMC,sBAAsB,GAAGF,UAAU,GAAGf,YAAY;EAExDb,SAAS,CAAE,MAAM;IAChBD,QAAQ,CAACgC,4BAA4B,CAAC,CAAC,CAACC,IAAI,CAC3C,CAAE;MAAEC;IAAe,CAAC,KAAM;MACzBX,sBAAsB,CAAEW,cAAc,CAACC,MAAO,CAAC;IAChD,CACD,CAAC;IACD,MAAMC,oBAAoB,GAAGpC,QAAQ,CAACqC,gBAAgB,CACrD,oCAAoC,EACpCC,sBACD,CAAC;IACD,MAAMC,wBAAwB,GAAG1C,QAAQ,CAAC2C,WAAW,CACpD,kBAAkB,EAClBC,kBACD,CAAC;IACD,MAAMC,wBAAwB,GAAG7C,QAAQ,CAAC2C,WAAW,CACpD,kBAAkB,EAClBG,kBACD,CAAC;IAED,OAAO,MAAM;MACZP,oBAAoB,CAACQ,MAAM,CAAC,CAAC;MAC7BL,wBAAwB,CAACK,MAAM,CAAC,CAAC;MACjCF,wBAAwB,CAACE,MAAM,CAAC,CAAC;IAClC,CAAC;IACD;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,SAASN,sBAAsBA,CAAE;IAAEJ;EAAe,CAAC,EAAG;IACrDX,sBAAsB,CAAEW,cAAc,CAACC,MAAO,CAAC;EAChD;EAEA,SAASM,kBAAkBA,CAAE;IAAEI;EAAe,CAAC,EAAG;IACjDxB,iBAAiB,CAAE,IAAK,CAAC;IACzBK,cAAc,CAACoB,QAAQ,CAAED,cAAc,CAACrB,MAAM,GAAGX,UAAW,CAAC;EAC9D;EAEA,SAAS8B,kBAAkBA,CAAE;IAAEI,QAAQ;IAAEC;EAAiB,CAAC,EAAG;IAC7D;IACA;IACA;IACA,MAAMC,wBAAwB,GAC7BD,gBAAgB,CAACxB,MAAM,GAAG,GAAG,GAAGwB,gBAAgB,CAACxB,MAAM,GAAG,CAAC,GAAG,GAAG;IAClE,MAAM0B,kBAAkB,GAAGxB,cAAc,CAACc,WAAW,CACpD,CAAE;MAAEW;IAAM,CAAC,KAAM;MAChB,IAAKA,KAAK,GAAGF,wBAAwB,EAAG;QACvC5B,iBAAiB,CAAE,KAAM,CAAC;MAC3B;IACD,CACD,CAAC;IAEDzB,QAAQ,CAACwD,MAAM,CAAE1B,cAAc,EAAE;MAChC2B,OAAO,EAAExC,UAAU;MACnBkC,QAAQ;MACRO,eAAe,EAAE;IAClB,CAAE,CAAC,CAACC,KAAK,CAAE,MAAM;MAChB7B,cAAc,CAAC8B,cAAc,CAAEN,kBAAmB,CAAC;IACpD,CAAE,CAAC;EACJ;EAEA,oBACCxC,IAAA,CAACC,4BAA4B;IAAA,GACvBM,UAAU;IACfwC,OAAO,EAAG,CAAEhC,gBAAkB;IAC9BiC,QAAQ,EAAC,SAAS;IAClB3B,sBAAsB,EAAGA,sBAAwB;IACjDhB,KAAK,EACJC,kBAAkB,GACf,CACAD,KAAK,EACL;MACCS,MAAM,EAAEE,cAAc;MACtBiC,YAAY,EAAEvC,cAAc,GACzB,CAACE,mBAAmB,GACpB;IACJ,CAAC,CACA,GACDP,KACH;IAAA6C,QAAA,eAEDpD,KAAA,CAACT,IAAI;MACJgB,KAAK,EAAG,CACP;QACC8C,GAAG,EAAE,CAACrC,MAAM,GAAGX;MAChB,CAAC,EACDP,MAAM,CAACwD,kBAAkB,EACzB,CAAE9C,kBAAkB,IAAIV,MAAM,CAACyD,iBAAiB,CAC9C;MAAAH,QAAA,GAED1C,cAAc,EACdD,UAAU,CAAC2C,QAAQ;IAAA,CAChB;EAAC,CACsB,CAAC;AAEjC,CAAC;AAED,eAAelE,oBAAoB","ignoreList":[]}
1	+ {"version":3,"names":["KeyboardAvoidingView","IOSKeyboardAvoidingView","Animated","Keyboard","Dimensions","View","SafeArea","useEffect","useRef","useState","useResizeObserver","useIsFloatingKeyboard","styles","jsxs","_jsxs","jsx","_jsx","AnimatedKeyboardAvoidingView","createAnimatedComponent","MIN_HEIGHT","parentHeight","style","withAnimatedHeight","otherProps","resizeObserver","sizes","isKeyboardOpen","setIsKeyboardOpen","safeAreaBottomInset","setSafeAreaBottomInset","height","floatingKeyboard","animatedHeight","Value","current","fullHeight","get","keyboardVerticalOffset","getSafeAreaInsetsForRootView","then","safeAreaInsets","bottom","safeAreaSubscription","addEventListener","onSafeAreaInsetsUpdate","keyboardShowSubscription","addListener","onKeyboardWillShow","keyboardHideSubscription","onKeyboardWillHide","remove","endCoordinates","setValue","duration","startCoordinates","keyboardIsOpenBreakpoint","animatedListenerId","value","timing","toValue","useNativeDriver","start","removeListener","enabled","behavior","marginBottom","children","top","animatedChildStyle","defaultChildStyle"],"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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","ignoreList":[]}

package/build-module/mobile/link-picker/index.native.js CHANGED Viewed

@@ -23,8 +23,7 @@ import BottomSheet from '../bottom-sheet';
 import Icon from '../../icon';
 // This creates a search suggestion for adding a url directly.
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const createDirectEntry = value => {
   let type = 'URL';
   const protocol = getProtocol(value)?.toLowerCase() || '';
@@ -121,7 +120,7 @@ export const LinkPicker = ({
         })
       }), !!clipboardUrl && clipboardUrl !== value && /*#__PURE__*/_jsx(BottomSheet.LinkSuggestionItemCell, {
         accessible: true,
-        accessibilityLabel: sprintf( /* translators: Copy URL from the clipboard, https://sample.url */
+        accessibilityLabel: sprintf(/* translators: Copy URL from the clipboard, https://sample.url */
         __('Copy URL from the clipboard, %s'), clipboardUrl),
         suggestion: {
           type: 'clipboard',