@wordpress/components 26.0.1-next.5a1d1283.0 → 26.0.1

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

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _native = require("@react-navigation/native");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _pickerScreen = _interopRequireDefault(require("./picker-screen"));
 var _gradientPickerScreen = _interopRequireDefault(require("./gradient-picker-screen"));
@@ -43,7 +44,7 @@ const ColorSettingsMemo = (0, _element.memo)(({
     // see https://github.com/WordPress/gutenberg/pull/41166
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return (0, _element.createElement)(_components.BottomSheet.NavigationContainer, null, (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  return (0, _react.createElement)(_components.BottomSheet.NavigationContainer, null, (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: _utils.colorsUtils.screens.palette,
     initialParams: {
       defaultSettings,
@@ -55,11 +56,11 @@ const ColorSettingsMemo = (0, _element.memo)(({
       label,
       hideNavigation
     }
-  }, (0, _element.createElement)(_palette.default, null)), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  }, (0, _react.createElement)(_palette.default, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: _utils.colorsUtils.screens.picker
-  }, (0, _element.createElement)(_pickerScreen.default, null)), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
+  }, (0, _react.createElement)(_pickerScreen.default, null)), (0, _react.createElement)(_components.BottomSheet.NavigationScreen, {
     name: _utils.colorsUtils.screens.gradientPicker
-  }, (0, _element.createElement)(_gradientPickerScreen.default, null)));
+  }, (0, _react.createElement)(_gradientPickerScreen.default, null)));
 });
 function ColorSettings(props) {
   const route = (0, _native.useRoute)();
@@ -67,13 +68,12 @@ function ColorSettings(props) {
     onHandleClosingBottomSheet,
     shouldEnableBottomSheetMaxHeight
   } = (0, _element.useContext)(_components.BottomSheetContext);
-  return (0, _element.createElement)(ColorSettingsMemo, {
+  return (0, _react.createElement)(ColorSettingsMemo, {
     onHandleClosingBottomSheet: onHandleClosingBottomSheet,
     shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
     ...props,
     ...route.params
   });
 }
-var _default = ColorSettings;
-exports.default = _default;
+var _default = exports.default = ColorSettings;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_native","_components","_pickerScreen","_interopRequireDefault","_gradientPickerScreen","_palette","_utils","ColorSettingsMemo","memo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","useEffect","createElement","BottomSheet","NavigationContainer","NavigationScreen","name","colorsUtils","screens","palette","initialParams","default","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';\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":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,QAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAOA,MAAMQ,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;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAZ,QAAA,CAAAsB,aAAA,EAACnB,WAAA,CAAAoB,WAAW,CAACC,mBAAmB,QAC/B,IAAAxB,QAAA,CAAAsB,aAAA,EAACnB,WAAA,CAAAoB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACC,OAAS;IACpCC,aAAa,EAAG;MACfnB,eAAe;MACfG,aAAa;MACbC,UAAU;MACVC,aAAa;MACbC,gBAAgB;MAChBC,cAAc;MACdC,KAAK;MACLC;IACD;EAAG,GAEH,IAAApB,QAAA,CAAAsB,aAAA,EAACf,QAAA,CAAAwB,OAAa,MAAE,CACa,CAAC,EAC/B,IAAA/B,QAAA,CAAAsB,aAAA,EAACnB,WAAA,CAAAoB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACI;EAAQ,GAEnC,IAAAhC,QAAA,CAAAsB,aAAA,EAAClB,aAAA,CAAA2B,OAAY,MAAE,CACc,CAAC,EAC/B,IAAA/B,QAAA,CAAAsB,aAAA,EAACnB,WAAA,CAAAoB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACK;EAAgB,GAE3C,IAAAjC,QAAA,CAAAsB,aAAA,EAAChB,qBAAA,CAAAyB,OAAoB,MAAE,CACM,CACE,CAAC;AAEpC,CACD,CAAC;AACD,SAASG,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAEzB,0BAA0B;IAAEC;EAAiC,CAAC,GACrE,IAAAyB,mBAAU,EAAEC,8BAAmB,CAAC;EAEjC,OACC,IAAAvC,QAAA,CAAAsB,aAAA,EAACb,iBAAiB;IACjBG,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIsB,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEcP,aAAa;AAAAQ,OAAA,CAAAX,OAAA,GAAAU,QAAA"}
+{"version":3,"names":["_native","require","_element","_components","_pickerScreen","_interopRequireDefault","_gradientPickerScreen","_palette","_utils","ColorSettingsMemo","memo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","useEffect","_react","createElement","BottomSheet","NavigationContainer","NavigationScreen","name","colorsUtils","screens","palette","initialParams","default","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';\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":";;;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,aAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,QAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAOA,MAAMQ,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;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAU,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACC,mBAAmB,QAC/B,IAAAH,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACC,OAAS;IACpCC,aAAa,EAAG;MACfpB,eAAe;MACfG,aAAa;MACbC,UAAU;MACVC,aAAa;MACbC,gBAAgB;MAChBC,cAAc;MACdC,KAAK;MACLC;IACD;EAAG,GAEH,IAAAE,MAAA,CAAAC,aAAA,EAAChB,QAAA,CAAAyB,OAAa,MAAE,CACa,CAAC,EAC/B,IAAAV,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACI;EAAQ,GAEnC,IAAAX,MAAA,CAAAC,aAAA,EAACnB,aAAA,CAAA4B,OAAY,MAAE,CACc,CAAC,EAC/B,IAAAV,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAqB,WAAW,CAACE,gBAAgB;IAC5BC,IAAI,EAAGC,kBAAW,CAACC,OAAO,CAACK;EAAgB,GAE3C,IAAAZ,MAAA,CAAAC,aAAA,EAACjB,qBAAA,CAAA0B,OAAoB,MAAE,CACM,CACE,CAAC;AAEpC,CACD,CAAC;AACD,SAASG,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE1B,0BAA0B;IAAEC;EAAiC,CAAC,GACrE,IAAA0B,mBAAU,EAAEC,8BAAmB,CAAC;EAEjC,OACC,IAAAlB,MAAA,CAAAC,aAAA,EAACd,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,CAAAX,OAAA,GAEcG,aAAa"}

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _native = require("@react-navigation/native");
@@ -35,7 +36,6 @@ const HIT_SLOP = {
   left: 8,
   right: 8
 };
-const THEME_PALETTE_NAME = 'Theme';
 const PaletteScreen = () => {
   const route = (0, _native.useRoute)();
   const navigation = (0, _native.useNavigation)();
@@ -58,10 +58,13 @@ const PaletteScreen = () => {
   const [currentValue, setCurrentValue] = (0, _element.useState)(colorValue);
   const isGradientColor = isGradient(currentValue);
   const selectedSegmentIndex = isGradientColor ? 1 : 0;
-  const allAvailableColors = (0, _components.useMobileGlobalStylesColors)();
   const [currentSegment, setCurrentSegment] = (0, _element.useState)(segments[selectedSegmentIndex]);
   const isGradientSegment = currentSegment === _utils.colorsUtils.segments[1];
   const currentSegmentColors = !isGradientSegment ? defaultSettings.colors : defaultSettings.gradients;
+  const allAvailableColors = (0, _components.useMobileGlobalStylesColors)();
+  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);
@@ -98,58 +101,60 @@ const PaletteScreen = () => {
     }
   }
   function getClearButton() {
-    return (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+    return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
       onPress: onClear,
       hitSlop: HIT_SLOP
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _style.default.clearButtonContainer
-    }, (0, _element.createElement)(_reactNative.Text, {
+    }, (0, _react.createElement)(_reactNative.Text, {
       style: clearButtonStyle
     }, (0, _i18n.__)('Reset'))));
   }
   function getFooter() {
     if (onGradientChange) {
-      return (0, _element.createElement)(_segmentedControl.default, {
+      return (0, _react.createElement)(_segmentedControl.default, {
         segments: segments,
         segmentHandler: setCurrentSegment,
         selectedIndex: segments.indexOf(currentSegment),
-        addonLeft: currentValue && (0, _element.createElement)(_colorIndicator.default, {
+        addonLeft: currentValue && (0, _react.createElement)(_colorIndicator.default, {
           color: currentValue,
           style: _style.default.colorIndicator
         }),
         addonRight: currentValue && getClearButton()
       });
     }
-    return (0, _element.createElement)(_reactNative.View, {
+    return (0, _react.createElement)(_reactNative.View, {
       style: _style.default.footer
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _style.default.flex
-    }, currentValue && (0, _element.createElement)(_colorIndicator.default, {
+    }, currentValue && (0, _react.createElement)(_colorIndicator.default, {
       color: currentValue,
       style: _style.default.colorIndicator
-    })), currentValue ? (0, _element.createElement)(_reactNative.Text, {
+    })), currentValue ? (0, _react.createElement)(_reactNative.Text, {
       style: selectedColorTextStyle,
       maxFontSizeMultiplier: 2,
       selectable: true
-    }, currentValue.toUpperCase()) : (0, _element.createElement)(_reactNative.Text, {
+    }, currentValue.toUpperCase()) : (0, _react.createElement)(_reactNative.Text, {
       style: _style.default.selectColorText,
       maxFontSizeMultiplier: 2
-    }, (0, _i18n.__)('Select a color above')), (0, _element.createElement)(_reactNative.View, {
+    }, (0, _i18n.__)('Select a color above')), (0, _react.createElement)(_reactNative.View, {
       style: _style.default.flex
     }, currentValue && getClearButton()));
   }
-  return (0, _element.createElement)(_reactNative.View, null, !hideNavigation && (0, _element.createElement)(_navBar.default, null, (0, _element.createElement)(_navBar.default.BackButton, {
+  return (0, _react.createElement)(_reactNative.View, null, !hideNavigation && (0, _react.createElement)(_navBar.default, null, (0, _react.createElement)(_navBar.default.BackButton, {
     onPress: navigation.goBack
-  }), (0, _element.createElement)(_navBar.default.Heading, null, label, " ")), (0, _element.createElement)(_reactNative.View, {
+  }), (0, _react.createElement)(_navBar.default.Heading, null, label, " ")), (0, _react.createElement)(_reactNative.View, {
     style: _style.default.colorPalettes
   }, currentSegmentColors.map((palette, paletteKey) => {
     const paletteSettings = {
       colors: palette.colors,
       gradients: palette.gradients,
-      allColors: allAvailableColors
+      allColors: allAvailableColors,
+      allGradients: allAvailableGradients
     };
-    const enableCustomColor = !isGradientSegment && palette.name === THEME_PALETTE_NAME;
-    return (0, _element.createElement)(_colorPalette.default, {
+    // Limit to show the custom indicator to the first available palette
+    const enableCustomColor = paletteKey === 0;
+    return (0, _react.createElement)(_colorPalette.default, {
       enableCustomColor: enableCustomColor,
       label: palette.name,
       key: paletteKey,
@@ -161,16 +166,15 @@ const PaletteScreen = () => {
       shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
       defaultSettings: paletteSettings
     });
-  })), isCustomGadientShown && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_reactNative.View, {
+  })), isCustomGadientShown && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.View, {
     style: horizontalSeparatorStyle
-  }), (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.ColorControl, {
+  }), (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.ColorControl, {
     label: (0, _i18n.__)('Customize Gradient'),
     onPress: onCustomPress,
     withColorIndicator: false
-  }))), (0, _element.createElement)(_reactNative.View, {
+  }))), (0, _react.createElement)(_reactNative.View, {
     style: horizontalSeparatorStyle
   }), getFooter());
 };
-var _default = PaletteScreen;
-exports.default = _default;
+var _default = exports.default = PaletteScreen;
 //# sourceMappingURL=palette.screen.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_compose","_components","_native","_colorPalette","_interopRequireDefault","_colorIndicator","_navBar","_segmentedControl","_utils","_style","HIT_SLOP","top","bottom","left","right","THEME_PALETTE_NAME","PaletteScreen","route","useRoute","navigation","useNavigation","shouldEnableBottomSheetScroll","useContext","BottomSheetContext","label","onColorChange","onGradientChange","onColorCleared","colorValue","defaultSettings","hideNavigation","params","segments","isGradient","colorsUtils","currentValue","setCurrentValue","useState","isGradientColor","selectedSegmentIndex","allAvailableColors","useMobileGlobalStylesColors","currentSegment","setCurrentSegment","isGradientSegment","currentSegmentColors","colors","gradients","horizontalSeparatorStyle","usePreferredColorSchemeStyle","styles","horizontalSeparator","horizontalSeparatorDark","clearButtonStyle","clearButton","clearButtonDark","selectedColorTextStyle","colorText","colorTextDark","isSolidSegment","isCustomGadientShown","setColor","color","onClear","undefined","onCustomPress","navigate","screens","picker","gradientPicker","getClearButton","createElement","TouchableWithoutFeedback","onPress","hitSlop","View","style","clearButtonContainer","Text","__","getFooter","default","segmentHandler","selectedIndex","indexOf","addonLeft","colorIndicator","addonRight","footer","flex","maxFontSizeMultiplier","selectable","toUpperCase","selectColorText","BackButton","goBack","Heading","colorPalettes","map","palette","paletteKey","paletteSettings","allColors","enableCustomColor","name","key","activeColor","Fragment","PanelBody","ColorControl","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 {\n\tColorControl,\n\tPanelBody,\n\tBottomSheetContext,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/components';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * Internal dependencies\n */\nimport ColorPalette from '../../color-palette';\nimport ColorIndicator from '../../color-indicator';\nimport NavBar from '../bottom-sheet/nav-bar';\nimport SegmentedControls from '../segmented-control';\nimport { colorsUtils } from './utils';\n\nimport styles from './style.scss';\n\nconst HIT_SLOP = { top: 8, bottom: 8, left: 8, right: 8 };\nconst THEME_PALETTE_NAME = 'Theme';\n\nconst PaletteScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\tconst {\n\t\tlabel,\n\t\tonColorChange,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tcolorValue,\n\t\tdefaultSettings,\n\t\thideNavigation = false,\n\t} = route.params || {};\n\tconst { segments, isGradient } = colorsUtils;\n\tconst [ currentValue, setCurrentValue ] = useState( colorValue );\n\tconst isGradientColor = isGradient( currentValue );\n\tconst selectedSegmentIndex = isGradientColor ? 1 : 0;\n\tconst allAvailableColors = useMobileGlobalStylesColors();\n\n\tconst [ currentSegment, setCurrentSegment ] = useState(\n\t\tsegments[ selectedSegmentIndex ]\n\t);\n\tconst isGradientSegment = currentSegment === colorsUtils.segments[ 1 ];\n\tconst currentSegmentColors = ! isGradientSegment\n\t\t? defaultSettings.colors\n\t\t: defaultSettings.gradients;\n\n\tconst horizontalSeparatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalSeparator,\n\t\tstyles.horizontalSeparatorDark\n\t);\n\tconst clearButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.clearButton,\n\t\tstyles.clearButtonDark\n\t);\n\tconst selectedColorTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.colorText,\n\t\tstyles.colorTextDark\n\t);\n\n\tconst isSolidSegment = currentSegment === segments[ 0 ];\n\tconst isCustomGadientShown = ! isSolidSegment && isGradientColor;\n\n\tconst setColor = ( color ) => {\n\t\tsetCurrentValue( color );\n\t\tif ( isSolidSegment && onColorChange && onGradientChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( isSolidSegment && onColorChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( ! isSolidSegment && onGradientChange ) {\n\t\t\tonGradientChange( color );\n\t\t}\n\t};\n\n\tfunction onClear() {\n\t\tsetCurrentValue( undefined );\n\n\t\tif ( onColorCleared ) {\n\t\t\tonColorCleared();\n\t\t}\n\t}\n\n\tfunction onCustomPress() {\n\t\tif ( isSolidSegment ) {\n\t\t\tnavigation.navigate( colorsUtils.screens.picker, {\n\t\t\t\tcurrentValue,\n\t\t\t\tsetColor,\n\t\t\t} );\n\t\t} else {\n\t\t\tnavigation.navigate( colorsUtils.screens.gradientPicker, {\n\t\t\t\tsetColor,\n\t\t\t\tisGradientColor,\n\t\t\t\tcurrentValue,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction getClearButton() {\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback onPress={ onClear } hitSlop={ HIT_SLOP }>\n\t\t\t\t<View style={ styles.clearButtonContainer }>\n\t\t\t\t\t<Text style={ clearButtonStyle }>{ __( 'Reset' ) }</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\tfunction getFooter() {\n\t\tif ( onGradientChange ) {\n\t\t\treturn (\n\t\t\t\t<SegmentedControls\n\t\t\t\t\tsegments={ segments }\n\t\t\t\t\tsegmentHandler={ setCurrentSegment }\n\t\t\t\t\tselectedIndex={ segments.indexOf( currentSegment ) }\n\t\t\t\t\taddonLeft={\n\t\t\t\t\t\tcurrentValue && (\n\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\taddonRight={ currentValue && getClearButton() }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.footer }>\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ currentValue ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ selectedColorTextStyle }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t\tselectable\n\t\t\t\t\t>\n\t\t\t\t\t\t{ currentValue.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ styles.selectColorText }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Select a color above' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && getClearButton() }\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\treturn (\n\t\t<View>\n\t\t\t{ ! hideNavigation && (\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t\t<NavBar.Heading>{ label } </NavBar.Heading>\n\t\t\t\t</NavBar>\n\t\t\t) }\n\n\t\t\t<View style={ styles.colorPalettes }>\n\t\t\t\t{ currentSegmentColors.map( ( palette, paletteKey ) => {\n\t\t\t\t\tconst paletteSettings = {\n\t\t\t\t\t\tcolors: palette.colors,\n\t\t\t\t\t\tgradients: palette.gradients,\n\t\t\t\t\t\tallColors: allAvailableColors,\n\t\t\t\t\t};\n\t\t\t\t\tconst enableCustomColor =\n\t\t\t\t\t\t! isGradientSegment &&\n\t\t\t\t\t\tpalette.name === THEME_PALETTE_NAME;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\tenableCustomColor={ enableCustomColor }\n\t\t\t\t\t\t\tlabel={ palette.name }\n\t\t\t\t\t\t\tkey={ paletteKey }\n\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\tactiveColor={ currentValue }\n\t\t\t\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\t\t\t\tcurrentSegment={ currentSegment }\n\t\t\t\t\t\t\tonCustomPress={ onCustomPress }\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdefaultSettings={ paletteSettings }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</View>\n\n\t\t\t{ isCustomGadientShown && (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<ColorControl\n\t\t\t\t\t\t\tlabel={ __( 'Customize Gradient' ) }\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\twithColorIndicator={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t{ getFooter() }\n\t\t</View>\n\t);\n};\n\nexport default PaletteScreen;\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_i18n","_element","_compose","_components","_native","_colorPalette","_interopRequireDefault","_colorIndicator","_navBar","_segmentedControl","_utils","_style","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","useMobileGlobalStylesColors","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","_react","createElement","TouchableWithoutFeedback","onPress","hitSlop","View","style","clearButtonContainer","Text","__","getFooter","default","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","PanelBody","ColorControl","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 {\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 onPress={ onClear } hitSlop={ HIT_SLOP }>\n\t\t\t\t<View style={ styles.clearButtonContainer }>\n\t\t\t\t\t<Text style={ clearButtonStyle }>{ __( 'Reset' ) }</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\tfunction getFooter() {\n\t\tif ( onGradientChange ) {\n\t\t\treturn (\n\t\t\t\t<SegmentedControls\n\t\t\t\t\tsegments={ segments }\n\t\t\t\t\tsegmentHandler={ setCurrentSegment }\n\t\t\t\t\tselectedIndex={ segments.indexOf( currentSegment ) }\n\t\t\t\t\taddonLeft={\n\t\t\t\t\t\tcurrentValue && (\n\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\taddonRight={ currentValue && getClearButton() }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.footer }>\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ currentValue ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ selectedColorTextStyle }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t\tselectable\n\t\t\t\t\t>\n\t\t\t\t\t\t{ currentValue.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ styles.selectColorText }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Select a color above' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && getClearButton() }\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\treturn (\n\t\t<View>\n\t\t\t{ ! hideNavigation && (\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t\t<NavBar.Heading>{ label } </NavBar.Heading>\n\t\t\t\t</NavBar>\n\t\t\t) }\n\n\t\t\t<View style={ styles.colorPalettes }>\n\t\t\t\t{ currentSegmentColors.map( ( palette, paletteKey ) => {\n\t\t\t\t\tconst paletteSettings = {\n\t\t\t\t\t\tcolors: palette.colors,\n\t\t\t\t\t\tgradients: palette.gradients,\n\t\t\t\t\t\tallColors: allAvailableColors,\n\t\t\t\t\t\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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"}

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _native = require("@react-navigation/native");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _colorPicker = require("../../color-picker");
 /**
@@ -37,7 +38,7 @@ const PickerScreen = () => {
     isGradientColor
   } = route.params;
   return (0, _element.useMemo)(() => {
-    return (0, _element.createElement)(_colorPicker.ColorPicker, {
+    return (0, _react.createElement)(_colorPicker.ColorPicker, {
       onShouldEnableInnerHandling: onShouldEnableInnerHandling,
       shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
       setColor: setColor,
@@ -54,6 +55,5 @@ const PickerScreen = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [setColor, currentValue, isGradientColor, onShouldEnableInnerHandling, shouldEnableBottomSheetMaxHeight, onHandleClosingBottomSheet, isBottomSheetContentScrolling, shouldEnableBottomSheetScroll, onHandleHardwareButtonPress]);
 };
-var _default = PickerScreen;
-exports.default = _default;
+var _default = exports.default = PickerScreen;
 //# sourceMappingURL=picker-screen.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_native","_components","_colorPicker","PickerScreen","route","useRoute","navigation","useNavigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","useContext","BottomSheetContext","setColor","currentValue","isGradientColor","params","useMemo","createElement","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';\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":";;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMI,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,8BAAmB,CAAC;EACpC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGd,KAAK,CAACe,MAAM;EAChE,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,OACC,IAAAtB,QAAA,CAAAuB,aAAA,EAACnB,YAAA,CAAAoB,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;IACA;IACA;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,GAEavB,YAAY;AAAAwB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_native","require","_element","_components","_colorPicker","PickerScreen","route","useRoute","navigation","useNavigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","useContext","BottomSheetContext","setColor","currentValue","isGradientColor","params","useMemo","_react","createElement","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';\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":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMI,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,8BAAmB,CAAC;EACpC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGd,KAAK,CAACe,MAAM;EAChE,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACpB,YAAA,CAAAqB,WAAW;MACXf,2BAA2B,EAAGA,2BAA6B;MAC3DC,gCAAgC,EAC/BA,gCACA;MACDO,QAAQ,EAAGA,QAAU;MACrBQ,WAAW,EAAGP,YAAc;MAC5BC,eAAe,EAAGA,eAAiB;MACnCO,gBAAgB,EAAGnB,UAAU,CAACoB,MAAQ;MACtChB,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,CACFG,QAAQ,EACRC,YAAY,EACZC,eAAe,EACfV,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,2BAA2B,CAC1B,CAAC;AACJ,CAAC;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEa1B,YAAY"}

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

@@ -28,7 +28,7 @@ const getGradientType = color => {
   }
   return false;
 };
-const colorsUtils = {
+const colorsUtils = exports.colorsUtils = {
   screens: {
     gradientPicker: 'GradientPicker',
     picker: 'Picker',
@@ -40,5 +40,4 @@ const colorsUtils = {
   getGradientType,
   isGradient: color => !!getGradientType(color)
 };
-exports.colorsUtils = colorsUtils;
 //# sourceMappingURL=utils.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","gradients","linear","radial","gradientOptions","label","__","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient","exports"],"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,SAAS,GAAG;EACjBC,MAAM,EAAE,iBAAiB;EACzBC,MAAM,EAAE;AACT,CAAC;AAED,MAAMC,eAAe,GAAG,CACvB;EAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EAAEC,KAAK,EAAEN,SAAS,CAACC;AAAO,CAAC,EAClD;EAAEG,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EAAEC,KAAK,EAAEN,SAAS,CAACE;AAAO,CAAC,CAClD;AAED,MAAMK,eAAe,GAAKC,KAAK,IAAM;EACpC,IAAKA,KAAK,EAAEC,QAAQ,CAAET,SAAS,CAACE,MAAO,CAAC,EAAG;IAC1C,OAAOF,SAAS,CAACE,MAAM;EACxB,CAAC,MAAM,IAAKM,KAAK,EAAEC,QAAQ,CAAET,SAAS,CAACC,MAAO,CAAC,EAAG;IACjD,OAAOD,SAAS,CAACC,MAAM;EACxB;EACA,OAAO,KAAK;AACb,CAAC;AAEM,MAAMS,WAAW,GAAG;EAC1BC,OAAO,EAAE;IACRC,cAAc,EAAE,gBAAgB;IAChCC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE,CAAE,IAAAV,QAAE,EAAE,OAAQ,CAAC,EAAE,IAAAA,QAAE,EAAE,UAAW,CAAC,CAAE;EAC7CL,SAAS;EACTG,eAAe;EACfI,eAAe;EACfS,UAAU,EAAIR,KAAK,IAAM,CAAC,CAAED,eAAe,CAAEC,KAAM;AACpD,CAAC;AAACS,OAAA,CAAAP,WAAA,GAAAA,WAAA"}
+{"version":3,"names":["_i18n","require","gradients","linear","radial","gradientOptions","label","__","value","getGradientType","color","includes","colorsUtils","exports","screens","gradientPicker","picker","palette","segments","isGradient"],"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Solid' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,SAAS,GAAG;EACjBC,MAAM,EAAE,iBAAiB;EACzBC,MAAM,EAAE;AACT,CAAC;AAED,MAAMC,eAAe,GAAG,CACvB;EAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EAAEC,KAAK,EAAEN,SAAS,CAACC;AAAO,CAAC,EAClD;EAAEG,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;EAAEC,KAAK,EAAEN,SAAS,CAACE;AAAO,CAAC,CAClD;AAED,MAAMK,eAAe,GAAKC,KAAK,IAAM;EACpC,IAAKA,KAAK,EAAEC,QAAQ,CAAET,SAAS,CAACE,MAAO,CAAC,EAAG;IAC1C,OAAOF,SAAS,CAACE,MAAM;EACxB,CAAC,MAAM,IAAKM,KAAK,EAAEC,QAAQ,CAAET,SAAS,CAACC,MAAO,CAAC,EAAG;IACjD,OAAOD,SAAS,CAACC,MAAM;EACxB;EACA,OAAO,KAAK;AACb,CAAC;AAEM,MAAMS,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG;EAC1BE,OAAO,EAAE;IACRC,cAAc,EAAE,gBAAgB;IAChCC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE,CAAE,IAAAX,QAAE,EAAE,OAAQ,CAAC,EAAE,IAAAA,QAAE,EAAE,UAAW,CAAC,CAAE;EAC7CL,SAAS;EACTG,eAAe;EACfI,eAAe;EACfU,UAAU,EAAIT,KAAK,IAAM,CAAC,CAAED,eAAe,CAAEC,KAAM;AACpD,CAAC"}

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _cyclePickerCell = _interopRequireDefault(require("../bottom-sheet/cycle-picker-cell"));
 /**
@@ -27,7 +28,7 @@ function CycleSelectControl({
   ...props
 }) {
   const id = `inspector-select-control-${instanceId}`;
-  return (0, _element.createElement)(_cyclePickerCell.default, {
+  return (0, _react.createElement)(_cyclePickerCell.default, {
     label: label,
     hideLabelFromVision: hideLabelFromVision,
     id: id,
@@ -40,6 +41,5 @@ function CycleSelectControl({
     ...props
   });
 }
-var _default = (0, _element.memo)(CycleSelectControl);
-exports.default = _default;
+var _default = exports.default = (0, _element.memo)(CycleSelectControl);
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_cyclePickerCell","_interopRequireDefault","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","createElement","default","onChangeValue","undefined","_default","memo","exports"],"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASG,kBAAkBA,CAAE;EAC5BC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAAC;EAErD,OACC,IAAAN,QAAA,CAAAe,aAAA,EAACb,gBAAA,CAAAc,OAAe;IACfT,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBM,aAAa,EAAGR,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAI,GAAGS,EAAI,QAAO,GAAGI,SAAW;IAC1DV,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAM,QAAA,GAEc,IAAAC,aAAI,EAAEhB,kBAAmB,CAAC;AAAAiB,OAAA,CAAAL,OAAA,GAAAG,QAAA"}
+{"version":3,"names":["_element","require","_cyclePickerCell","_interopRequireDefault","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","_react","createElement","default","onChangeValue","undefined","_default","exports","memo"],"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,gBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASG,kBAAkBA,CAAE;EAC5BC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAAC;EAErD,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACd,gBAAA,CAAAe,OAAe;IACfV,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBO,aAAa,EAAGT,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAI,GAAGS,EAAI,QAAO,GAAGK,SAAW;IAC1DX,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc,IAAAK,aAAI,EAAElB,kBAAmB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_primitives","require","fromPathData24x24","pathData","_element","createElement","SVG","xmlns","viewBox","Path","d","facebook","exports","instagram","empty"],"sources":["@wordpress/components/src/mobile/dashicons/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst fromPathData24x24 = ( pathData ) => (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d={ pathData } />\n\t</SVG>\n);\n\nexport const facebook = fromPathData24x24(\n\t'M20 3H4c-.6 0-1 .4-1 1v16c0 .5.4 1 1 1h8.6v-7h-2.3v-2.7h2.3v-2c0-2.3 1.4-3.6 3.5-3.6 1 0 1.8.1 2.1.1v2.4h-1.4c-1.1 0-1.3.5-1.3 1.3v1.7h2.7l-.4 2.8h-2.3v7H20c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1z'\n);\n\nexport const instagram = fromPathData24x24(\n\t'M12 4.622c2.403 0 2.688.01 3.637.052.877.04 1.354.187 1.67.31.42.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638s-.01 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.42-.358.72-.673 1.036-.315.315-.615.51-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.01-3.637-.052c-.877-.04-1.354-.187-1.67-.31-.42-.163-.72-.358-1.036-.673-.315-.315-.51-.615-.673-1.035-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638s.01-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.42.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052M12 3c-2.444 0-2.75.01-3.71.054s-1.613.196-2.185.418c-.592.23-1.094.538-1.594 1.04-.5.5-.807 1-1.037 1.593-.223.572-.375 1.226-.42 2.184C3.01 9.25 3 9.555 3 12s.01 2.75.054 3.71.196 1.613.418 2.186c.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054 1.613-.196 2.186-.418c.592-.23 1.094-.538 1.594-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.227.418-2.185.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71-.196-1.613-.418-2.186c-.23-.592-.538-1.094-1.038-1.594s-1.002-.808-1.594-1.038c-.572-.222-1.227-.375-2.185-.418C14.75 3.01 14.445 3 12 3zm0 4.378c-2.552 0-4.622 2.07-4.622 4.622s2.07 4.622 4.622 4.622 4.622-2.07 4.622-4.622S14.552 7.378 12 7.378zM12 15c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.804-8.884c-.596 0-1.08.484-1.08 1.08s.484 1.08 1.08 1.08c.596 0 1.08-.484 1.08-1.08s-.483-1.08-1.08-1.08z'\n);\n\nexport const empty = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" />\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,iBAAiB,GAAKC,QAAQ,IACnC,IAAAC,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,IAAI;EAACC,CAAC,EAAGP;AAAU,CAAE,CAClB,CACL;AAEM,MAAMQ,QAAQ,GAAGT,iBAAiB,CACxC,6LACD,CAAC;AAACU,OAAA,CAAAD,QAAA,GAAAA,QAAA;AAEK,MAAME,SAAS,GAAGX,iBAAiB,CACzC,ugDACD,CAAC;AAACU,OAAA,CAAAC,SAAA,GAAAA,SAAA;AAEK,MAAMC,KAAK,GACjB,IAAAV,QAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,CAAE,CAC7D;AAACI,OAAA,CAAAE,KAAA,GAAAA,KAAA"}
+{"version":3,"names":["_primitives","require","fromPathData24x24","pathData","_react","createElement","SVG","xmlns","viewBox","Path","d","facebook","exports","instagram","empty"],"sources":["@wordpress/components/src/mobile/dashicons/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/primitives';\n\nconst fromPathData24x24 = ( pathData ) => (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n\t\t<Path d={ pathData } />\n\t</SVG>\n);\n\nexport const facebook = fromPathData24x24(\n\t'M20 3H4c-.6 0-1 .4-1 1v16c0 .5.4 1 1 1h8.6v-7h-2.3v-2.7h2.3v-2c0-2.3 1.4-3.6 3.5-3.6 1 0 1.8.1 2.1.1v2.4h-1.4c-1.1 0-1.3.5-1.3 1.3v1.7h2.7l-.4 2.8h-2.3v7H20c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1z'\n);\n\nexport const instagram = fromPathData24x24(\n\t'M12 4.622c2.403 0 2.688.01 3.637.052.877.04 1.354.187 1.67.31.42.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638s-.01 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.42-.358.72-.673 1.036-.315.315-.615.51-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.01-3.637-.052c-.877-.04-1.354-.187-1.67-.31-.42-.163-.72-.358-1.036-.673-.315-.315-.51-.615-.673-1.035-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638s.01-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.42.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052M12 3c-2.444 0-2.75.01-3.71.054s-1.613.196-2.185.418c-.592.23-1.094.538-1.594 1.04-.5.5-.807 1-1.037 1.593-.223.572-.375 1.226-.42 2.184C3.01 9.25 3 9.555 3 12s.01 2.75.054 3.71.196 1.613.418 2.186c.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054 1.613-.196 2.186-.418c.592-.23 1.094-.538 1.594-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.227.418-2.185.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71-.196-1.613-.418-2.186c-.23-.592-.538-1.094-1.038-1.594s-1.002-.808-1.594-1.038c-.572-.222-1.227-.375-2.185-.418C14.75 3.01 14.445 3 12 3zm0 4.378c-2.552 0-4.622 2.07-4.622 4.622s2.07 4.622 4.622 4.622 4.622-2.07 4.622-4.622S14.552 7.378 12 7.378zM12 15c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.804-8.884c-.596 0-1.08.484-1.08 1.08s.484 1.08 1.08 1.08c.596 0 1.08-.484 1.08-1.08s-.483-1.08-1.08-1.08z'\n);\n\nexport const empty = (\n\t<SVG xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" />\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,iBAAiB,GAAKC,QAAQ,IACnC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,GAC1D,IAAAJ,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAS,IAAI;EAACC,CAAC,EAAGP;AAAU,CAAE,CAClB,CACL;AAEM,MAAMQ,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGT,iBAAiB,CACxC,6LACD,CAAC;AAEM,MAAMW,SAAS,GAAAD,OAAA,CAAAC,SAAA,GAAGX,iBAAiB,CACzC,ugDACD,CAAC;AAEM,MAAMY,KAAK,GAAAF,OAAA,CAAAE,KAAA,GACjB,IAAAV,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,CAAE,CAC7D"}

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _native = require("@react-navigation/native");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _navBar = _interopRequireDefault(require("../bottom-sheet/nav-bar"));
 var _styles = _interopRequireDefault(require("./styles.scss"));
@@ -44,13 +45,13 @@ const FocalPointSettingsPanelMemo = (0, _element.memo)(({
       ...coordinates
     }));
   }
-  return (0, _element.createElement)(_reactNative.SafeAreaView, {
+  return (0, _react.createElement)(_reactNative.SafeAreaView, {
     style: _styles.default.safearea
-  }, (0, _element.createElement)(_navBar.default, null, (0, _element.createElement)(_navBar.default.DismissButton, {
+  }, (0, _react.createElement)(_navBar.default, null, (0, _react.createElement)(_navBar.default.DismissButton, {
     onPress: () => onButtonPress('cancel')
-  }), (0, _element.createElement)(_navBar.default.Heading, null, (0, _i18n.__)('Edit focal point')), (0, _element.createElement)(_navBar.default.ApplyButton, {
+  }), (0, _react.createElement)(_navBar.default.Heading, null, (0, _i18n.__)('Edit focal point')), (0, _react.createElement)(_navBar.default.ApplyButton, {
     onPress: () => onButtonPress('apply')
-  })), (0, _element.createElement)(_components.FocalPointPicker, {
+  })), (0, _react.createElement)(_components.FocalPointPicker, {
     focalPoint: draftFocalPoint,
     onChange: (0, _element.useCallback)(setPosition, []),
     shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
@@ -62,12 +63,11 @@ function FocalPointSettingsPanel(props) {
   const {
     shouldEnableBottomSheetScroll
   } = (0, _element.useContext)(_components.BottomSheetContext);
-  return (0, _element.createElement)(FocalPointSettingsPanelMemo, {
+  return (0, _react.createElement)(FocalPointSettingsPanelMemo, {
     shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
     ...props,
     ...route.params
   });
 }
-var _default = FocalPointSettingsPanel;
-exports.default = _default;
+var _default = exports.default = FocalPointSettingsPanel;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_native","_i18n","_components","_navBar","_interopRequireDefault","_styles","FocalPointSettingsPanelMemo","memo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","useNavigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","useState","setPosition","coordinates","prevState","createElement","SafeAreaView","style","styles","safearea","default","DismissButton","onPress","Heading","__","ApplyButton","FocalPointPicker","onChange","useCallback","FocalPointSettingsPanel","props","route","useRoute","useContext","BottomSheetContext","params","_default","exports"],"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { memo, useContext, useState, useCallback } from '@wordpress/element';\nimport { BottomSheetContext, FocalPointPicker } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\n\nconst FocalPointSettingsPanelMemo = memo(\n\t( {\n\t\tfocalPoint,\n\t\tonFocalPointChange,\n\t\tshouldEnableBottomSheetScroll,\n\t\turl,\n\t} ) => {\n\t\tconst navigation = useNavigation();\n\n\t\tfunction onButtonPress( action ) {\n\t\t\tnavigation.goBack();\n\t\t\tif ( action === 'apply' ) {\n\t\t\t\tonFocalPointChange( draftFocalPoint );\n\t\t\t}\n\t\t}\n\n\t\tconst [ draftFocalPoint, setDraftFocalPoint ] = useState( focalPoint );\n\t\tfunction setPosition( coordinates ) {\n\t\t\tsetDraftFocalPoint( ( prevState ) => ( {\n\t\t\t\t...prevState,\n\t\t\t\t...coordinates,\n\t\t\t} ) );\n\t\t}\n\n\t\treturn (\n\t\t\t<SafeAreaView style={ styles.safearea }>\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.DismissButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<NavBar.Heading>\n\t\t\t\t\t\t{ __( 'Edit focal point' ) }\n\t\t\t\t\t</NavBar.Heading>\n\t\t\t\t\t<NavBar.ApplyButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</NavBar>\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\tfocalPoint={ draftFocalPoint }\n\t\t\t\t\tonChange={ useCallback( setPosition, [] ) }\n\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t}\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t</SafeAreaView>\n\t\t);\n\t}\n);\n\nfunction FocalPointSettingsPanel( props ) {\n\tconst route = useRoute();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<FocalPointSettingsPanelMemo\n\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default FocalPointSettingsPanel;\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AAPA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAD,sBAAA,CAAAN,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAMQ,2BAA2B,GAAG,IAAAC,aAAI,EACvC,CAAE;EACDC,UAAU;EACVC,kBAAkB;EAClBC,6BAA6B;EAC7BC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,SAASC,aAAaA,CAAEC,MAAM,EAAG;IAChCH,UAAU,CAACI,MAAM,CAAC,CAAC;IACnB,IAAKD,MAAM,KAAK,OAAO,EAAG;MACzBN,kBAAkB,CAAEQ,eAAgB,CAAC;IACtC;EACD;EAEA,MAAM,CAAEA,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAEX,UAAW,CAAC;EACtE,SAASY,WAAWA,CAAEC,WAAW,EAAG;IACnCH,kBAAkB,CAAII,SAAS,KAAQ;MACtC,GAAGA,SAAS;MACZ,GAAGD;IACJ,CAAC,CAAG,CAAC;EACN;EAEA,OACC,IAAAxB,QAAA,CAAA0B,aAAA,EAACxB,YAAA,CAAAyB,YAAY;IAACC,KAAK,EAAGC,eAAM,CAACC;EAAU,GACtC,IAAA9B,QAAA,CAAA0B,aAAA,EAACpB,OAAA,CAAAyB,OAAM,QACN,IAAA/B,QAAA,CAAA0B,aAAA,EAACpB,OAAA,CAAAyB,OAAM,CAACC,aAAa;IACpBC,OAAO,EAAGA,CAAA,KAAMhB,aAAa,CAAE,QAAS;EAAG,CAC3C,CAAC,EACF,IAAAjB,QAAA,CAAA0B,aAAA,EAACpB,OAAA,CAAAyB,OAAM,CAACG,OAAO,QACZ,IAAAC,QAAE,EAAE,kBAAmB,CACV,CAAC,EACjB,IAAAnC,QAAA,CAAA0B,aAAA,EAACpB,OAAA,CAAAyB,OAAM,CAACK,WAAW;IAClBH,OAAO,EAAGA,CAAA,KAAMhB,aAAa,CAAE,OAAQ;EAAG,CAC1C,CACM,CAAC,EACT,IAAAjB,QAAA,CAAA0B,aAAA,EAACrB,WAAA,CAAAgC,gBAAgB;IAChB1B,UAAU,EAAGS,eAAiB;IAC9BkB,QAAQ,EAAG,IAAAC,oBAAW,EAAEhB,WAAW,EAAE,EAAG,CAAG;IAC3CV,6BAA6B,EAC5BA,6BACA;IACDC,GAAG,EAAGA;EAAK,CACX,CACY,CAAC;AAEjB,CACD,CAAC;AAED,SAAS0B,uBAAuBA,CAAEC,KAAK,EAAG;EACzC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE9B;EAA8B,CAAC,GAAG,IAAA+B,mBAAU,EAAEC,8BAAmB,CAAC;EAE1E,OACC,IAAA7C,QAAA,CAAA0B,aAAA,EAACjB,2BAA2B;IAC3BI,6BAA6B,EAAGA,6BAA+B;IAAA,GAC1D4B,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAEcP,uBAAuB;AAAAQ,OAAA,CAAAjB,OAAA,GAAAgB,QAAA"}
+{"version":3,"names":["_reactNative","require","_native","_i18n","_element","_components","_navBar","_interopRequireDefault","_styles","FocalPointSettingsPanelMemo","memo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","useNavigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","useState","setPosition","coordinates","prevState","_react","createElement","SafeAreaView","style","styles","safearea","default","DismissButton","onPress","Heading","__","ApplyButton","FocalPointPicker","onChange","useCallback","FocalPointSettingsPanel","props","route","useRoute","useContext","BottomSheetContext","params","_default","exports"],"sources":["@wordpress/components/src/mobile/focal-point-settings-panel/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { SafeAreaView } from 'react-native';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { memo, useContext, useState, useCallback } from '@wordpress/element';\nimport { BottomSheetContext, FocalPointPicker } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\n\nconst FocalPointSettingsPanelMemo = memo(\n\t( {\n\t\tfocalPoint,\n\t\tonFocalPointChange,\n\t\tshouldEnableBottomSheetScroll,\n\t\turl,\n\t} ) => {\n\t\tconst navigation = useNavigation();\n\n\t\tfunction onButtonPress( action ) {\n\t\t\tnavigation.goBack();\n\t\t\tif ( action === 'apply' ) {\n\t\t\t\tonFocalPointChange( draftFocalPoint );\n\t\t\t}\n\t\t}\n\n\t\tconst [ draftFocalPoint, setDraftFocalPoint ] = useState( focalPoint );\n\t\tfunction setPosition( coordinates ) {\n\t\t\tsetDraftFocalPoint( ( prevState ) => ( {\n\t\t\t\t...prevState,\n\t\t\t\t...coordinates,\n\t\t\t} ) );\n\t\t}\n\n\t\treturn (\n\t\t\t<SafeAreaView style={ styles.safearea }>\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.DismissButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<NavBar.Heading>\n\t\t\t\t\t\t{ __( 'Edit focal point' ) }\n\t\t\t\t\t</NavBar.Heading>\n\t\t\t\t\t<NavBar.ApplyButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</NavBar>\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\tfocalPoint={ draftFocalPoint }\n\t\t\t\t\tonChange={ useCallback( setPosition, [] ) }\n\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t}\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t</SafeAreaView>\n\t\t);\n\t}\n);\n\nfunction FocalPointSettingsPanel( props ) {\n\tconst route = useRoute();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<FocalPointSettingsPanelMemo\n\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default FocalPointSettingsPanel;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,OAAA,GAAAD,sBAAA,CAAAN,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAMQ,2BAA2B,GAAG,IAAAC,aAAI,EACvC,CAAE;EACDC,UAAU;EACVC,kBAAkB;EAClBC,6BAA6B;EAC7BC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAC,CAAC;EAElC,SAASC,aAAaA,CAAEC,MAAM,EAAG;IAChCH,UAAU,CAACI,MAAM,CAAC,CAAC;IACnB,IAAKD,MAAM,KAAK,OAAO,EAAG;MACzBN,kBAAkB,CAAEQ,eAAgB,CAAC;IACtC;EACD;EAEA,MAAM,CAAEA,eAAe,EAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAQ,EAAEX,UAAW,CAAC;EACtE,SAASY,WAAWA,CAAEC,WAAW,EAAG;IACnCH,kBAAkB,CAAII,SAAS,KAAQ;MACtC,GAAGA,SAAS;MACZ,GAAGD;IACJ,CAAC,CAAG,CAAC;EACN;EAEA,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAC3B,YAAA,CAAA4B,YAAY;IAACC,KAAK,EAAGC,eAAM,CAACC;EAAU,GACtC,IAAAL,MAAA,CAAAC,aAAA,EAACrB,OAAA,CAAA0B,OAAM,QACN,IAAAN,MAAA,CAAAC,aAAA,EAACrB,OAAA,CAAA0B,OAAM,CAACC,aAAa;IACpBC,OAAO,EAAGA,CAAA,KAAMjB,aAAa,CAAE,QAAS;EAAG,CAC3C,CAAC,EACF,IAAAS,MAAA,CAAAC,aAAA,EAACrB,OAAA,CAAA0B,OAAM,CAACG,OAAO,QACZ,IAAAC,QAAE,EAAE,kBAAmB,CACV,CAAC,EACjB,IAAAV,MAAA,CAAAC,aAAA,EAACrB,OAAA,CAAA0B,OAAM,CAACK,WAAW;IAClBH,OAAO,EAAGA,CAAA,KAAMjB,aAAa,CAAE,OAAQ;EAAG,CAC1C,CACM,CAAC,EACT,IAAAS,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAiC,gBAAgB;IAChB3B,UAAU,EAAGS,eAAiB;IAC9BmB,QAAQ,EAAG,IAAAC,oBAAW,EAAEjB,WAAW,EAAE,EAAG,CAAG;IAC3CV,6BAA6B,EAC5BA,6BACA;IACDC,GAAG,EAAGA;EAAK,CACX,CACY,CAAC;AAEjB,CACD,CAAC;AAED,SAAS2B,uBAAuBA,CAAEC,KAAK,EAAG;EACzC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EACxB,MAAM;IAAE/B;EAA8B,CAAC,GAAG,IAAAgC,mBAAU,EAAEC,8BAAmB,CAAC;EAE1E,OACC,IAAApB,MAAA,CAAAC,aAAA,EAAClB,2BAA2B;IAC3BI,6BAA6B,EAAGA,6BAA+B;IAAA,GAC1D6B,KAAK;IAAA,GACLC,KAAK,CAACI;EAAM,CACjB,CAAC;AAEJ;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAEcS,uBAAuB"}

package/build/mobile/global-styles-context/index.native.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withGlobalStyles = exports.useGlobalStyles = exports.getMergedGlobalStyles = exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _utils = require("./utils");
 /**
@@ -58,11 +59,10 @@ const useGlobalStyles = () => {
   return globalStyles;
 };
 exports.useGlobalStyles = useGlobalStyles;
-const withGlobalStyles = WrappedComponent => props => (0, _element.createElement)(GlobalStylesContext.Consumer, null, globalStyles => (0, _element.createElement)(WrappedComponent, {
+const withGlobalStyles = WrappedComponent => props => (0, _react.createElement)(GlobalStylesContext.Consumer, null, globalStyles => (0, _react.createElement)(WrappedComponent, {
   ...props,
   globalStyles: globalStyles
 }));
 exports.withGlobalStyles = withGlobalStyles;
-var _default = GlobalStylesContext;
-exports.default = _default;
+var _default = exports.default = GlobalStylesContext;
 //# sourceMappingURL=index.native.js.map

package/build/mobile/global-styles-context/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_utils","GlobalStylesContext","createContext","style","BLOCK_STYLE_ATTRIBUTES","getMergedGlobalStyles","baseGlobalStyles","globalStyle","wrapperPropsStyle","blockAttributes","defaultColors","blockName","fontSizes","baseGlobalColors","baseColors","color","typography","elements","link","blocks","blockStyleAttributes","Object","fromEntries","entries","filter","key","includes","wrapperPropsStyleFiltered","mergedStyle","blockColors","getBlockColors","blockPaddings","getBlockPaddings","blockTypography","getBlockTypography","exports","useGlobalStyles","globalStyles","useContext","withGlobalStyles","WrappedComponent","props","createElement","Consumer","_default","default"],"sources":["@wordpress/components/src/mobile/global-styles-context/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBLOCK_STYLE_ATTRIBUTES,\n\tgetBlockPaddings,\n\tgetBlockColors,\n\tgetBlockTypography,\n} from './utils';\n\nconst GlobalStylesContext = createContext( { style: {} } );\n\nGlobalStylesContext.BLOCK_STYLE_ATTRIBUTES = BLOCK_STYLE_ATTRIBUTES;\n\nexport const getMergedGlobalStyles = (\n\tbaseGlobalStyles,\n\tglobalStyle,\n\twrapperPropsStyle,\n\tblockAttributes,\n\tdefaultColors,\n\tblockName,\n\tfontSizes\n) => {\n\t// Current support for general styles and blocks.\n\tconst baseGlobalColors = {\n\t\tbaseColors: {\n\t\t\tcolor: baseGlobalStyles?.color,\n\t\t\ttypography: baseGlobalStyles?.typography,\n\t\t\telements: {\n\t\t\t\tlink: baseGlobalStyles?.elements?.link,\n\t\t\t},\n\t\t\tblocks: {\n\t\t\t\t'core/button': baseGlobalStyles?.blocks?.[ 'core/button' ],\n\t\t\t},\n\t\t},\n\t};\n\n\tconst blockStyleAttributes = Object.fromEntries(\n\t\tObject.entries( blockAttributes ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\t// This prevents certain wrapper styles from being applied to blocks that\n\t// don't support them yet.\n\tconst wrapperPropsStyleFiltered = Object.fromEntries(\n\t\tObject.entries( wrapperPropsStyle ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\tconst mergedStyle = {\n\t\t...baseGlobalColors,\n\t\t...globalStyle,\n\t\t...wrapperPropsStyleFiltered,\n\t};\n\tconst blockColors = getBlockColors(\n\t\tblockStyleAttributes,\n\t\tdefaultColors,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\tconst blockPaddings = getBlockPaddings(\n\t\tmergedStyle,\n\t\twrapperPropsStyle,\n\t\tblockStyleAttributes,\n\t\tblockColors\n\t);\n\tconst blockTypography = getBlockTypography(\n\t\tblockStyleAttributes,\n\t\tfontSizes,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\n\treturn {\n\t\t...mergedStyle,\n\t\t...blockPaddings,\n\t\t...blockColors,\n\t\t...blockTypography,\n\t};\n};\n\nexport const useGlobalStyles = () => {\n\tconst globalStyles = useContext( GlobalStylesContext );\n\n\treturn globalStyles;\n};\n\nexport const withGlobalStyles = ( WrappedComponent ) => ( props ) =>\n\t(\n\t\t<GlobalStylesContext.Consumer>\n\t\t\t{ ( globalStyles ) => (\n\t\t\t\t<WrappedComponent { ...props } globalStyles={ globalStyles } />\n\t\t\t) }\n\t\t</GlobalStylesContext.Consumer>\n\t);\n\nexport default GlobalStylesContext;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,MAAME,mBAAmB,GAAG,IAAAC,sBAAa,EAAE;EAAEC,KAAK,EAAE,CAAC;AAAE,CAAE,CAAC;AAE1DF,mBAAmB,CAACG,sBAAsB,GAAGA,6BAAsB;AAE5D,MAAMC,qBAAqB,GAAGA,CACpCC,gBAAgB,EAChBC,WAAW,EACXC,iBAAiB,EACjBC,eAAe,EACfC,aAAa,EACbC,SAAS,EACTC,SAAS,KACL;EACJ;EACA,MAAMC,gBAAgB,GAAG;IACxBC,UAAU,EAAE;MACXC,KAAK,EAAET,gBAAgB,EAAES,KAAK;MAC9BC,UAAU,EAAEV,gBAAgB,EAAEU,UAAU;MACxCC,QAAQ,EAAE;QACTC,IAAI,EAAEZ,gBAAgB,EAAEW,QAAQ,EAAEC;MACnC,CAAC;MACDC,MAAM,EAAE;QACP,aAAa,EAAEb,gBAAgB,EAAEa,MAAM,GAAI,aAAa;MACzD;IACD;EACD,CAAC;EAED,MAAMC,oBAAoB,GAAGC,MAAM,CAACC,WAAW,CAC9CD,MAAM,CAACE,OAAO,CAAEd,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAI,CAAC,CAAE,CAAC,CAACe,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KACxDrB,6BAAsB,CAACsB,QAAQ,CAAED,GAAI,CACtC,CACD,CAAC;;EAED;EACA;EACA,MAAME,yBAAyB,GAAGN,MAAM,CAACC,WAAW,CACnDD,MAAM,CAACE,OAAO,CAAEf,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,CAAC,CAAE,CAAC,CAACgB,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC1DrB,6BAAsB,CAACsB,QAAQ,CAAED,GAAI,CACtC,CACD,CAAC;EAED,MAAMG,WAAW,GAAG;IACnB,GAAGf,gBAAgB;IACnB,GAAGN,WAAW;IACd,GAAGoB;EACJ,CAAC;EACD,MAAME,WAAW,GAAG,IAAAC,qBAAc,EACjCV,oBAAoB,EACpBV,aAAa,EACbC,SAAS,EACTL,gBACD,CAAC;EACD,MAAMyB,aAAa,GAAG,IAAAC,uBAAgB,EACrCJ,WAAW,EACXpB,iBAAiB,EACjBY,oBAAoB,EACpBS,WACD,CAAC;EACD,MAAMI,eAAe,GAAG,IAAAC,yBAAkB,EACzCd,oBAAoB,EACpBR,SAAS,EACTD,SAAS,EACTL,gBACD,CAAC;EAED,OAAO;IACN,GAAGsB,WAAW;IACd,GAAGG,aAAa;IAChB,GAAGF,WAAW;IACd,GAAGI;EACJ,CAAC;AACF,CAAC;AAACE,OAAA,CAAA9B,qBAAA,GAAAA,qBAAA;AAEK,MAAM+B,eAAe,GAAGA,CAAA,KAAM;EACpC,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAAErC,mBAAoB,CAAC;EAEtD,OAAOoC,YAAY;AACpB,CAAC;AAACF,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEK,MAAMG,gBAAgB,GAAKC,gBAAgB,IAAQC,KAAK,IAE7D,IAAA3C,QAAA,CAAA4C,aAAA,EAACzC,mBAAmB,CAAC0C,QAAQ,QACxBN,YAAY,IACf,IAAAvC,QAAA,CAAA4C,aAAA,EAACF,gBAAgB;EAAA,GAAMC,KAAK;EAAGJ,YAAY,EAAGA;AAAc,CAAE,CAElC,CAC9B;AAACF,OAAA,CAAAI,gBAAA,GAAAA,gBAAA;AAAA,IAAAK,QAAA,GAEY3C,mBAAmB;AAAAkC,OAAA,CAAAU,OAAA,GAAAD,QAAA"}
+{"version":3,"names":["_element","require","_utils","GlobalStylesContext","createContext","style","BLOCK_STYLE_ATTRIBUTES","getMergedGlobalStyles","baseGlobalStyles","globalStyle","wrapperPropsStyle","blockAttributes","defaultColors","blockName","fontSizes","baseGlobalColors","baseColors","color","typography","elements","link","blocks","blockStyleAttributes","Object","fromEntries","entries","filter","key","includes","wrapperPropsStyleFiltered","mergedStyle","blockColors","getBlockColors","blockPaddings","getBlockPaddings","blockTypography","getBlockTypography","exports","useGlobalStyles","globalStyles","useContext","withGlobalStyles","WrappedComponent","props","_react","createElement","Consumer","_default","default"],"sources":["@wordpress/components/src/mobile/global-styles-context/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBLOCK_STYLE_ATTRIBUTES,\n\tgetBlockPaddings,\n\tgetBlockColors,\n\tgetBlockTypography,\n} from './utils';\n\nconst GlobalStylesContext = createContext( { style: {} } );\n\nGlobalStylesContext.BLOCK_STYLE_ATTRIBUTES = BLOCK_STYLE_ATTRIBUTES;\n\nexport const getMergedGlobalStyles = (\n\tbaseGlobalStyles,\n\tglobalStyle,\n\twrapperPropsStyle,\n\tblockAttributes,\n\tdefaultColors,\n\tblockName,\n\tfontSizes\n) => {\n\t// Current support for general styles and blocks.\n\tconst baseGlobalColors = {\n\t\tbaseColors: {\n\t\t\tcolor: baseGlobalStyles?.color,\n\t\t\ttypography: baseGlobalStyles?.typography,\n\t\t\telements: {\n\t\t\t\tlink: baseGlobalStyles?.elements?.link,\n\t\t\t},\n\t\t\tblocks: {\n\t\t\t\t'core/button': baseGlobalStyles?.blocks?.[ 'core/button' ],\n\t\t\t},\n\t\t},\n\t};\n\n\tconst blockStyleAttributes = Object.fromEntries(\n\t\tObject.entries( blockAttributes ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\t// This prevents certain wrapper styles from being applied to blocks that\n\t// don't support them yet.\n\tconst wrapperPropsStyleFiltered = Object.fromEntries(\n\t\tObject.entries( wrapperPropsStyle ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\tconst mergedStyle = {\n\t\t...baseGlobalColors,\n\t\t...globalStyle,\n\t\t...wrapperPropsStyleFiltered,\n\t};\n\tconst blockColors = getBlockColors(\n\t\tblockStyleAttributes,\n\t\tdefaultColors,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\tconst blockPaddings = getBlockPaddings(\n\t\tmergedStyle,\n\t\twrapperPropsStyle,\n\t\tblockStyleAttributes,\n\t\tblockColors\n\t);\n\tconst blockTypography = getBlockTypography(\n\t\tblockStyleAttributes,\n\t\tfontSizes,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\n\treturn {\n\t\t...mergedStyle,\n\t\t...blockPaddings,\n\t\t...blockColors,\n\t\t...blockTypography,\n\t};\n};\n\nexport const useGlobalStyles = () => {\n\tconst globalStyles = useContext( GlobalStylesContext );\n\n\treturn globalStyles;\n};\n\nexport const withGlobalStyles = ( WrappedComponent ) => ( props ) => (\n\t<GlobalStylesContext.Consumer>\n\t\t{ ( globalStyles ) => (\n\t\t\t<WrappedComponent { ...props } globalStyles={ globalStyles } />\n\t\t) }\n\t</GlobalStylesContext.Consumer>\n);\n\nexport default GlobalStylesContext;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,MAAME,mBAAmB,GAAG,IAAAC,sBAAa,EAAE;EAAEC,KAAK,EAAE,CAAC;AAAE,CAAE,CAAC;AAE1DF,mBAAmB,CAACG,sBAAsB,GAAGA,6BAAsB;AAE5D,MAAMC,qBAAqB,GAAGA,CACpCC,gBAAgB,EAChBC,WAAW,EACXC,iBAAiB,EACjBC,eAAe,EACfC,aAAa,EACbC,SAAS,EACTC,SAAS,KACL;EACJ;EACA,MAAMC,gBAAgB,GAAG;IACxBC,UAAU,EAAE;MACXC,KAAK,EAAET,gBAAgB,EAAES,KAAK;MAC9BC,UAAU,EAAEV,gBAAgB,EAAEU,UAAU;MACxCC,QAAQ,EAAE;QACTC,IAAI,EAAEZ,gBAAgB,EAAEW,QAAQ,EAAEC;MACnC,CAAC;MACDC,MAAM,EAAE;QACP,aAAa,EAAEb,gBAAgB,EAAEa,MAAM,GAAI,aAAa;MACzD;IACD;EACD,CAAC;EAED,MAAMC,oBAAoB,GAAGC,MAAM,CAACC,WAAW,CAC9CD,MAAM,CAACE,OAAO,CAAEd,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAI,CAAC,CAAE,CAAC,CAACe,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KACxDrB,6BAAsB,CAACsB,QAAQ,CAAED,GAAI,CACtC,CACD,CAAC;;EAED;EACA;EACA,MAAME,yBAAyB,GAAGN,MAAM,CAACC,WAAW,CACnDD,MAAM,CAACE,OAAO,CAAEf,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,CAAC,CAAE,CAAC,CAACgB,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC1DrB,6BAAsB,CAACsB,QAAQ,CAAED,GAAI,CACtC,CACD,CAAC;EAED,MAAMG,WAAW,GAAG;IACnB,GAAGf,gBAAgB;IACnB,GAAGN,WAAW;IACd,GAAGoB;EACJ,CAAC;EACD,MAAME,WAAW,GAAG,IAAAC,qBAAc,EACjCV,oBAAoB,EACpBV,aAAa,EACbC,SAAS,EACTL,gBACD,CAAC;EACD,MAAMyB,aAAa,GAAG,IAAAC,uBAAgB,EACrCJ,WAAW,EACXpB,iBAAiB,EACjBY,oBAAoB,EACpBS,WACD,CAAC;EACD,MAAMI,eAAe,GAAG,IAAAC,yBAAkB,EACzCd,oBAAoB,EACpBR,SAAS,EACTD,SAAS,EACTL,gBACD,CAAC;EAED,OAAO;IACN,GAAGsB,WAAW;IACd,GAAGG,aAAa;IAChB,GAAGF,WAAW;IACd,GAAGI;EACJ,CAAC;AACF,CAAC;AAACE,OAAA,CAAA9B,qBAAA,GAAAA,qBAAA;AAEK,MAAM+B,eAAe,GAAGA,CAAA,KAAM;EACpC,MAAMC,YAAY,GAAG,IAAAC,mBAAU,EAAErC,mBAAoB,CAAC;EAEtD,OAAOoC,YAAY;AACpB,CAAC;AAACF,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAEK,MAAMG,gBAAgB,GAAKC,gBAAgB,IAAQC,KAAK,IAC9D,IAAAC,MAAA,CAAAC,aAAA,EAAC1C,mBAAmB,CAAC2C,QAAQ,QACxBP,YAAY,IACf,IAAAK,MAAA,CAAAC,aAAA,EAACH,gBAAgB;EAAA,GAAMC,KAAK;EAAGJ,YAAY,EAAGA;AAAc,CAAE,CAElC,CAC9B;AAACF,OAAA,CAAAI,gBAAA,GAAAA,gBAAA;AAAA,IAAAM,QAAA,GAAAV,OAAA,CAAAW,OAAA,GAEa7C,mBAAmB"}