@wordpress/components 25.5.0 → 25.6.0

package/build-module/mobile/bottom-sheet-text-control/index.native.js

@@ -1,24 +1,22 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { TextInput } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
+
 /**
  * WordPress dependencies
  */
-
 import { useState } from '@wordpress/element';
 import { Icon, chevronRight } from '@wordpress/icons';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 import { BottomSheet, PanelBody, FooterMessageControl } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
-
 import styles from './styles.scss';
-
 const BottomSheetTextControl = ({
   initialValue,
   onChange,
@@ -31,17 +29,14 @@ const BottomSheetTextControl = ({
 }) => {
   const [showSubSheet, setShowSubSheet] = useState(false);
   const navigation = useNavigation();
-
   const goBack = () => {
     setShowSubSheet(false);
     navigation.goBack();
   };
-
   const openSubSheet = () => {
     navigation.navigate(BottomSheet.SubSheet.screenName);
     setShowSubSheet(true);
   };
-
   const horizontalBorderStyle = usePreferredColorSchemeStyle(styles.horizontalBorder, styles.horizontalBorderDark);
   const textEditorStyle = usePreferredColorSchemeStyle(styles.textEditor, styles.textEditorDark);
   return createElement(BottomSheet.SubSheet, {
@@ -76,6 +71,5 @@ const BottomSheetTextControl = ({
     textAlign: "left"
   })));
 };
-
 export default BottomSheetTextControl;
 //# sourceMappingURL=index.native.js.map

package/build-module/mobile/bottom-sheet-text-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"names":["TextInput","useNavigation","useState","Icon","chevronRight","usePreferredColorSchemeStyle","BottomSheet","PanelBody","FooterMessageControl","styles","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","SubSheet","screenName","horizontalBorderStyle","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","text","textFooternote"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tFooterMessageControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder || placeholder || '' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline={ true }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"]}
+{"version":3,"names":["TextInput","useNavigation","useState","Icon","chevronRight","usePreferredColorSchemeStyle","BottomSheet","PanelBody","FooterMessageControl","styles","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","SubSheet","screenName","horizontalBorderStyle","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","createElement","navigationButton","Cell","onPress","value","showSheet","Fragment","NavBar","BackButton","Heading","style","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","textAlign"],"sources":["@wordpress/components/src/mobile/bottom-sheet-text-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { TextInput } from 'react-native';\nimport { useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport {\n\tBottomSheet,\n\tPanelBody,\n\tFooterMessageControl,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetTextControl = ( {\n\tinitialValue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n\ticon,\n\tfooterNote,\n\tcellPlaceholder,\n\tdisabled,\n} ) => {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\n\tconst horizontalBorderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalBorder,\n\t\tstyles.horizontalBorderDark\n\t);\n\n\tconst textEditorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.textEditor,\n\t\tstyles.textEditorDark\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\tvalue={ initialValue || '' }\n\t\t\t\t\tplaceholder={ cellPlaceholder || placeholder || '' }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t>\n\t\t\t\t\t{ disabled ? null : <Icon icon={ chevronRight } /> }\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<PanelBody style={ horizontalBorderStyle }>\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tonChangeText={ ( text ) => onChange( text ) }\n\t\t\t\t\t\tdefaultValue={ initialValue }\n\t\t\t\t\t\tmultiline={ true }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tplaceholderTextColor={ '#87a6bc' }\n\t\t\t\t\t\tstyle={ textEditorStyle }\n\t\t\t\t\t\ttextAlignVertical={ 'top' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</>\n\n\t\t\t{ footerNote && (\n\t\t\t\t<PanelBody style={ styles.textFooternote }>\n\t\t\t\t\t<FooterMessageControl\n\t\t\t\t\t\tlabel={ footerNote }\n\t\t\t\t\t\ttextAlign=\"left\"\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</BottomSheet.SubSheet>\n\t);\n};\n\nexport default BottomSheetTextControl;\n"],"mappings":"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"}

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

@@ -1,18 +1,14 @@
 const createClipboard = () => {
   let currentClipboard;
-
   const setClipboard = clipboard => {
     currentClipboard = clipboard;
   };
-
   const getClipboard = () => currentClipboard;
-
   return {
     setClipboard,
     getClipboard
   };
 };
-
 const clipboard = createClipboard();
 export const {
   setClipboard,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/clipboard/index.native.js"],"names":["createClipboard","currentClipboard","setClipboard","clipboard","getClipboard"],"mappings":"AAAA,MAAMA,eAAe,GAAG,MAAM;AAC7B,MAAIC,gBAAJ;;AAEA,QAAMC,YAAY,GAAKC,SAAF,IAAiB;AACrCF,IAAAA,gBAAgB,GAAGE,SAAnB;AACA,GAFD;;AAIA,QAAMC,YAAY,GAAG,MAAMH,gBAA3B;;AAEA,SAAO;AACNC,IAAAA,YADM;AAENE,IAAAA;AAFM,GAAP;AAIA,CAbD;;AAeA,MAAMD,SAAS,GAAGH,eAAe,EAAjC;AAEA,OAAO,MAAM;AAAEE,EAAAA,YAAF;AAAgBE,EAAAA;AAAhB,IAAiCD,SAAvC","sourcesContent":["const createClipboard = () => {\n\tlet currentClipboard;\n\n\tconst setClipboard = ( clipboard ) => {\n\t\tcurrentClipboard = clipboard;\n\t};\n\n\tconst getClipboard = () => currentClipboard;\n\n\treturn {\n\t\tsetClipboard,\n\t\tgetClipboard,\n\t};\n};\n\nconst clipboard = createClipboard();\n\nexport const { setClipboard, getClipboard } = clipboard;\n"]}
+{"version":3,"names":["createClipboard","currentClipboard","setClipboard","clipboard","getClipboard"],"sources":["@wordpress/components/src/mobile/clipboard/index.native.js"],"sourcesContent":["const createClipboard = () => {\n\tlet currentClipboard;\n\n\tconst setClipboard = ( clipboard ) => {\n\t\tcurrentClipboard = clipboard;\n\t};\n\n\tconst getClipboard = () => currentClipboard;\n\n\treturn {\n\t\tsetClipboard,\n\t\tgetClipboard,\n\t};\n};\n\nconst clipboard = createClipboard();\n\nexport const { setClipboard, getClipboard } = clipboard;\n"],"mappings":"AAAA,MAAMA,eAAe,GAAGA,CAAA,KAAM;EAC7B,IAAIC,gBAAgB;EAEpB,MAAMC,YAAY,GAAKC,SAAS,IAAM;IACrCF,gBAAgB,GAAGE,SAAS;EAC7B,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAMH,gBAAgB;EAE3C,OAAO;IACNC,YAAY;IACZE;EACD,CAAC;AACF,CAAC;AAED,MAAMD,SAAS,GAAGH,eAAe,CAAC,CAAC;AAEnC,OAAO,MAAM;EAAEE,YAAY;EAAEE;AAAa,CAAC,GAAGD,SAAS"}

package/build-module/mobile/color-settings/gradient-picker-screen.native.js

@@ -1,22 +1,20 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { View } from 'react-native';
 import { useNavigation, useRoute } from '@react-navigation/native';
+
 /**
  * WordPress dependencies
  */
-
 import { __ } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
-
 import CustomGradientPicker from '../../custom-gradient-picker';
 import NavBar from '../bottom-sheet/nav-bar';
-
 const GradientPickerScreen = () => {
   const navigation = useNavigation();
   const route = useRoute();
@@ -33,6 +31,5 @@ const GradientPickerScreen = () => {
     isGradientColor: isGradientColor
   }));
 };
-
 export default GradientPickerScreen;
 //# sourceMappingURL=gradient-picker-screen.native.js.map

package/build-module/mobile/color-settings/gradient-picker-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"names":["View","useNavigation","useRoute","__","CustomGradientPicker","NavBar","GradientPickerScreen","navigation","route","setColor","currentValue","isGradientColor","params","goBack"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,8BAAjC;AACA,OAAOC,MAAP,MAAmB,yBAAnB;;AAEA,MAAMC,oBAAoB,GAAG,MAAM;AAClC,QAAMC,UAAU,GAAGN,aAAa,EAAhC;AACA,QAAMO,KAAK,GAAGN,QAAQ,EAAtB;AACA,QAAM;AAAEO,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA;AAA1B,MAA8CH,KAAK,CAACI,MAA1D;AACA,SACC,cAAC,IAAD,QACC,cAAC,MAAD,QACC,cAAC,MAAD,CAAQ,UAAR;AAAmB,IAAA,OAAO,EAAGL,UAAU,CAACM;AAAxC,IADD,EAEC,cAAC,MAAD,CAAQ,OAAR,QAAkBV,EAAE,CAAE,oBAAF,CAApB,CAFD,CADD,EAKC,cAAC,oBAAD;AACC,IAAA,QAAQ,EAAGM,QADZ;AAEC,IAAA,YAAY,EAAGC,YAFhB;AAGC,IAAA,eAAe,EAAGC;AAHnB,IALD,CADD;AAaA,CAjBD;;AAmBA,eAAeL,oBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"]}
+{"version":3,"names":["View","useNavigation","useRoute","__","CustomGradientPicker","NavBar","GradientPickerScreen","navigation","route","setColor","currentValue","isGradientColor","params","createElement","BackButton","onPress","goBack","Heading"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,MAAM,MAAM,yBAAyB;AAE5C,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGN,aAAa,CAAC,CAAC;EAClC,MAAMO,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEO,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGH,KAAK,CAACI,MAAM;EAChE,OACCC,aAAA,CAACb,IAAI,QACJa,aAAA,CAACR,MAAM,QACNQ,aAAA,CAACR,MAAM,CAACS,UAAU;IAACC,OAAO,EAAGR,UAAU,CAACS;EAAQ,CAAE,CAAC,EACnDH,aAAA,CAACR,MAAM,CAACY,OAAO,QAAGd,EAAE,CAAE,oBAAqB,CAAmB,CACvD,CAAC,EACTU,aAAA,CAACT,oBAAoB;IACpBK,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,eAAe,EAAGA;EAAiB,CACnC,CACI,CAAC;AAET,CAAC;AAED,eAAeL,oBAAoB"}

package/build-module/mobile/color-settings/index.native.js

@@ -1,19 +1,18 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { useRoute } from '@react-navigation/native';
+
 /**
  * WordPress dependencies
  */
-
 import { memo, useEffect, useContext } from '@wordpress/element';
 import { BottomSheetContext, BottomSheet } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
-
 import PickerScreen from './picker-screen';
 import GradientPickerScreen from './gradient-picker-screen';
 import PaletteScreen from './palette.screen';
@@ -32,7 +31,8 @@ const ColorSettingsMemo = memo(({
 }) => {
   useEffect(() => {
     shouldEnableBottomSheetMaxHeight(true);
-    onHandleClosingBottomSheet(null); // Disable reason: deferring this refactor to the native team.
+    onHandleClosingBottomSheet(null);
+    // Disable reason: deferring this refactor to the native team.
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -54,7 +54,6 @@ const ColorSettingsMemo = memo(({
     name: colorsUtils.screens.gradientPicker
   }, createElement(GradientPickerScreen, null)));
 });
-
 function ColorSettings(props) {
   const route = useRoute();
   const {
@@ -68,6 +67,5 @@ function ColorSettings(props) {
     ...route.params
   });
 }
-
 export default ColorSettings;
 //# sourceMappingURL=index.native.js.map

package/build-module/mobile/color-settings/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"names":["useRoute","memo","useEffect","useContext","BottomSheetContext","BottomSheet","PickerScreen","GradientPickerScreen","PaletteScreen","colorsUtils","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","screens","palette","picker","gradientPicker","ColorSettings","props","route","params"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,0BAAzB;AAEA;AACA;AACA;;AACA,SAASC,IAAT,EAAeC,SAAf,EAA0BC,UAA1B,QAA4C,oBAA5C;AACA,SAASC,kBAAT,EAA6BC,WAA7B,QAAgD,uBAAhD;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,oBAAP,MAAiC,0BAAjC;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AAEA,SAASC,WAAT,QAA4B,SAA5B;AAEA,MAAMC,iBAAiB,GAAGT,IAAI,CAC7B,CAAE;AACDU,EAAAA,eADC;AAEDC,EAAAA,0BAFC;AAGDC,EAAAA,gCAHC;AAIDC,EAAAA,aAJC;AAKDC,EAAAA,UALC;AAMDC,EAAAA,aANC;AAODC,EAAAA,gBAPC;AAQDC,EAAAA,cARC;AASDC,EAAAA,KATC;AAUDC,EAAAA;AAVC,CAAF,KAWO;AACNlB,EAAAA,SAAS,CAAE,MAAM;AAChBW,IAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAD,IAAAA,0BAA0B,CAAE,IAAF,CAA1B,CAFgB,CAGhB;AACA;AACA;AACA,GANQ,EAMN,EANM,CAAT;AAOA,SACC,cAAC,WAAD,CAAa,mBAAb,QACC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,WAAW,CAACY,OAAZ,CAAoBC,OAD5B;AAEC,IAAA,aAAa,EAAG;AACfX,MAAAA,eADe;AAEfG,MAAAA,aAFe;AAGfC,MAAAA,UAHe;AAIfC,MAAAA,aAJe;AAKfC,MAAAA,gBALe;AAMfC,MAAAA,cANe;AAOfC,MAAAA,KAPe;AAQfC,MAAAA;AARe;AAFjB,KAaC,cAAC,aAAD,OAbD,CADD,EAgBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGX,WAAW,CAACY,OAAZ,CAAoBE;AAD5B,KAGC,cAAC,YAAD,OAHD,CAhBD,EAqBC,cAAC,WAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGd,WAAW,CAACY,OAAZ,CAAoBG;AAD5B,KAGC,cAAC,oBAAD,OAHD,CArBD,CADD;AA6BA,CAjD4B,CAA9B;;AAmDA,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AAC/B,QAAMC,KAAK,GAAG3B,QAAQ,EAAtB;AACA,QAAM;AAAEY,IAAAA,0BAAF;AAA8BC,IAAAA;AAA9B,MACLV,UAAU,CAAEC,kBAAF,CADX;AAGA,SACC,cAAC,iBAAD;AACC,IAAA,0BAA0B,EAAGQ,0BAD9B;AAEC,IAAA,gCAAgC,EAC/BC,gCAHF;AAAA,OAKMa,KALN;AAAA,OAMMC,KAAK,CAACC;AANZ,IADD;AAUA;;AAED,eAAeH,aAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"]}
+{"version":3,"names":["useRoute","memo","useEffect","useContext","BottomSheetContext","BottomSheet","PickerScreen","GradientPickerScreen","PaletteScreen","colorsUtils","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","createElement","NavigationContainer","NavigationScreen","name","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","params"],"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\nimport { BottomSheetContext, BottomSheet } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,0BAA0B;;AAEnD;AACA;AACA;AACA,SAASC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;AAChE,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,uBAAuB;;AAEvE;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,aAAa,MAAM,kBAAkB;AAE5C,SAASC,WAAW,QAAQ,SAAS;AAErC,MAAMC,iBAAiB,GAAGT,IAAI,CAC7B,CAAE;EACDU,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACNlB,SAAS,CAAE,MAAM;IAChBW,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,OACCS,aAAA,CAAChB,WAAW,CAACiB,mBAAmB,QAC/BD,aAAA,CAAChB,WAAW,CAACkB,gBAAgB;IAC5BC,IAAI,EAAGf,WAAW,CAACgB,OAAO,CAACC,OAAS;IACpCC,aAAa,EAAG;MACfhB,eAAe;MACfG,aAAa;MACbC,UAAU;MACVC,aAAa;MACbC,gBAAgB;MAChBC,cAAc;MACdC,KAAK;MACLC;IACD;EAAG,GAEHC,aAAA,CAACb,aAAa,MAAE,CACa,CAAC,EAC/Ba,aAAA,CAAChB,WAAW,CAACkB,gBAAgB;IAC5BC,IAAI,EAAGf,WAAW,CAACgB,OAAO,CAACG;EAAQ,GAEnCP,aAAA,CAACf,YAAY,MAAE,CACc,CAAC,EAC/Be,aAAA,CAAChB,WAAW,CAACkB,gBAAgB;IAC5BC,IAAI,EAAGf,WAAW,CAACgB,OAAO,CAACI;EAAgB,GAE3CR,aAAA,CAACd,oBAAoB,MAAE,CACM,CACE,CAAC;AAEpC,CACD,CAAC;AACD,SAASuB,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAGhC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEY,0BAA0B;IAAEC;EAAiC,CAAC,GACrEV,UAAU,CAAEC,kBAAmB,CAAC;EAEjC,OACCiB,aAAA,CAACX,iBAAiB;IACjBE,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIkB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,aAAa"}

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

@@ -1,22 +1,21 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { View, Text, TouchableWithoutFeedback } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { __ } from '@wordpress/i18n';
 import { useState, useContext } from '@wordpress/element';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 import { ColorControl, PanelBody, BottomSheetContext, useMobileGlobalStylesColors } from '@wordpress/components';
 import { useRoute, useNavigation } from '@react-navigation/native';
+
 /**
  * Internal dependencies
  */
-
 import ColorPalette from '../../color-palette';
 import ColorIndicator from '../../color-indicator';
 import NavBar from '../bottom-sheet/nav-bar';
@@ -30,7 +29,6 @@ const HIT_SLOP = {
   right: 8
 };
 const THEME_PALETTE_NAME = 'Theme';
-
 const PaletteScreen = () => {
   const route = useRoute();
   const navigation = useNavigation();
@@ -62,10 +60,8 @@ const PaletteScreen = () => {
   const selectedColorTextStyle = usePreferredColorSchemeStyle(styles.colorText, styles.colorTextDark);
   const isSolidSegment = currentSegment === segments[0];
   const isCustomGadientShown = !isSolidSegment && isGradientColor;
-
   const setColor = color => {
     setCurrentValue(color);
-
     if (isSolidSegment && onColorChange && onGradientChange) {
       onColorChange(color);
     } else if (isSolidSegment && onColorChange) {
@@ -74,15 +70,12 @@ const PaletteScreen = () => {
       onGradientChange(color);
     }
   };
-
   function onClear() {
     setCurrentValue(undefined);
-
     if (onColorCleared) {
       onColorCleared();
     }
   }
-
   function onCustomPress() {
     if (isSolidSegment) {
       navigation.navigate(colorsUtils.screens.picker, {
@@ -97,7 +90,6 @@ const PaletteScreen = () => {
       });
     }
   }
-
   function getClearButton() {
     return createElement(TouchableWithoutFeedback, {
       onPress: onClear,
@@ -108,7 +100,6 @@ const PaletteScreen = () => {
       style: clearButtonStyle
     }, __('Reset'))));
   }
-
   function getFooter() {
     if (onGradientChange) {
       return createElement(SegmentedControls, {
@@ -122,7 +113,6 @@ const PaletteScreen = () => {
         addonRight: currentValue && getClearButton()
       });
     }
-
     return createElement(View, {
       style: styles.footer
     }, createElement(View, {
@@ -141,7 +131,6 @@ const PaletteScreen = () => {
       style: styles.flex
     }, currentValue && getClearButton()));
   }
-
   return createElement(View, null, !hideNavigation && createElement(NavBar, null, createElement(NavBar.BackButton, {
     onPress: navigation.goBack
   }), createElement(NavBar.Heading, null, label, " ")), createElement(View, {
@@ -175,6 +164,5 @@ const PaletteScreen = () => {
     style: horizontalSeparatorStyle
   }), getFooter());
 };
-
 export default PaletteScreen;
 //# sourceMappingURL=palette.screen.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/palette.screen.native.js"],"names":["View","Text","TouchableWithoutFeedback","__","useState","useContext","usePreferredColorSchemeStyle","ColorControl","PanelBody","BottomSheetContext","useMobileGlobalStylesColors","useRoute","useNavigation","ColorPalette","ColorIndicator","NavBar","SegmentedControls","colorsUtils","styles","HIT_SLOP","top","bottom","left","right","THEME_PALETTE_NAME","PaletteScreen","route","navigation","shouldEnableBottomSheetScroll","label","onColorChange","onGradientChange","onColorCleared","colorValue","defaultSettings","hideNavigation","params","segments","isGradient","currentValue","setCurrentValue","isGradientColor","selectedSegmentIndex","allAvailableColors","currentSegment","setCurrentSegment","isGradientSegment","currentSegmentColors","colors","gradients","horizontalSeparatorStyle","horizontalSeparator","horizontalSeparatorDark","clearButtonStyle","clearButton","clearButtonDark","selectedColorTextStyle","colorText","colorTextDark","isSolidSegment","isCustomGadientShown","setColor","color","onClear","undefined","onCustomPress","navigate","screens","picker","gradientPicker","getClearButton","clearButtonContainer","getFooter","indexOf","colorIndicator","footer","flex","toUpperCase","selectColorText","goBack","colorPalettes","map","palette","paletteKey","paletteSettings","allColors","enableCustomColor","name"],"mappings":"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","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 {\n\tColorControl,\n\tPanelBody,\n\tBottomSheetContext,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/components';\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';\n\nimport styles from './style.scss';\n\nconst HIT_SLOP = { top: 8, bottom: 8, left: 8, right: 8 };\nconst THEME_PALETTE_NAME = 'Theme';\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\tconst allAvailableColors = useMobileGlobalStylesColors();\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\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 onPress={ onClear } hitSlop={ HIT_SLOP }>\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};\n\t\t\t\t\tconst enableCustomColor =\n\t\t\t\t\t\t! isGradientSegment &&\n\t\t\t\t\t\tpalette.name === THEME_PALETTE_NAME;\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"]}
+{"version":3,"names":["View","Text","TouchableWithoutFeedback","__","useState","useContext","usePreferredColorSchemeStyle","ColorControl","PanelBody","BottomSheetContext","useMobileGlobalStylesColors","useRoute","useNavigation","ColorPalette","ColorIndicator","NavBar","SegmentedControls","colorsUtils","styles","HIT_SLOP","top","bottom","left","right","THEME_PALETTE_NAME","PaletteScreen","route","navigation","shouldEnableBottomSheetScroll","label","onColorChange","onGradientChange","onColorCleared","colorValue","defaultSettings","hideNavigation","params","segments","isGradient","currentValue","setCurrentValue","isGradientColor","selectedSegmentIndex","allAvailableColors","currentSegment","setCurrentSegment","isGradientSegment","currentSegmentColors","colors","gradients","horizontalSeparatorStyle","horizontalSeparator","horizontalSeparatorDark","clearButtonStyle","clearButton","clearButtonDark","selectedColorTextStyle","colorText","colorTextDark","isSolidSegment","isCustomGadientShown","setColor","color","onClear","undefined","onCustomPress","navigate","screens","picker","gradientPicker","getClearButton","createElement","onPress","hitSlop","style","clearButtonContainer","getFooter","segmentHandler","selectedIndex","indexOf","addonLeft","colorIndicator","addonRight","footer","flex","maxFontSizeMultiplier","selectable","toUpperCase","selectColorText","BackButton","goBack","Heading","colorPalettes","map","palette","paletteKey","paletteSettings","allColors","enableCustomColor","name","key","activeColor","Fragment","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 {\n\tColorControl,\n\tPanelBody,\n\tBottomSheetContext,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/components';\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';\n\nimport styles from './style.scss';\n\nconst HIT_SLOP = { top: 8, bottom: 8, left: 8, right: 8 };\nconst THEME_PALETTE_NAME = 'Theme';\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\tconst allAvailableColors = useMobileGlobalStylesColors();\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\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 onPress={ onClear } hitSlop={ HIT_SLOP }>\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};\n\t\t\t\t\tconst enableCustomColor =\n\t\t\t\t\t\t! isGradientSegment &&\n\t\t\t\t\t\tpalette.name === THEME_PALETTE_NAME;\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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"}

package/build-module/mobile/color-settings/picker-screen.native.js

@@ -1,21 +1,19 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { useRoute, useNavigation } from '@react-navigation/native';
+
 /**
  * WordPress dependencies
  */
-
 import { useContext, useMemo } from '@wordpress/element';
 import { BottomSheetContext } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
-
 import { ColorPicker } from '../../color-picker';
-
 const PickerScreen = () => {
   const route = useRoute();
   const navigation = useNavigation();
@@ -44,11 +42,11 @@ const PickerScreen = () => {
       isBottomSheetContentScrolling: isBottomSheetContentScrolling,
       shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
       onHandleHardwareButtonPress: onHandleHardwareButtonPress
-    }); // Disable reason: deferring this refactor to the native team.
+    });
+    // Disable reason: deferring this refactor to the native team.
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [setColor, currentValue, isGradientColor, onShouldEnableInnerHandling, shouldEnableBottomSheetMaxHeight, onHandleClosingBottomSheet, isBottomSheetContentScrolling, shouldEnableBottomSheetScroll, onHandleHardwareButtonPress]);
 };
-
 export default PickerScreen;
 //# sourceMappingURL=picker-screen.native.js.map

package/build-module/mobile/color-settings/picker-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/picker-screen.native.js"],"names":["useRoute","useNavigation","useContext","useMemo","BottomSheetContext","ColorPicker","PickerScreen","route","navigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","setColor","currentValue","isGradientColor","params","goBack"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,0BAAxC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,oBAApC;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,oBAA5B;;AAEA,MAAMC,YAAY,GAAG,MAAM;AAC1B,QAAMC,KAAK,GAAGP,QAAQ,EAAtB;AACA,QAAMQ,UAAU,GAAGP,aAAa,EAAhC;AACA,QAAM;AACLQ,IAAAA,2BADK;AAELC,IAAAA,gCAFK;AAGLC,IAAAA,0BAHK;AAILC,IAAAA,6BAJK;AAKLC,IAAAA,6BALK;AAMLC,IAAAA;AANK,MAOFZ,UAAU,CAAEE,kBAAF,CAPd;AAQA,QAAM;AAAEW,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA;AAA1B,MAA8CV,KAAK,CAACW,MAA1D;AACA,SAAOf,OAAO,CAAE,MAAM;AACrB,WACC,cAAC,WAAD;AACC,MAAA,2BAA2B,EAAGM,2BAD/B;AAEC,MAAA,gCAAgC,EAC/BC,gCAHF;AAKC,MAAA,QAAQ,EAAGK,QALZ;AAMC,MAAA,WAAW,EAAGC,YANf;AAOC,MAAA,eAAe,EAAGC,eAPnB;AAQC,MAAA,gBAAgB,EAAGT,UAAU,CAACW,MAR/B;AASC,MAAA,0BAA0B,EAAGR,0BAT9B;AAUC,MAAA,6BAA6B,EAAGC,6BAVjC;AAWC,MAAA,6BAA6B,EAAGC,6BAXjC;AAYC,MAAA,2BAA2B,EAAGC;AAZ/B,MADD,CADqB,CAiBrB;AACA;AACA;AACA,GApBa,EAoBX,CACFC,QADE,EAEFC,YAFE,EAGFC,eAHE,EAIFR,2BAJE,EAKFC,gCALE,EAMFC,0BANE,EAOFC,6BAPE,EAQFC,6BARE,EASFC,2BATE,CApBW,CAAd;AA+BA,CA3CD;;AA6CA,eAAeR,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\nimport { BottomSheetContext } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { ColorPicker } from '../../color-picker';\n\nconst PickerScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst {\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t} = useContext( BottomSheetContext );\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<ColorPicker\n\t\t\t\tonShouldEnableInnerHandling={ onShouldEnableInnerHandling }\n\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t}\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tactiveColor={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\tonNavigationBack={ navigation.goBack }\n\t\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\t\tisBottomSheetContentScrolling={ isBottomSheetContentScrolling }\n\t\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t\tonHandleHardwareButtonPress={ onHandleHardwareButtonPress }\n\t\t\t/>\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\t\tsetColor,\n\t\tcurrentValue,\n\t\tisGradientColor,\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t] );\n};\n\nexport default PickerScreen;\n"]}
+{"version":3,"names":["useRoute","useNavigation","useContext","useMemo","BottomSheetContext","ColorPicker","PickerScreen","route","navigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","setColor","currentValue","isGradientColor","params","createElement","activeColor","onNavigationBack","goBack"],"sources":["@wordpress/components/src/mobile/color-settings/picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\nimport { BottomSheetContext } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { ColorPicker } from '../../color-picker';\n\nconst PickerScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst {\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t} = useContext( BottomSheetContext );\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<ColorPicker\n\t\t\t\tonShouldEnableInnerHandling={ onShouldEnableInnerHandling }\n\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t}\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tactiveColor={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\tonNavigationBack={ navigation.goBack }\n\t\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\t\tisBottomSheetContentScrolling={ isBottomSheetContentScrolling }\n\t\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t\tonHandleHardwareButtonPress={ onHandleHardwareButtonPress }\n\t\t\t/>\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\t\tsetColor,\n\t\tcurrentValue,\n\t\tisGradientColor,\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t] );\n};\n\nexport default PickerScreen;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,uBAAuB;;AAE1D;AACA;AACA;AACA,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAGP,QAAQ,CAAC,CAAC;EACxB,MAAMQ,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC,MAAM;IACLQ,2BAA2B;IAC3BC,gCAAgC;IAChCC,0BAA0B;IAC1BC,6BAA6B;IAC7BC,6BAA6B;IAC7BC;EACD,CAAC,GAAGZ,UAAU,CAAEE,kBAAmB,CAAC;EACpC,MAAM;IAAEW,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGV,KAAK,CAACW,MAAM;EAChE,OAAOf,OAAO,CAAE,MAAM;IACrB,OACCgB,aAAA,CAACd,WAAW;MACXI,2BAA2B,EAAGA,2BAA6B;MAC3DC,gCAAgC,EAC/BA,gCACA;MACDK,QAAQ,EAAGA,QAAU;MACrBK,WAAW,EAAGJ,YAAc;MAC5BC,eAAe,EAAGA,eAAiB;MACnCI,gBAAgB,EAAGb,UAAU,CAACc,MAAQ;MACtCX,0BAA0B,EAAGA,0BAA4B;MACzDC,6BAA6B,EAAGA,6BAA+B;MAC/DC,6BAA6B,EAAGA,6BAA+B;MAC/DC,2BAA2B,EAAGA;IAA6B,CAC3D,CAAC;IAEH;IACA;IACA;EACD,CAAC,EAAE,CACFC,QAAQ,EACRC,YAAY,EACZC,eAAe,EACfR,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,2BAA2B,CAC1B,CAAC;AACJ,CAAC;AAED,eAAeR,YAAY"}

package/build-module/mobile/color-settings/utils.native.js

@@ -13,17 +13,14 @@ const gradientOptions = [{
   label: __('Radial'),
   value: gradients.radial
 }];
-
 const getGradientType = color => {
   if (color?.includes(gradients.radial)) {
     return gradients.radial;
   } else if (color?.includes(gradients.linear)) {
     return gradients.linear;
   }
-
   return false;
 };
-
 export const colorsUtils = {
   screens: {
     gradientPicker: 'GradientPicker',

package/build-module/mobile/color-settings/utils.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"names":["__","gradients","linear","radial","gradientOptions","label","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA,MAAMC,SAAS,GAAG;AACjBC,EAAAA,MAAM,EAAE,iBADS;AAEjBC,EAAAA,MAAM,EAAE;AAFS,CAAlB;AAKA,MAAMC,eAAe,GAAG,CACvB;AAAEC,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,KAAK,EAAEL,SAAS,CAACC;AAA1C,CADuB,EAEvB;AAAEG,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,KAAK,EAAEL,SAAS,CAACE;AAA1C,CAFuB,CAAxB;;AAKA,MAAMI,eAAe,GAAKC,KAAF,IAAa;AACpC,MAAKA,KAAK,EAAEC,QAAP,CAAiBR,SAAS,CAACE,MAA3B,CAAL,EAA2C;AAC1C,WAAOF,SAAS,CAACE,MAAjB;AACA,GAFD,MAEO,IAAKK,KAAK,EAAEC,QAAP,CAAiBR,SAAS,CAACC,MAA3B,CAAL,EAA2C;AACjD,WAAOD,SAAS,CAACC,MAAjB;AACA;;AACD,SAAO,KAAP;AACA,CAPD;;AASA,OAAO,MAAMQ,WAAW,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACRC,IAAAA,cAAc,EAAE,gBADR;AAERC,IAAAA,MAAM,EAAE,QAFA;AAGRC,IAAAA,OAAO,EAAE;AAHD,GADiB;AAM1BC,EAAAA,QAAQ,EAAE,CAAEf,EAAE,CAAE,OAAF,CAAJ,EAAiBA,EAAE,CAAE,UAAF,CAAnB,CANgB;AAO1BC,EAAAA,SAP0B;AAQ1BG,EAAAA,eAR0B;AAS1BG,EAAAA,eAT0B;AAU1BS,EAAAA,UAAU,EAAIR,KAAF,IAAa,CAAC,CAAED,eAAe,CAAEC,KAAF;AAVjB,CAApB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"]}
+{"version":3,"names":["__","gradients","linear","radial","gradientOptions","label","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient"],"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAEpC,MAAMC,SAAS,GAAG;EACjBC,MAAM,EAAE,iBAAiB;EACzBC,MAAM,EAAE;AACT,CAAC;AAED,MAAMC,eAAe,GAAG,CACvB;EAAEC,KAAK,EAAEL,EAAE,CAAE,QAAS,CAAC;EAAEM,KAAK,EAAEL,SAAS,CAACC;AAAO,CAAC,EAClD;EAAEG,KAAK,EAAEL,EAAE,CAAE,QAAS,CAAC;EAAEM,KAAK,EAAEL,SAAS,CAACE;AAAO,CAAC,CAClD;AAED,MAAMI,eAAe,GAAKC,KAAK,IAAM;EACpC,IAAKA,KAAK,EAAEC,QAAQ,CAAER,SAAS,CAACE,MAAO,CAAC,EAAG;IAC1C,OAAOF,SAAS,CAACE,MAAM;EACxB,CAAC,MAAM,IAAKK,KAAK,EAAEC,QAAQ,CAAER,SAAS,CAACC,MAAO,CAAC,EAAG;IACjD,OAAOD,SAAS,CAACC,MAAM;EACxB;EACA,OAAO,KAAK;AACb,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAG;EAC1BC,OAAO,EAAE;IACRC,cAAc,EAAE,gBAAgB;IAChCC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE,CAAEf,EAAE,CAAE,OAAQ,CAAC,EAAEA,EAAE,CAAE,UAAW,CAAC,CAAE;EAC7CC,SAAS;EACTG,eAAe;EACfG,eAAe;EACfS,UAAU,EAAIR,KAAK,IAAM,CAAC,CAAED,eAAe,CAAEC,KAAM;AACpD,CAAC"}

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

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -7,9 +6,7 @@ import { memo } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-
 import CyclePickerCell from '../bottom-sheet/cycle-picker-cell';
-
 function CycleSelectControl({
   help,
   instanceId,
@@ -35,6 +32,5 @@ function CycleSelectControl({
     ...props
   });
 }
-
 export default memo(CycleSelectControl);
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"names":["memo","CyclePickerCell","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,oBAArB;AACA;AACA;AACA;;AACA,OAAOC,eAAP,MAA4B,mCAA5B;;AAEA,SAASC,kBAAT,CAA6B;AAC5BC,EAAAA,IAD4B;AAE5BC,EAAAA,UAF4B;AAG5BC,EAAAA,KAH4B;AAI5BC,EAAAA,QAAQ,GAAG,KAJiB;AAK5BC,EAAAA,QAL4B;AAM5BC,EAAAA,OAAO,GAAG,EANkB;AAO5BC,EAAAA,SAP4B;AAQ5BC,EAAAA,mBAR4B;AAS5B,KAAGC;AATyB,CAA7B,EAUI;AACH,QAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAApD;AAEA,SACC,cAAC,eAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,mBAAmB,EAAGK,mBAFvB;AAGC,IAAA,EAAE,EAAGE,EAHN;AAIC,IAAA,IAAI,EAAGT,IAJR;AAKC,IAAA,SAAS,EAAGM,SALb;AAMC,IAAA,aAAa,EAAGF,QANjB;AAOC,wBAAmB,CAAC,CAAEJ,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BC,SAPhD;AAQC,IAAA,QAAQ,EAAGP,QARZ;AASC,IAAA,OAAO,EAAGE,OATX;AAAA,OAUMG;AAVN,IADD;AAcA;;AAED,eAAeX,IAAI,CAAEE,kBAAF,CAAnB","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"]}
+{"version":3,"names":["memo","CyclePickerCell","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","createElement","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;AAE/D,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,OACCS,aAAA,CAACZ,eAAe;IACfI,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBK,aAAa,EAAGP,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAI,GAAGS,EAAI,QAAO,GAAGG,SAAW;IAC1DT,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeX,IAAI,CAAEE,kBAAmB,CAAC"}

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

@@ -1,17 +1,14 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
 import { SVG, Path } from '@wordpress/primitives';
-
 const fromPathData24x24 = pathData => createElement(SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 }, createElement(Path, {
   d: pathData
 }));
-
 export const facebook = fromPathData24x24('M20 3H4c-.6 0-1 .4-1 1v16c0 .5.4 1 1 1h8.6v-7h-2.3v-2.7h2.3v-2c0-2.3 1.4-3.6 3.5-3.6 1 0 1.8.1 2.1.1v2.4h-1.4c-1.1 0-1.3.5-1.3 1.3v1.7h2.7l-.4 2.8h-2.3v7H20c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1z');
 export const instagram = fromPathData24x24('M12 4.622c2.403 0 2.688.01 3.637.052.877.04 1.354.187 1.67.31.42.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638s-.01 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.42-.358.72-.673 1.036-.315.315-.615.51-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.01-3.637-.052c-.877-.04-1.354-.187-1.67-.31-.42-.163-.72-.358-1.036-.673-.315-.315-.51-.615-.673-1.035-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638s.01-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.42.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052M12 3c-2.444 0-2.75.01-3.71.054s-1.613.196-2.185.418c-.592.23-1.094.538-1.594 1.04-.5.5-.807 1-1.037 1.593-.223.572-.375 1.226-.42 2.184C3.01 9.25 3 9.555 3 12s.01 2.75.054 3.71.196 1.613.418 2.186c.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054 1.613-.196 2.186-.418c.592-.23 1.094-.538 1.594-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.227.418-2.185.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71-.196-1.613-.418-2.186c-.23-.592-.538-1.094-1.038-1.594s-1.002-.808-1.594-1.038c-.572-.222-1.227-.375-2.185-.418C14.75 3.01 14.445 3 12 3zm0 4.378c-2.552 0-4.622 2.07-4.622 4.622s2.07 4.622 4.622 4.622 4.622-2.07 4.622-4.622S14.552 7.378 12 7.378zM12 15c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.804-8.884c-.596 0-1.08.484-1.08 1.08s.484 1.08 1.08 1.08c.596 0 1.08-.484 1.08-1.08s-.483-1.08-1.08-1.08z');
 export const empty = createElement(SVG, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/dashicons/index.native.js"],"names":["SVG","Path","fromPathData24x24","pathData","facebook","instagram","empty"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,IAAd,QAA0B,uBAA1B;;AAEA,MAAMC,iBAAiB,GAAKC,QAAF,IACzB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAGA;AAAV,EADD,CADD;;AAMA,OAAO,MAAMC,QAAQ,GAAGF,iBAAiB,CACxC,6LADwC,CAAlC;AAIP,OAAO,MAAMG,SAAS,GAAGH,iBAAiB,CACzC,ugDADyC,CAAnC;AAIP,OAAO,MAAMI,KAAK,GACjB,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,4BAAX;AAAwC,EAAA,OAAO,EAAC;AAAhD,EADM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst fromPathData24x24 = ( pathData ) => (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d={ pathData } />\n\t</SVG>\n);\n\nexport const facebook = fromPathData24x24(\n\t'M20 3H4c-.6 0-1 .4-1 1v16c0 .5.4 1 1 1h8.6v-7h-2.3v-2.7h2.3v-2c0-2.3 1.4-3.6 3.5-3.6 1 0 1.8.1 2.1.1v2.4h-1.4c-1.1 0-1.3.5-1.3 1.3v1.7h2.7l-.4 2.8h-2.3v7H20c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1z'\n);\n\nexport const instagram = fromPathData24x24(\n\t'M12 4.622c2.403 0 2.688.01 3.637.052.877.04 1.354.187 1.67.31.42.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638s-.01 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.42-.358.72-.673 1.036-.315.315-.615.51-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.01-3.637-.052c-.877-.04-1.354-.187-1.67-.31-.42-.163-.72-.358-1.036-.673-.315-.315-.51-.615-.673-1.035-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638s.01-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.42.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052M12 3c-2.444 0-2.75.01-3.71.054s-1.613.196-2.185.418c-.592.23-1.094.538-1.594 1.04-.5.5-.807 1-1.037 1.593-.223.572-.375 1.226-.42 2.184C3.01 9.25 3 9.555 3 12s.01 2.75.054 3.71.196 1.613.418 2.186c.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054 1.613-.196 2.186-.418c.592-.23 1.094-.538 1.594-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.227.418-2.185.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71-.196-1.613-.418-2.186c-.23-.592-.538-1.094-1.038-1.594s-1.002-.808-1.594-1.038c-.572-.222-1.227-.375-2.185-.418C14.75 3.01 14.445 3 12 3zm0 4.378c-2.552 0-4.622 2.07-4.622 4.622s2.07 4.622 4.622 4.622 4.622-2.07 4.622-4.622S14.552 7.378 12 7.378zM12 15c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.804-8.884c-.596 0-1.08.484-1.08 1.08s.484 1.08 1.08 1.08c.596 0 1.08-.484 1.08-1.08s-.483-1.08-1.08-1.08z'\n);\n\nexport const empty = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" />\n);\n"]}
+{"version":3,"names":["SVG","Path","fromPathData24x24","pathData","createElement","xmlns","viewBox","d","facebook","instagram","empty"],"sources":["@wordpress/components/src/mobile/dashicons/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst fromPathData24x24 = ( pathData ) => (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d={ pathData } />\n\t</SVG>\n);\n\nexport const facebook = fromPathData24x24(\n\t'M20 3H4c-.6 0-1 .4-1 1v16c0 .5.4 1 1 1h8.6v-7h-2.3v-2.7h2.3v-2c0-2.3 1.4-3.6 3.5-3.6 1 0 1.8.1 2.1.1v2.4h-1.4c-1.1 0-1.3.5-1.3 1.3v1.7h2.7l-.4 2.8h-2.3v7H20c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1z'\n);\n\nexport const instagram = fromPathData24x24(\n\t'M12 4.622c2.403 0 2.688.01 3.637.052.877.04 1.354.187 1.67.31.42.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638s-.01 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.42-.358.72-.673 1.036-.315.315-.615.51-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.01-3.637-.052c-.877-.04-1.354-.187-1.67-.31-.42-.163-.72-.358-1.036-.673-.315-.315-.51-.615-.673-1.035-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638s.01-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.42.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052M12 3c-2.444 0-2.75.01-3.71.054s-1.613.196-2.185.418c-.592.23-1.094.538-1.594 1.04-.5.5-.807 1-1.037 1.593-.223.572-.375 1.226-.42 2.184C3.01 9.25 3 9.555 3 12s.01 2.75.054 3.71.196 1.613.418 2.186c.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054 1.613-.196 2.186-.418c.592-.23 1.094-.538 1.594-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.227.418-2.185.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71-.196-1.613-.418-2.186c-.23-.592-.538-1.094-1.038-1.594s-1.002-.808-1.594-1.038c-.572-.222-1.227-.375-2.185-.418C14.75 3.01 14.445 3 12 3zm0 4.378c-2.552 0-4.622 2.07-4.622 4.622s2.07 4.622 4.622 4.622 4.622-2.07 4.622-4.622S14.552 7.378 12 7.378zM12 15c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.804-8.884c-.596 0-1.08.484-1.08 1.08s.484 1.08 1.08 1.08c.596 0 1.08-.484 1.08-1.08s-.483-1.08-1.08-1.08z'\n);\n\nexport const empty = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" />\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,GAAG,EAAEC,IAAI,QAAQ,uBAAuB;AAEjD,MAAMC,iBAAiB,GAAKC,QAAQ,IACnCC,aAAA,CAACJ,GAAG;EAACK,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1DF,aAAA,CAACH,IAAI;EAACM,CAAC,EAAGJ;AAAU,CAAE,CAClB,CACL;AAED,OAAO,MAAMK,QAAQ,GAAGN,iBAAiB,CACxC,6LACD,CAAC;AAED,OAAO,MAAMO,SAAS,GAAGP,iBAAiB,CACzC,ugDACD,CAAC;AAED,OAAO,MAAMQ,KAAK,GACjBN,aAAA,CAACJ,GAAG;EAACK,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,CAAE,CAC7D"}

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

@@ -1,21 +1,20 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { SafeAreaView } from 'react-native';
 import { useRoute, useNavigation } from '@react-navigation/native';
+
 /**
  * WordPress dependencies
  */
-
 import { __ } from '@wordpress/i18n';
 import { memo, useContext, useState, useCallback } from '@wordpress/element';
 import { BottomSheetContext, FocalPointPicker } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
-
 import NavBar from '../bottom-sheet/nav-bar';
 import styles from './styles.scss';
 const FocalPointSettingsPanelMemo = memo(({
@@ -25,23 +24,19 @@ const FocalPointSettingsPanelMemo = memo(({
   url
 }) => {
   const navigation = useNavigation();
-
   function onButtonPress(action) {
     navigation.goBack();
-
     if (action === 'apply') {
       onFocalPointChange(draftFocalPoint);
     }
   }
-
   const [draftFocalPoint, setDraftFocalPoint] = useState(focalPoint);
-
   function setPosition(coordinates) {
-    setDraftFocalPoint(prevState => ({ ...prevState,
+    setDraftFocalPoint(prevState => ({
+      ...prevState,
       ...coordinates
     }));
   }
-
   return createElement(SafeAreaView, {
     style: styles.safearea
   }, createElement(NavBar, null, createElement(NavBar.DismissButton, {
@@ -55,7 +50,6 @@ const FocalPointSettingsPanelMemo = memo(({
     url: url
   }));
 });
-
 function FocalPointSettingsPanel(props) {
   const route = useRoute();
   const {
@@ -67,6 +61,5 @@ function FocalPointSettingsPanel(props) {
     ...route.params
   });
 }
-
 export default FocalPointSettingsPanel;
 //# sourceMappingURL=index.native.js.map