@wordpress/components 27.6.0 → 28.0.0

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

@@ -5,19 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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");
 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
  */
@@ -41,7 +43,7 @@ const PaletteScreen = () => {
   const navigation = (0, _native.useNavigation)();
   const {
     shouldEnableBottomSheetScroll
-  } = (0, _element.useContext)(_components.BottomSheetContext);
+  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
   const {
     label,
     onColorChange,
@@ -61,7 +63,7 @@ const PaletteScreen = () => {
   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 allAvailableColors = defaultSettings?.allAvailableColors || [];
   const allAvailableGradients = currentSegmentColors.flatMap(({
     gradients
   }) => gradients).filter(Boolean);
@@ -101,81 +103,99 @@ const PaletteScreen = () => {
     }
   }
   function getClearButton() {
-    return (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
       accessibilityLabel: (0, _i18n.__)('Clear selected color'),
       onPress: onClear,
-      hitSlop: HIT_SLOP
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: _style.default.clearButtonContainer
-    }, (0, _react.createElement)(_reactNative.Text, {
-      style: clearButtonStyle
-    }, (0, _i18n.__)('Reset'))));
+      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 (0, _react.createElement)(_segmentedControl.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentedControl.default, {
         segments: segments,
         segmentHandler: setCurrentSegment,
         selectedIndex: segments.indexOf(currentSegment),
-        addonLeft: currentValue && (0, _react.createElement)(_colorIndicator.default, {
+        addonLeft: currentValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorIndicator.default, {
           color: currentValue,
           style: _style.default.colorIndicator
         }),
         addonRight: currentValue && getClearButton()
       });
     }
-    return (0, _react.createElement)(_reactNative.View, {
-      style: _style.default.footer
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: _style.default.flex
-    }, currentValue && (0, _react.createElement)(_colorIndicator.default, {
-      color: currentValue,
-      style: _style.default.colorIndicator
-    })), currentValue ? (0, _react.createElement)(_reactNative.Text, {
-      style: selectedColorTextStyle,
-      maxFontSizeMultiplier: 2,
-      selectable: true
-    }, currentValue.toUpperCase()) : (0, _react.createElement)(_reactNative.Text, {
-      style: _style.default.selectColorText,
-      maxFontSizeMultiplier: 2
-    }, (0, _i18n.__)('Select a color above')), (0, _react.createElement)(_reactNative.View, {
-      style: _style.default.flex
-    }, currentValue && getClearButton()));
-  }
-  return (0, _react.createElement)(_reactNative.View, null, !hideNavigation && (0, _react.createElement)(_navBar.default, null, (0, _react.createElement)(_navBar.default.BackButton, {
-    onPress: navigation.goBack
-  }), (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,
-      allGradients: allAvailableGradients
-    };
-    // 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,
-      setColor: setColor,
-      activeColor: currentValue,
-      isGradientColor: isGradientColor,
-      currentSegment: currentSegment,
-      onCustomPress: onCustomPress,
-      shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-      defaultSettings: paletteSettings
+    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()
+      })]
     });
-  })), isCustomGadientShown && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.View, {
-    style: horizontalSeparatorStyle
-  }), (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.ColorControl, {
-    label: (0, _i18n.__)('Customize Gradient'),
-    onPress: onCustomPress,
-    withColorIndicator: false
-  }))), (0, _react.createElement)(_reactNative.View, {
-    style: horizontalSeparatorStyle
-  }), getFooter());
+  }
+  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 +1 @@
-{"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","accessibilityLabel","__","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\n\t\t\t\taccessibilityLabel={ __( 'Clear selected color' ) }\n\t\t\t\tonPress={ onClear }\n\t\t\t\thitSlop={ HIT_SLOP }\n\t\t\t>\n\t\t\t\t<View style={ styles.clearButtonContainer }>\n\t\t\t\t\t<Text style={ clearButtonStyle }>{ __( 'Reset' ) }</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\tfunction getFooter() {\n\t\tif ( onGradientChange ) {\n\t\t\treturn (\n\t\t\t\t<SegmentedControls\n\t\t\t\t\tsegments={ segments }\n\t\t\t\t\tsegmentHandler={ setCurrentSegment }\n\t\t\t\t\tselectedIndex={ segments.indexOf( currentSegment ) }\n\t\t\t\t\taddonLeft={\n\t\t\t\t\t\tcurrentValue && (\n\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\taddonRight={ currentValue && getClearButton() }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.footer }>\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ currentValue ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ selectedColorTextStyle }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t\tselectable\n\t\t\t\t\t>\n\t\t\t\t\t\t{ currentValue.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ styles.selectColorText }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Select a color above' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && getClearButton() }\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\treturn (\n\t\t<View>\n\t\t\t{ ! hideNavigation && (\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t\t<NavBar.Heading>{ label } </NavBar.Heading>\n\t\t\t\t</NavBar>\n\t\t\t) }\n\n\t\t\t<View style={ styles.colorPalettes }>\n\t\t\t\t{ currentSegmentColors.map( ( palette, paletteKey ) => {\n\t\t\t\t\tconst paletteSettings = {\n\t\t\t\t\t\tcolors: palette.colors,\n\t\t\t\t\t\tgradients: palette.gradients,\n\t\t\t\t\t\tallColors: allAvailableColors,\n\t\t\t\t\t\tallGradients: allAvailableGradients,\n\t\t\t\t\t};\n\t\t\t\t\t// Limit to show the custom indicator to the first available palette\n\t\t\t\t\tconst enableCustomColor = paletteKey === 0;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\tenableCustomColor={ enableCustomColor }\n\t\t\t\t\t\t\tlabel={ palette.name }\n\t\t\t\t\t\t\tkey={ paletteKey }\n\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\tactiveColor={ currentValue }\n\t\t\t\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\t\t\t\tcurrentSegment={ currentSegment }\n\t\t\t\t\t\t\tonCustomPress={ onCustomPress }\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdefaultSettings={ paletteSettings }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</View>\n\n\t\t\t{ isCustomGadientShown && (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<ColorControl\n\t\t\t\t\t\t\tlabel={ __( 'Customize Gradient' ) }\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\twithColorIndicator={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t{ getFooter() }\n\t\t</View>\n\t);\n};\n\nexport default PaletteScreen;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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");
+var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -31,14 +31,14 @@ const PickerScreen = () => {
     isBottomSheetContentScrolling,
     shouldEnableBottomSheetScroll,
     onHandleHardwareButtonPress
-  } = (0, _element.useContext)(_components.BottomSheetContext);
+  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
   const {
     setColor,
     currentValue,
     isGradientColor
   } = route.params;
   return (0, _element.useMemo)(() => {
-    return (0, _react.createElement)(_colorPicker.ColorPicker, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPicker.ColorPicker, {
       onShouldEnableInnerHandling: onShouldEnableInnerHandling,
       shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
       setColor: setColor,

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

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"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// 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;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;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,GAAAC,OAAA,CAAAC,OAAA,GAEazB,YAAY","ignoreList":[]}

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

@@ -5,9 +5,9 @@ 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"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -28,7 +28,7 @@ function CycleSelectControl({
   ...props
 }) {
   const id = `inspector-select-control-${instanceId}`;
-  return (0, _react.createElement)(_cyclePickerCell.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cyclePickerCell.default, {
     label: label,
     hideLabelFromVision: hideLabelFromVision,
     id: id,

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","_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","ignoreList":[]}
+{"version":3,"names":["_element","require","_cyclePickerCell","_interopRequireDefault","_jsxRuntime","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","jsx","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;AAAgE,IAAAG,WAAA,GAAAH,OAAA;AAPhE;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASI,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,oBACC,IAAAH,WAAA,CAAAY,GAAA,EAACd,gBAAA,CAAAe,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,GAAAC,OAAA,CAAAJ,OAAA,GAEc,IAAAK,aAAI,EAAEjB,kBAAmB,CAAC","ignoreList":[]}

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

@@ -4,21 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.instagram = exports.facebook = exports.empty = void 0;
-var _react = require("react");
 var _primitives = require("@wordpress/primitives");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
-const fromPathData24x24 = pathData => (0, _react.createElement)(_primitives.SVG, {
+const fromPathData24x24 = pathData => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, (0, _react.createElement)(_primitives.Path, {
-  d: pathData
-}));
+  viewBox: "0 0 24 24",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Path, {
+    d: pathData
+  })
+});
 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, {
+const empty = exports.empty = /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SVG, {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 });

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

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"names":["_primitives","require","_jsxRuntime","fromPathData24x24","pathData","jsx","SVG","xmlns","viewBox","children","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;AAAkD,IAAAC,WAAA,GAAAD,OAAA;AAHlD;AACA;AACA;;AAGA,MAAME,iBAAiB,GAAKC,QAAQ,iBACnC,IAAAF,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC,WAAW;EAAAC,QAAA,eAC1D,IAAAP,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAU,IAAI;IAACC,CAAC,EAAGP;EAAU,CAAE;AAAC,CACnB,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,gBACjB,IAAAb,WAAA,CAAAG,GAAA,EAACL,WAAA,CAAAM,GAAG;EAACC,KAAK,EAAC,4BAA4B;EAACC,OAAO,EAAC;AAAW,CAAE,CAC7D","ignoreList":[]}

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

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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"));
+var _bottomSheetContext = require("../bottom-sheet/bottom-sheet-context");
+var _focalPointPicker = _interopRequireDefault(require("../../focal-point-picker"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -45,25 +46,30 @@ const FocalPointSettingsPanelMemo = (0, _element.memo)(({
       ...coordinates
     }));
   }
-  return (0, _react.createElement)(_reactNative.SafeAreaView, {
-    style: _styles.default.safearea
-  }, (0, _react.createElement)(_navBar.default, null, (0, _react.createElement)(_navBar.default.DismissButton, {
-    onPress: () => onButtonPress('cancel')
-  }), (0, _react.createElement)(_navBar.default.Heading, null, (0, _i18n.__)('Edit focal point')), (0, _react.createElement)(_navBar.default.ApplyButton, {
-    onPress: () => onButtonPress('apply')
-  })), (0, _react.createElement)(_components.FocalPointPicker, {
-    focalPoint: draftFocalPoint,
-    onChange: (0, _element.useCallback)(setPosition, []),
-    shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-    url: url
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+    style: _styles.default.safearea,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_navBar.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.DismissButton, {
+        onPress: () => onButtonPress('cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.Heading, {
+        children: (0, _i18n.__)('Edit focal point')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navBar.default.ApplyButton, {
+        onPress: () => onButtonPress('apply')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_focalPointPicker.default, {
+      focalPoint: draftFocalPoint,
+      onChange: (0, _element.useCallback)(setPosition, []),
+      shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
+      url: url
+    })]
+  });
 });
 function FocalPointSettingsPanel(props) {
   const route = (0, _native.useRoute)();
   const {
     shouldEnableBottomSheetScroll
-  } = (0, _element.useContext)(_components.BottomSheetContext);
-  return (0, _react.createElement)(FocalPointSettingsPanelMemo, {
+  } = (0, _element.useContext)(_bottomSheetContext.BottomSheetContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FocalPointSettingsPanelMemo, {
     shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
     ...props,
     ...route.params

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

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_native","_i18n","_element","_navBar","_interopRequireDefault","_styles","_bottomSheetContext","_focalPointPicker","_jsxRuntime","FocalPointSettingsPanelMemo","memo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","useNavigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","useState","setPosition","coordinates","prevState","jsxs","SafeAreaView","style","styles","safearea","children","default","jsx","DismissButton","onPress","Heading","__","ApplyButton","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';\n\n/**\n * Internal dependencies\n */\nimport NavBar from '../bottom-sheet/nav-bar';\nimport styles from './styles.scss';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport FocalPointPicker from '../../focal-point-picker';\n\nconst FocalPointSettingsPanelMemo = memo(\n\t( {\n\t\tfocalPoint,\n\t\tonFocalPointChange,\n\t\tshouldEnableBottomSheetScroll,\n\t\turl,\n\t} ) => {\n\t\tconst navigation = useNavigation();\n\n\t\tfunction onButtonPress( action ) {\n\t\t\tnavigation.goBack();\n\t\t\tif ( action === 'apply' ) {\n\t\t\t\tonFocalPointChange( draftFocalPoint );\n\t\t\t}\n\t\t}\n\n\t\tconst [ draftFocalPoint, setDraftFocalPoint ] = useState( focalPoint );\n\t\tfunction setPosition( coordinates ) {\n\t\t\tsetDraftFocalPoint( ( prevState ) => ( {\n\t\t\t\t...prevState,\n\t\t\t\t...coordinates,\n\t\t\t} ) );\n\t\t}\n\n\t\treturn (\n\t\t\t<SafeAreaView style={ styles.safearea }>\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.DismissButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<NavBar.Heading>\n\t\t\t\t\t\t{ __( 'Edit focal point' ) }\n\t\t\t\t\t</NavBar.Heading>\n\t\t\t\t\t<NavBar.ApplyButton\n\t\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\t/>\n\t\t\t\t</NavBar>\n\t\t\t\t<FocalPointPicker\n\t\t\t\t\tfocalPoint={ draftFocalPoint }\n\t\t\t\t\tonChange={ useCallback( setPosition, [] ) }\n\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t}\n\t\t\t\t\turl={ url }\n\t\t\t\t/>\n\t\t\t</SafeAreaView>\n\t\t);\n\t}\n);\n\nfunction FocalPointSettingsPanel( props ) {\n\tconst route = useRoute();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\n\treturn (\n\t\t<FocalPointSettingsPanelMemo\n\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default FocalPointSettingsPanel;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAH,sBAAA,CAAAL,OAAA;AAAwD,IAAAS,WAAA,GAAAT,OAAA;AAlBxD;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAMU,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,oBACC,IAAAhB,WAAA,CAAAkB,IAAA,EAAC5B,YAAA,CAAA6B,YAAY;IAACC,KAAK,EAAGC,eAAM,CAACC,QAAU;IAAAC,QAAA,gBACtC,IAAAvB,WAAA,CAAAkB,IAAA,EAACvB,OAAA,CAAA6B,OAAM;MAAAD,QAAA,gBACN,IAAAvB,WAAA,CAAAyB,GAAA,EAAC9B,OAAA,CAAA6B,OAAM,CAACE,aAAa;QACpBC,OAAO,EAAGA,CAAA,KAAMlB,aAAa,CAAE,QAAS;MAAG,CAC3C,CAAC,eACF,IAAAT,WAAA,CAAAyB,GAAA,EAAC9B,OAAA,CAAA6B,OAAM,CAACI,OAAO;QAAAL,QAAA,EACZ,IAAAM,QAAE,EAAE,kBAAmB;MAAC,CACX,CAAC,eACjB,IAAA7B,WAAA,CAAAyB,GAAA,EAAC9B,OAAA,CAAA6B,OAAM,CAACM,WAAW;QAClBH,OAAO,EAAGA,CAAA,KAAMlB,aAAa,CAAE,OAAQ;MAAG,CAC1C,CAAC;IAAA,CACK,CAAC,eACT,IAAAT,WAAA,CAAAyB,GAAA,EAAC1B,iBAAA,CAAAyB,OAAgB;MAChBrB,UAAU,EAAGS,eAAiB;MAC9BmB,QAAQ,EAAG,IAAAC,oBAAW,EAAEjB,WAAW,EAAE,EAAG,CAAG;MAC3CV,6BAA6B,EAC5BA,6BACA;MACDC,GAAG,EAAGA;IAAK,CACX,CAAC;EAAA,CACW,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,sCAAmB,CAAC;EAE1E,oBACC,IAAAtC,WAAA,CAAAyB,GAAA,EAACxB,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","ignoreList":[]}

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

@@ -9,15 +9,15 @@ exports.getColorLocations = getColorLocations;
 exports.getGradientAngle = getGradientAngle;
 exports.getGradientBaseColors = getGradientBaseColors;
 exports.getGradientColorGroup = getGradientColorGroup;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
 var _gradientParser = _interopRequireDefault(require("gradient-parser"));
-var _components = require("@wordpress/components");
 var _primitives = require("@wordpress/primitives");
 var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _utils = require("../color-settings/utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -112,7 +112,7 @@ function Gradient({
     isGradient,
     getGradientType,
     gradients
-  } = _components.colorsUtils;
+  } = _utils.colorsUtils;
   const colorGroup = (0, _element.useMemo)(() => getGradientColorGroup(gradientValue), [gradientValue]);
   const locations = (0, _element.useMemo)(() => getColorLocations(colorGroup), [colorGroup]);
   const colors = (0, _element.useMemo)(() => getGradientBaseColors(colorGroup), [colorGroup]);
@@ -121,40 +121,47 @@ function Gradient({
   }
   const isLinearGradient = getGradientType(gradientValue) === gradients.linear;
   if (isLinearGradient) {
-    return (0, _react.createElement)(_reactNativeLinearGradient.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.default, {
       colors: colors,
       useAngle: true,
       angle: getGradientAngle(gradientValue),
       locations: locations,
       angleCenter: angleCenter,
       style: style,
-      ...otherProps
-    }, children);
-  }
-  return (0, _react.createElement)(_reactNative.View, {
-    style: [style, _style.default.overflow]
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.radialGradientContent
-  }, children), resizeObserver, (0, _react.createElement)(_primitives.SVG, null, (0, _react.createElement)(_primitives.Defs, null, (0, _react.createElement)(_primitives.RadialGradient
-  // eslint-disable-next-line no-restricted-syntax
-  , {
-    id: "radialGradient",
-    gradientUnits: "userSpaceOnUse",
-    rx: "70%",
-    ry: "70%",
-    cy: _reactNative.Platform.OS === 'android' ? width / 2 : '50%'
-  }, colorGroup.map(group => {
-    return (0, _react.createElement)(_primitives.Stop, {
-      offset: group[1],
-      stopColor: group[0],
-      stopOpacity: "1",
-      key: `${group[1]}-${group[0]}`
+      ...otherProps,
+      children: children
     });
-  }))), (0, _react.createElement)(_primitives.Rect, {
-    height: height,
-    width: width,
-    fill: "url(#radialGradient)"
-  })));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [style, _style.default.overflow],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _style.default.radialGradientContent,
+      children: children
+    }), resizeObserver, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.SVG, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Defs, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadialGradient
+        // eslint-disable-next-line no-restricted-syntax
+        , {
+          id: "radialGradient",
+          gradientUnits: "userSpaceOnUse",
+          rx: "70%",
+          ry: "70%",
+          cy: _reactNative.Platform.OS === 'android' ? width / 2 : '50%',
+          children: colorGroup.map(group => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Stop, {
+              offset: group[1],
+              stopColor: group[0],
+              stopOpacity: "1"
+            }, `${group[1]}-${group[0]}`);
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Rect, {
+        height: height,
+        width: width,
+        fill: "url(#radialGradient)"
+      })]
+    })]
+  });
 }
 var _default = exports.default = Gradient;
 //# sourceMappingURL=index.native.js.map