@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

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

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _native = require("@react-navigation/native");
-var _element = require("@wordpress/element");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
-var _body = _interopRequireDefault(require("../../panel/body"));
-var _footerMessageControl = _interopRequireDefault(require("../../footer-message-control"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const BottomSheetTextControl = ({
-  initialValue,
-  onChange,
-  placeholder,
-  label,
-  icon,
-  footerNote,
-  cellPlaceholder,
-  disabled
-}) => {
-  const [showSubSheet, setShowSubSheet] = (0, _element.useState)(false);
-  const navigation = (0, _native.useNavigation)();
-  const goBack = () => {
-    setShowSubSheet(false);
-    navigation.goBack();
-  };
-  const openSubSheet = () => {
-    navigation.navigate(_bottomSheet.default.SubSheet.screenName);
-    setShowSubSheet(true);
-  };
-  const horizontalBorderStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.horizontalBorder, _styles.default.horizontalBorderDark);
-  const textEditorStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.textEditor, _styles.default.textEditorDark);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.SubSheet, {
-    navigationButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.Cell, {
-      icon: icon,
-      label: label,
-      onPress: openSubSheet,
-      value: initialValue || '',
-      placeholder: cellPlaceholder || placeholder || '',
-      disabled: disabled,
-      children: disabled ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-        icon: _icons.chevronRight
-      })
-    }),
-    showSheet: showSubSheet,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.NavBar, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavBar.BackButton, {
-          onPress: goBack
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavBar.Heading, {
-          children: label
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
-        style: horizontalBorderStyle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
-          label: label,
-          onChangeText: text => onChange(text),
-          defaultValue: initialValue,
-          multiline: true,
-          placeholder: placeholder,
-          placeholderTextColor: "#87a6bc",
-          style: textEditorStyle,
-          textAlignVertical: "top"
-        })
-      })]
-    }), footerNote && /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
-      style: _styles.default.textFooternote,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_footerMessageControl.default, {
-        label: footerNote,
-        textAlign: "left"
-      })
-    })]
-  });
-};
-var _default = exports.default = BottomSheetTextControl;
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_native","_element","_icons","_compose","_styles","_interopRequireDefault","_bottomSheet","_body","_footerMessageControl","_jsxRuntime","BottomSheetTextControl","initialValue","onChange","placeholder","label","icon","footerNote","cellPlaceholder","disabled","showSubSheet","setShowSubSheet","useState","navigation","useNavigation","goBack","openSubSheet","navigate","BottomSheet","SubSheet","screenName","horizontalBorderStyle","usePreferredColorSchemeStyle","styles","horizontalBorder","horizontalBorderDark","textEditorStyle","textEditor","textEditorDark","jsxs","default","navigationButton","jsx","Cell","onPress","value","children","Icon","chevronRight","showSheet","Fragment","NavBar","BackButton","Heading","style","TextInput","onChangeText","text","defaultValue","multiline","placeholderTextColor","textAlignVertical","textFooternote","textAlign","_default","exports"],"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/mobile/clipboard/index.native.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setClipboard = exports.getClipboard = void 0;
-const createClipboard = () => {
-  let currentClipboard;
-  const setClipboard = clipboard => {
-    currentClipboard = clipboard;
-  };
-  const getClipboard = () => currentClipboard;
-  return {
-    setClipboard,
-    getClipboard
-  };
-};
-const clipboard = createClipboard();
-const {
-  setClipboard,
-  getClipboard
-} = clipboard;
-exports.getClipboard = getClipboard;
-exports.setClipboard = setClipboard;
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createClipboard","currentClipboard","setClipboard","clipboard","getClipboard","exports"],"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;AAE5B,MAAM;EAAEE,YAAY;EAAEE;AAAa,CAAC,GAAGD,SAAS;AAACE,OAAA,CAAAD,YAAA,GAAAA,YAAA;AAAAC,OAAA,CAAAH,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _native = require("@react-navigation/native");
-var _i18n = require("@wordpress/i18n");
-var _customGradientPicker = _interopRequireDefault(require("../../custom-gradient-picker"));
-var _navBar = _interopRequireDefault(require("../bottom-sheet/nav-bar"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const GradientPickerScreen = () => {
-  const navigation = (0, _native.useNavigation)();
-  const route = (0, _native.useRoute)();
-  const {
-    setColor,
-    currentValue,
-    isGradientColor
-  } = route.params;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_navBar.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.BackButton, {
-        onPress: navigation.goBack
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.Heading, {
-        children: (0, _i18n.__)('Customize Gradient')
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_customGradientPicker.default, {
-      setColor: setColor,
-      currentValue: currentValue,
-      isGradientColor: isGradientColor
-    })]
-  });
-};
-var _default = exports.default = GradientPickerScreen;
-//# sourceMappingURL=gradient-picker-screen.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_native","_i18n","_customGradientPicker","_interopRequireDefault","_navBar","_jsxRuntime","GradientPickerScreen","navigation","useNavigation","route","useRoute","setColor","currentValue","isGradientColor","params","jsxs","View","children","default","jsx","BackButton","onPress","goBack","Heading","__","_default","exports"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAf7C;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMO,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGJ,KAAK,CAACK,MAAM;EAChE,oBACC,IAAAT,WAAA,CAAAU,IAAA,EAACjB,YAAA,CAAAkB,IAAI;IAAAC,QAAA,gBACJ,IAAAZ,WAAA,CAAAU,IAAA,EAACX,OAAA,CAAAc,OAAM;MAAAD,QAAA,gBACN,IAAAZ,WAAA,CAAAc,GAAA,EAACf,OAAA,CAAAc,OAAM,CAACE,UAAU;QAACC,OAAO,EAAGd,UAAU,CAACe;MAAQ,CAAE,CAAC,eACnD,IAAAjB,WAAA,CAAAc,GAAA,EAACf,OAAA,CAAAc,OAAM,CAACK,OAAO;QAAAN,QAAA,EAAG,IAAAO,QAAE,EAAE,oBAAqB;MAAC,CAAkB,CAAC;IAAA,CACxD,CAAC,eACT,IAAAnB,WAAA,CAAAc,GAAA,EAACjB,qBAAA,CAAAgB,OAAoB;MACpBP,QAAQ,EAAGA,QAAU;MACrBC,YAAY,EAAGA,YAAc;MAC7BC,eAAe,EAAGA;IAAiB,CACnC,CAAC;EAAA,CACG,CAAC;AAET,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEaZ,oBAAoB","ignoreList":[]}

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

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _native = require("@react-navigation/native");
-var _element = require("@wordpress/element");
-var _pickerScreen = _interopRequireDefault(require("./picker-screen"));
-var _gradientPickerScreen = _interopRequireDefault(require("./gradient-picker-screen"));
-var _palette = _interopRequireDefault(require("./palette.screen"));
-var _bottomSheet = _interopRequireDefault(require("../bottom-sheet"));
-var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const ColorSettingsMemo = (0, _element.memo)(({
-  defaultSettings,
-  onHandleClosingBottomSheet,
-  shouldEnableBottomSheetMaxHeight,
-  onColorChange,
-  colorValue,
-  gradientValue,
-  onGradientChange,
-  onColorCleared,
-  label,
-  hideNavigation
-}) => {
-  (0, _element.useEffect)(() => {
-    shouldEnableBottomSheetMaxHeight(true);
-    onHandleClosingBottomSheet(null);
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_bottomSheet.default.NavigationContainer, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
-      name: _utils.colorsUtils.screens.palette,
-      initialParams: {
-        defaultSettings,
-        onColorChange,
-        colorValue,
-        gradientValue,
-        onGradientChange,
-        onColorCleared,
-        label,
-        hideNavigation
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_palette.default, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
-      name: _utils.colorsUtils.screens.picker,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pickerScreen.default, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.default.NavigationScreen, {
-      name: _utils.colorsUtils.screens.gradientPicker,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientPickerScreen.default, {})
-    })]
-  });
-});
-function ColorSettings(props) {
-  const route = (0, _native.useRoute)();
-  const {
-    onHandleClosingBottomSheet,
-    shouldEnableBottomSheetMaxHeight
-  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorSettingsMemo, {
-    onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-    shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
-    ...props,
-    ...route.params
-  });
-}
-var _default = exports.default = ColorSettings;
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","_element","_pickerScreen","_interopRequireDefault","_gradientPickerScreen","_palette","_bottomSheet","_bottomSheetContext","_utils","_jsxRuntime","ColorSettingsMemo","memo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","useEffect","jsxs","default","NavigationContainer","children","jsx","NavigationScreen","name","colorsUtils","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","useRoute","useContext","BottomSheetContext","params","_default","exports"],"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// See https://github.com/WordPress/gutenberg/pull/41166\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":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,QAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,YAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAAsC,IAAAS,WAAA,GAAAT,OAAA;AAnBtC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AASA,MAAMU,iBAAiB,GAAG,IAAAC,aAAI,EAC7B,CAAE;EACDC,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACN,IAAAC,kBAAS,EAAE,MAAM;IAChBR,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACC,IAAAJ,WAAA,CAAAc,IAAA,EAACjB,YAAA,CAAAkB,OAAW,CAACC,mBAAmB;IAAAC,QAAA,gBAC/B,IAAAjB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfrB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAK,QAAA,eAEH,IAAAjB,WAAA,CAAAkB,GAAA,EAACtB,QAAA,CAAAmB,OAAa,IAAE;IAAC,CACY,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACG,MAAQ;MAAAR,QAAA,eAEnC,IAAAjB,WAAA,CAAAkB,GAAA,EAACzB,aAAA,CAAAsB,OAAY,IAAE;IAAC,CACa,CAAC,eAC/B,IAAAf,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAkB,OAAW,CAACI,gBAAgB;MAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACI,cAAgB;MAAAT,QAAA,eAE3C,IAAAjB,WAAA,CAAAkB,GAAA,EAACvB,qBAAA,CAAAoB,OAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAASY,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE1B,0BAA0B;IAAEC;EAAiC,CAAC,GACrE,IAAA0B,mBAAU,EAAEC,sCAAmB,CAAC;EAEjC,oBACC,IAAAhC,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;IACjBG,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIuB,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEcY,aAAa","ignoreList":[]}

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

@@ -1,201 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _native = require("@react-navigation/native");
-var _colorPalette = _interopRequireDefault(require("../../color-palette"));
-var _colorIndicator = _interopRequireDefault(require("../../color-indicator"));
-var _navBar = _interopRequireDefault(require("../bottom-sheet/nav-bar"));
-var _segmentedControl = _interopRequireDefault(require("../segmented-control"));
-var _utils = require("./utils");
-var _body = _interopRequireDefault(require("../../panel/body"));
-var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
-var _colorControl = _interopRequireDefault(require("../../color-control"));
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const HIT_SLOP = {
-  top: 8,
-  bottom: 8,
-  left: 8,
-  right: 8
-};
-const PaletteScreen = () => {
-  const route = (0, _native.useRoute)();
-  const navigation = (0, _native.useNavigation)();
-  const {
-    shouldEnableBottomSheetScroll
-  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
-  const {
-    label,
-    onColorChange,
-    onGradientChange,
-    onColorCleared,
-    colorValue,
-    defaultSettings,
-    hideNavigation = false
-  } = route.params || {};
-  const {
-    segments,
-    isGradient
-  } = _utils.colorsUtils;
-  const [currentValue, setCurrentValue] = (0, _element.useState)(colorValue);
-  const isGradientColor = isGradient(currentValue);
-  const selectedSegmentIndex = isGradientColor ? 1 : 0;
-  const [currentSegment, setCurrentSegment] = (0, _element.useState)(segments[selectedSegmentIndex]);
-  const isGradientSegment = currentSegment === _utils.colorsUtils.segments[1];
-  const currentSegmentColors = !isGradientSegment ? defaultSettings.colors : defaultSettings.gradients;
-  const allAvailableColors = defaultSettings?.allAvailableColors || [];
-  const allAvailableGradients = currentSegmentColors.flatMap(({
-    gradients
-  }) => gradients).filter(Boolean);
-  const horizontalSeparatorStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.horizontalSeparator, _style.default.horizontalSeparatorDark);
-  const clearButtonStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.clearButton, _style.default.clearButtonDark);
-  const selectedColorTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.colorText, _style.default.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) {
-      onColorChange(color);
-    } else if (!isSolidSegment && onGradientChange) {
-      onGradientChange(color);
-    }
-  };
-  function onClear() {
-    setCurrentValue(undefined);
-    if (onColorCleared) {
-      onColorCleared();
-    }
-  }
-  function onCustomPress() {
-    if (isSolidSegment) {
-      navigation.navigate(_utils.colorsUtils.screens.picker, {
-        currentValue,
-        setColor
-      });
-    } else {
-      navigation.navigate(_utils.colorsUtils.screens.gradientPicker, {
-        setColor,
-        isGradientColor,
-        currentValue
-      });
-    }
-  }
-  function getClearButton() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-      accessibilityLabel: (0, _i18n.__)('Clear selected color'),
-      onPress: onClear,
-      hitSlop: HIT_SLOP,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _style.default.clearButtonContainer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: clearButtonStyle,
-          children: (0, _i18n.__)('Reset')
-        })
-      })
-    });
-  }
-  function getFooter() {
-    if (onGradientChange) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentedControl.default, {
-        segments: segments,
-        segmentHandler: setCurrentSegment,
-        selectedIndex: segments.indexOf(currentSegment),
-        addonLeft: currentValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorIndicator.default, {
-          color: currentValue,
-          style: _style.default.colorIndicator
-        }),
-        addonRight: currentValue && getClearButton()
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _style.default.footer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _style.default.flex,
-        children: currentValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorIndicator.default, {
-          color: currentValue,
-          style: _style.default.colorIndicator
-        })
-      }), currentValue ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: selectedColorTextStyle,
-        maxFontSizeMultiplier: 2,
-        selectable: true,
-        children: currentValue.toUpperCase()
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: _style.default.selectColorText,
-        maxFontSizeMultiplier: 2,
-        children: (0, _i18n.__)('Select a color above')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: _style.default.flex,
-        children: currentValue && getClearButton()
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    children: [!hideNavigation && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_navBar.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.BackButton, {
-        onPress: navigation.goBack
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_navBar.default.Heading, {
-        children: [label, " "]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _style.default.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__*/(0, _jsxRuntime.jsx)(_colorPalette.default, {
-          enableCustomColor: enableCustomColor,
-          label: palette.name,
-          setColor: setColor,
-          activeColor: currentValue,
-          isGradientColor: isGradientColor,
-          currentSegment: currentSegment,
-          onCustomPress: onCustomPress,
-          shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-          defaultSettings: paletteSettings
-        }, paletteKey);
-      })
-    }), isCustomGadientShown && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: horizontalSeparatorStyle
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_body.default, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorControl.default, {
-          label: (0, _i18n.__)('Customize Gradient'),
-          onPress: onCustomPress,
-          withColorIndicator: false
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: horizontalSeparatorStyle
-    }), getFooter()]
-  });
-};
-var _default = exports.default = PaletteScreen;
-//# sourceMappingURL=palette.screen.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_i18n","_element","_compose","_native","_colorPalette","_interopRequireDefault","_colorIndicator","_navBar","_segmentedControl","_utils","_body","_bottomSheetContext","_colorControl","_style","_jsxRuntime","HIT_SLOP","top","bottom","left","right","PaletteScreen","route","useRoute","navigation","useNavigation","shouldEnableBottomSheetScroll","useContext","BottomSheetContext","label","onColorChange","onGradientChange","onColorCleared","colorValue","defaultSettings","hideNavigation","params","segments","isGradient","colorsUtils","currentValue","setCurrentValue","useState","isGradientColor","selectedSegmentIndex","currentSegment","setCurrentSegment","isGradientSegment","currentSegmentColors","colors","gradients","allAvailableColors","allAvailableGradients","flatMap","filter","Boolean","horizontalSeparatorStyle","usePreferredColorSchemeStyle","styles","horizontalSeparator","horizontalSeparatorDark","clearButtonStyle","clearButton","clearButtonDark","selectedColorTextStyle","colorText","colorTextDark","isSolidSegment","isCustomGadientShown","setColor","color","onClear","undefined","onCustomPress","navigate","screens","picker","gradientPicker","getClearButton","jsx","TouchableWithoutFeedback","accessibilityLabel","__","onPress","hitSlop","children","View","style","clearButtonContainer","Text","getFooter","default","segmentHandler","selectedIndex","indexOf","addonLeft","colorIndicator","addonRight","jsxs","footer","flex","maxFontSizeMultiplier","selectable","toUpperCase","selectColorText","BackButton","goBack","Heading","colorPalettes","map","palette","paletteKey","paletteSettings","allColors","allGradients","enableCustomColor","name","activeColor","Fragment","withColorIndicator","_default","exports"],"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/mobile/color-settings/picker-screen.native.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _native = require("@react-navigation/native");
-var _element = require("@wordpress/element");
-var _colorPicker = require("../../color-picker");
-var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const PickerScreen = () => {
-  const route = (0, _native.useRoute)();
-  const navigation = (0, _native.useNavigation)();
-  const {
-    onShouldEnableInnerHandling,
-    shouldEnableBottomSheetMaxHeight,
-    onHandleClosingBottomSheet,
-    isBottomSheetContentScrolling,
-    shouldEnableBottomSheetScroll,
-    onHandleHardwareButtonPress
-  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
-  const {
-    setColor,
-    currentValue,
-    isGradientColor
-  } = route.params;
-  return (0, _element.useMemo)(() => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPicker.ColorPicker, {
-      onShouldEnableInnerHandling: onShouldEnableInnerHandling,
-      shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
-      setColor: setColor,
-      activeColor: currentValue,
-      isGradientColor: isGradientColor,
-      onNavigationBack: navigation.goBack,
-      onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-      isBottomSheetContentScrolling: isBottomSheetContentScrolling,
-      shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-      onHandleHardwareButtonPress: onHandleHardwareButtonPress
-    });
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, [setColor, currentValue, isGradientColor, onShouldEnableInnerHandling, shouldEnableBottomSheetMaxHeight, onHandleClosingBottomSheet, isBottomSheetContentScrolling, shouldEnableBottomSheetScroll, onHandleHardwareButtonPress]);
-};
-var _default = exports.default = PickerScreen;
-//# sourceMappingURL=picker-screen.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_native","require","_element","_colorPicker","_bottomSheetContext","_jsxRuntime","PickerScreen","route","useRoute","navigation","useNavigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","useContext","BottomSheetContext","setColor","currentValue","isGradientColor","params","useMemo","jsx","ColorPicker","activeColor","onNavigationBack","goBack","_default","exports","default"],"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// See https://github.com/WordPress/gutenberg/pull/41166\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":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0E,IAAAI,WAAA,GAAAJ,OAAA;AAd1E;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMK,YAAY,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAClC,MAAM;IACLC,2BAA2B;IAC3BC,gCAAgC;IAChCC,0BAA0B;IAC1BC,6BAA6B;IAC7BC,6BAA6B;IAC7BC;EACD,CAAC,GAAG,IAAAC,mBAAU,EAAEC,sCAAmB,CAAC;EACpC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGd,KAAK,CAACe,MAAM;EAChE,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,oBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACrB,YAAA,CAAAsB,WAAW;MACXd,2BAA2B,EAAGA,2BAA6B;MAC3DC,gCAAgC,EAC/BA,gCACA;MACDO,QAAQ,EAAGA,QAAU;MACrBO,WAAW,EAAGN,YAAc;MAC5BC,eAAe,EAAGA,eAAiB;MACnCM,gBAAgB,EAAGlB,UAAU,CAACmB,MAAQ;MACtCf,0BAA0B,EAAGA,0BAA4B;MACzDC,6BAA6B,EAAGA,6BAA+B;MAC/DC,6BAA6B,EAAGA,6BAA+B;MAC/DC,2BAA2B,EAAGA;IAA6B,CAC3D,CAAC;IAEH;EACD,CAAC,EAAE,CACFG,QAAQ,EACRC,YAAY,EACZC,eAAe,EACfV,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,2BAA2B,CAC1B,CAAC;AACJ,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEazB,YAAY","ignoreList":[]}

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

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.colorsUtils = void 0;
-var _i18n = require("@wordpress/i18n");
-/**
- * WordPress dependencies
- */
-
-const gradients = {
-  linear: 'linear-gradient',
-  radial: 'radial-gradient'
-};
-const gradientOptions = [{
-  label: (0, _i18n.__)('Linear'),
-  value: gradients.linear
-}, {
-  label: (0, _i18n.__)('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;
-};
-const colorsUtils = exports.colorsUtils = {
-  screens: {
-    gradientPicker: 'GradientPicker',
-    picker: 'Picker',
-    palette: 'Palette'
-  },
-  segments: [(0, _i18n.__)('Color'), (0, _i18n.__)('Gradient')],
-  gradients,
-  gradientOptions,
-  getGradientType,
-  isGradient: color => !!getGradientType(color)
-};
-//# sourceMappingURL=utils.native.js.map