@wordpress/components 27.5.0 → 28.0.0

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -11,12 +10,17 @@ import { useNavigation } from '@react-navigation/native';
 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';
+import BottomSheet from '../bottom-sheet';
+import PanelBody from '../../panel/body';
+import FooterMessageControl from '../../footer-message-control';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const BottomSheetTextControl = ({
   initialValue,
   onChange,
@@ -39,37 +43,47 @@ const BottomSheetTextControl = ({
   };
   const horizontalBorderStyle = usePreferredColorSchemeStyle(styles.horizontalBorder, styles.horizontalBorderDark);
   const textEditorStyle = usePreferredColorSchemeStyle(styles.textEditor, styles.textEditorDark);
-  return createElement(BottomSheet.SubSheet, {
-    navigationButton: createElement(BottomSheet.Cell, {
+  return /*#__PURE__*/_jsxs(BottomSheet.SubSheet, {
+    navigationButton: /*#__PURE__*/_jsx(BottomSheet.Cell, {
       icon: icon,
       label: label,
       onPress: openSubSheet,
       value: initialValue || '',
       placeholder: cellPlaceholder || placeholder || '',
-      disabled: disabled
-    }, disabled ? null : createElement(Icon, {
-      icon: chevronRight
-    })),
-    showSheet: showSubSheet
-  }, createElement(Fragment, null, createElement(BottomSheet.NavBar, null, createElement(BottomSheet.NavBar.BackButton, {
-    onPress: goBack
-  }), createElement(BottomSheet.NavBar.Heading, null, label)), createElement(PanelBody, {
-    style: horizontalBorderStyle
-  }, createElement(TextInput, {
-    label: label,
-    onChangeText: text => onChange(text),
-    defaultValue: initialValue,
-    multiline: true,
-    placeholder: placeholder,
-    placeholderTextColor: '#87a6bc',
-    style: textEditorStyle,
-    textAlignVertical: 'top'
-  }))), footerNote && createElement(PanelBody, {
-    style: styles.textFooternote
-  }, createElement(FooterMessageControl, {
-    label: footerNote,
-    textAlign: "left"
-  })));
+      disabled: disabled,
+      children: disabled ? null : /*#__PURE__*/_jsx(Icon, {
+        icon: chevronRight
+      })
+    }),
+    showSheet: showSubSheet,
+    children: [/*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(BottomSheet.NavBar, {
+        children: [/*#__PURE__*/_jsx(BottomSheet.NavBar.BackButton, {
+          onPress: goBack
+        }), /*#__PURE__*/_jsx(BottomSheet.NavBar.Heading, {
+          children: label
+        })]
+      }), /*#__PURE__*/_jsx(PanelBody, {
+        style: horizontalBorderStyle,
+        children: /*#__PURE__*/_jsx(TextInput, {
+          label: label,
+          onChangeText: text => onChange(text),
+          defaultValue: initialValue,
+          multiline: true,
+          placeholder: placeholder,
+          placeholderTextColor: "#87a6bc",
+          style: textEditorStyle,
+          textAlignVertical: "top"
+        })
+      })]
+    }), footerNote && /*#__PURE__*/_jsx(PanelBody, {
+      style: styles.textFooternote,
+      children: /*#__PURE__*/_jsx(FooterMessageControl, {
+        label: footerNote,
+        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,"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\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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","ignoreList":[]}
+{"version":3,"names":["TextInput","useNavigation","useState","Icon","chevronRight","usePreferredColorSchemeStyle","styles","BottomSheet","PanelBody","FooterMessageControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","navigation","goBack","openSubSheet","navigate","SubSheet","screenName","horizontalBorderStyle","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","navigationButton","Cell","onPress","value","children","showSheet","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';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport BottomSheet from '../bottom-sheet';\nimport PanelBody from '../../panel/body';\nimport FooterMessageControl from '../../footer-message-control';\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\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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","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -15,6 +14,8 @@ import { __ } from '@wordpress/i18n';
  */
 import CustomGradientPicker from '../../custom-gradient-picker';
 import NavBar from '../bottom-sheet/nav-bar';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const GradientPickerScreen = () => {
   const navigation = useNavigation();
   const route = useRoute();
@@ -23,13 +24,19 @@ const GradientPickerScreen = () => {
     currentValue,
     isGradientColor
   } = route.params;
-  return createElement(View, null, createElement(NavBar, null, createElement(NavBar.BackButton, {
-    onPress: navigation.goBack
-  }), createElement(NavBar.Heading, null, __('Customize Gradient'))), createElement(CustomGradientPicker, {
-    setColor: setColor,
-    currentValue: currentValue,
-    isGradientColor: isGradientColor
-  }));
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(NavBar, {
+      children: [/*#__PURE__*/_jsx(NavBar.BackButton, {
+        onPress: navigation.goBack
+      }), /*#__PURE__*/_jsx(NavBar.Heading, {
+        children: __('Customize Gradient')
+      })]
+    }), /*#__PURE__*/_jsx(CustomGradientPicker, {
+      setColor: setColor,
+      currentValue: currentValue,
+      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,"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","ignoreList":[]}
+{"version":3,"names":["View","useNavigation","useRoute","__","CustomGradientPicker","NavBar","jsx","_jsx","jsxs","_jsxs","GradientPickerScreen","navigation","route","setColor","currentValue","isGradientColor","params","children","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;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;EAClC,MAAMW,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEW,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGH,KAAK,CAACI,MAAM;EAChE,oBACCP,KAAA,CAACT,IAAI;IAAAiB,QAAA,gBACJR,KAAA,CAACJ,MAAM;MAAAY,QAAA,gBACNV,IAAA,CAACF,MAAM,CAACa,UAAU;QAACC,OAAO,EAAGR,UAAU,CAACS;MAAQ,CAAE,CAAC,eACnDb,IAAA,CAACF,MAAM,CAACgB,OAAO;QAAAJ,QAAA,EAAGd,EAAE,CAAE,oBAAqB;MAAC,CAAkB,CAAC;IAAA,CACxD,CAAC,eACTI,IAAA,CAACH,oBAAoB;MACpBS,QAAQ,EAAGA,QAAU;MACrBC,YAAY,EAAGA,YAAc;MAC7BC,eAAe,EAAGA;IAAiB,CACnC,CAAC;EAAA,CACG,CAAC;AAET,CAAC;AAED,eAAeL,oBAAoB","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -8,7 +7,6 @@ import { useRoute } from '@react-navigation/native';
  * WordPress dependencies
  */
 import { memo, useEffect, useContext } from '@wordpress/element';
-import { BottomSheetContext, BottomSheet } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -16,7 +14,11 @@ import { BottomSheetContext, BottomSheet } from '@wordpress/components';
 import PickerScreen from './picker-screen';
 import GradientPickerScreen from './gradient-picker-screen';
 import PaletteScreen from './palette.screen';
+import BottomSheet from '../bottom-sheet';
+import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
 import { colorsUtils } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 const ColorSettingsMemo = memo(({
   defaultSettings,
   onHandleClosingBottomSheet,
@@ -36,23 +38,28 @@ const ColorSettingsMemo = memo(({
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return createElement(BottomSheet.NavigationContainer, null, createElement(BottomSheet.NavigationScreen, {
-    name: colorsUtils.screens.palette,
-    initialParams: {
-      defaultSettings,
-      onColorChange,
-      colorValue,
-      gradientValue,
-      onGradientChange,
-      onColorCleared,
-      label,
-      hideNavigation
-    }
-  }, createElement(PaletteScreen, null)), createElement(BottomSheet.NavigationScreen, {
-    name: colorsUtils.screens.picker
-  }, createElement(PickerScreen, null)), createElement(BottomSheet.NavigationScreen, {
-    name: colorsUtils.screens.gradientPicker
-  }, createElement(GradientPickerScreen, null)));
+  return /*#__PURE__*/_jsxs(BottomSheet.NavigationContainer, {
+    children: [/*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+      name: colorsUtils.screens.palette,
+      initialParams: {
+        defaultSettings,
+        onColorChange,
+        colorValue,
+        gradientValue,
+        onGradientChange,
+        onColorCleared,
+        label,
+        hideNavigation
+      },
+      children: /*#__PURE__*/_jsx(PaletteScreen, {})
+    }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+      name: colorsUtils.screens.picker,
+      children: /*#__PURE__*/_jsx(PickerScreen, {})
+    }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
+      name: colorsUtils.screens.gradientPicker,
+      children: /*#__PURE__*/_jsx(GradientPickerScreen, {})
+    })]
+  });
 });
 function ColorSettings(props) {
   const route = useRoute();
@@ -60,7 +67,7 @@ function ColorSettings(props) {
     onHandleClosingBottomSheet,
     shouldEnableBottomSheetMaxHeight
   } = useContext(BottomSheetContext);
-  return createElement(ColorSettingsMemo, {
+  return /*#__PURE__*/_jsx(ColorSettingsMemo, {
     onHandleClosingBottomSheet: onHandleClosingBottomSheet,
     shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
     ...props,

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

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"names":["useRoute","memo","useEffect","useContext","PickerScreen","GradientPickerScreen","PaletteScreen","BottomSheet","BottomSheetContext","colorsUtils","jsx","_jsx","jsxs","_jsxs","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","NavigationContainer","children","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';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\nimport BottomSheet from '../bottom-sheet';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\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;;AAEhE;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,WAAW,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEtC,MAAMC,iBAAiB,GAAGb,IAAI,CAC7B,CAAE;EACDc,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACNtB,SAAS,CAAE,MAAM;IAChBe,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACCH,KAAA,CAACN,WAAW,CAACkB,mBAAmB;IAAAC,QAAA,gBAC/Bf,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfhB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAE,QAAA,eAEHf,IAAA,CAACL,aAAa,IAAE;IAAC,CACY,CAAC,eAC/BK,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACG,MAAQ;MAAAN,QAAA,eAEnCf,IAAA,CAACP,YAAY,IAAE;IAAC,CACa,CAAC,eAC/BO,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACI,cAAgB;MAAAP,QAAA,eAE3Cf,IAAA,CAACN,oBAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAAS6B,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAGpC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEgB,0BAA0B;IAAEC;EAAiC,CAAC,GACrEd,UAAU,CAAEK,kBAAmB,CAAC;EAEjC,oBACCG,IAAA,CAACG,iBAAiB;IACjBE,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIkB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,aAAa","ignoreList":[]}

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -10,7 +9,6 @@ import { View, Text, TouchableWithoutFeedback } from 'react-native';
 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';
 
 /**
@@ -21,7 +19,13 @@ import ColorIndicator from '../../color-indicator';
 import NavBar from '../bottom-sheet/nav-bar';
 import SegmentedControls from '../segmented-control';
 import { colorsUtils } from './utils';
+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";
 const HIT_SLOP = {
   top: 8,
   bottom: 8,
@@ -53,7 +57,7 @@ const PaletteScreen = () => {
   const [currentSegment, setCurrentSegment] = useState(segments[selectedSegmentIndex]);
   const isGradientSegment = currentSegment === colorsUtils.segments[1];
   const currentSegmentColors = !isGradientSegment ? defaultSettings.colors : defaultSettings.gradients;
-  const allAvailableColors = useMobileGlobalStylesColors();
+  const allAvailableColors = defaultSettings?.allAvailableColors || [];
   const allAvailableGradients = currentSegmentColors.flatMap(({
     gradients
   }) => gradients).filter(Boolean);
@@ -93,81 +97,99 @@ const PaletteScreen = () => {
     }
   }
   function getClearButton() {
-    return createElement(TouchableWithoutFeedback, {
+    return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
       accessibilityLabel: __('Clear selected color'),
       onPress: onClear,
-      hitSlop: HIT_SLOP
-    }, createElement(View, {
-      style: styles.clearButtonContainer
-    }, createElement(Text, {
-      style: clearButtonStyle
-    }, __('Reset'))));
+      hitSlop: HIT_SLOP,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.clearButtonContainer,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: clearButtonStyle,
+          children: __('Reset')
+        })
+      })
+    });
   }
   function getFooter() {
     if (onGradientChange) {
-      return createElement(SegmentedControls, {
+      return /*#__PURE__*/_jsx(SegmentedControls, {
         segments: segments,
         segmentHandler: setCurrentSegment,
         selectedIndex: segments.indexOf(currentSegment),
-        addonLeft: currentValue && createElement(ColorIndicator, {
+        addonLeft: currentValue && /*#__PURE__*/_jsx(ColorIndicator, {
           color: currentValue,
           style: styles.colorIndicator
         }),
         addonRight: currentValue && getClearButton()
       });
     }
-    return createElement(View, {
-      style: styles.footer
-    }, createElement(View, {
-      style: styles.flex
-    }, currentValue && createElement(ColorIndicator, {
-      color: currentValue,
-      style: styles.colorIndicator
-    })), currentValue ? createElement(Text, {
-      style: selectedColorTextStyle,
-      maxFontSizeMultiplier: 2,
-      selectable: true
-    }, currentValue.toUpperCase()) : createElement(Text, {
-      style: styles.selectColorText,
-      maxFontSizeMultiplier: 2
-    }, __('Select a color above')), createElement(View, {
-      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, {
-    style: styles.colorPalettes
-  }, currentSegmentColors.map((palette, paletteKey) => {
-    const paletteSettings = {
-      colors: palette.colors,
-      gradients: palette.gradients,
-      allColors: allAvailableColors,
-      allGradients: allAvailableGradients
-    };
-    // Limit to show the custom indicator to the first available palette
-    const enableCustomColor = paletteKey === 0;
-    return createElement(ColorPalette, {
-      enableCustomColor: enableCustomColor,
-      label: palette.name,
-      key: paletteKey,
-      setColor: setColor,
-      activeColor: currentValue,
-      isGradientColor: isGradientColor,
-      currentSegment: currentSegment,
-      onCustomPress: onCustomPress,
-      shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-      defaultSettings: paletteSettings
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.footer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.flex,
+        children: currentValue && /*#__PURE__*/_jsx(ColorIndicator, {
+          color: currentValue,
+          style: styles.colorIndicator
+        })
+      }), currentValue ? /*#__PURE__*/_jsx(Text, {
+        style: selectedColorTextStyle,
+        maxFontSizeMultiplier: 2,
+        selectable: true,
+        children: currentValue.toUpperCase()
+      }) : /*#__PURE__*/_jsx(Text, {
+        style: styles.selectColorText,
+        maxFontSizeMultiplier: 2,
+        children: __('Select a color above')
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.flex,
+        children: currentValue && getClearButton()
+      })]
     });
-  })), isCustomGadientShown && createElement(Fragment, null, createElement(View, {
-    style: horizontalSeparatorStyle
-  }), createElement(PanelBody, null, createElement(ColorControl, {
-    label: __('Customize Gradient'),
-    onPress: onCustomPress,
-    withColorIndicator: false
-  }))), createElement(View, {
-    style: horizontalSeparatorStyle
-  }), getFooter());
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    children: [!hideNavigation && /*#__PURE__*/_jsxs(NavBar, {
+      children: [/*#__PURE__*/_jsx(NavBar.BackButton, {
+        onPress: navigation.goBack
+      }), /*#__PURE__*/_jsxs(NavBar.Heading, {
+        children: [label, " "]
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.colorPalettes,
+      children: currentSegmentColors.map((palette, paletteKey) => {
+        const paletteSettings = {
+          colors: palette.colors,
+          gradients: palette.gradients,
+          allColors: allAvailableColors,
+          allGradients: allAvailableGradients
+        };
+        // Limit to show the custom indicator to the first available palette
+        const enableCustomColor = paletteKey === 0;
+        return /*#__PURE__*/_jsx(ColorPalette, {
+          enableCustomColor: enableCustomColor,
+          label: palette.name,
+          setColor: setColor,
+          activeColor: currentValue,
+          isGradientColor: isGradientColor,
+          currentSegment: currentSegment,
+          onCustomPress: onCustomPress,
+          shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
+          defaultSettings: paletteSettings
+        }, paletteKey);
+      })
+    }), isCustomGadientShown && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: horizontalSeparatorStyle
+      }), /*#__PURE__*/_jsx(PanelBody, {
+        children: /*#__PURE__*/_jsx(ColorControl, {
+          label: __('Customize Gradient'),
+          onPress: onCustomPress,
+          withColorIndicator: false
+        })
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      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,"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","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","createElement","accessibilityLabel","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","allGradients","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 };\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 = useMobileGlobalStylesColors();\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":[]}
+{"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/color-settings/picker-screen.native.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -8,12 +7,13 @@ 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';
+import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
+import { jsx as _jsx } from "react/jsx-runtime";
 const PickerScreen = () => {
   const route = useRoute();
   const navigation = useNavigation();
@@ -31,7 +31,7 @@ const PickerScreen = () => {
     isGradientColor
   } = route.params;
   return useMemo(() => {
-    return createElement(ColorPicker, {
+    return /*#__PURE__*/_jsx(ColorPicker, {
       onShouldEnableInnerHandling: onShouldEnableInnerHandling,
       shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
       setColor: setColor,

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

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"names":["useRoute","useNavigation","useContext","useMemo","ColorPicker","BottomSheetContext","jsx","_jsx","PickerScreen","route","navigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","setColor","currentValue","isGradientColor","params","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';\n\n/**\n * Internal dependencies\n */\nimport { ColorPicker } from '../../color-picker';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\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;;AAExD;AACA;AACA;AACA,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,kBAAkB,QAAQ,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1E,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,MAAM;IACLU,2BAA2B;IAC3BC,gCAAgC;IAChCC,0BAA0B;IAC1BC,6BAA6B;IAC7BC,6BAA6B;IAC7BC;EACD,CAAC,GAAGd,UAAU,CAAEG,kBAAmB,CAAC;EACpC,MAAM;IAAEY,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGV,KAAK,CAACW,MAAM;EAChE,OAAOjB,OAAO,CAAE,MAAM;IACrB,oBACCI,IAAA,CAACH,WAAW;MACXO,2BAA2B,EAAGA,2BAA6B;MAC3DC,gCAAgC,EAC/BA,gCACA;MACDK,QAAQ,EAAGA,QAAU;MACrBI,WAAW,EAAGH,YAAc;MAC5BC,eAAe,EAAGA,eAAiB;MACnCG,gBAAgB,EAAGZ,UAAU,CAACa,MAAQ;MACtCV,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","ignoreList":[]}