@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

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

@@ -1,41 +0,0 @@
-/**
- * External dependencies
- */
-import { View } from 'react-native';
-import { useNavigation, useRoute } from '@react-navigation/native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import CustomGradientPicker from '../../custom-gradient-picker';
-import NavBar from '../bottom-sheet/nav-bar';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GradientPickerScreen = () => {
-  const navigation = useNavigation();
-  const route = useRoute();
-  const {
-    setColor,
-    currentValue,
-    isGradientColor
-  } = route.params;
-  return /*#__PURE__*/_jsxs(View, {
-    children: [/*#__PURE__*/_jsxs(NavBar, {
-      children: [/*#__PURE__*/_jsx(NavBar.BackButton, {
-        onPress: navigation.goBack
-      }), /*#__PURE__*/_jsx(NavBar.Heading, {
-        children: __('Customize Gradient')
-      })]
-    }), /*#__PURE__*/_jsx(CustomGradientPicker, {
-      setColor: setColor,
-      currentValue: currentValue,
-      isGradientColor: isGradientColor
-    })]
-  });
-};
-export default GradientPickerScreen;
-//# sourceMappingURL=gradient-picker-screen.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["View","useNavigation","useRoute","__","CustomGradientPicker","NavBar","jsx","_jsx","jsxs","_jsxs","GradientPickerScreen","navigation","route","setColor","currentValue","isGradientColor","params","children","BackButton","onPress","goBack","Heading"],"sources":["@wordpress/components/src/mobile/color-settings/gradient-picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { useNavigation, useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CustomGradientPicker from '../../custom-gradient-picker';\nimport NavBar from '../bottom-sheet/nav-bar';\n\nconst GradientPickerScreen = () => {\n\tconst navigation = useNavigation();\n\tconst route = useRoute();\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn (\n\t\t<View>\n\t\t\t<NavBar>\n\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t<NavBar.Heading>{ __( 'Customize Gradient' ) }</NavBar.Heading>\n\t\t\t</NavBar>\n\t\t\t<CustomGradientPicker\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tcurrentValue={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default GradientPickerScreen;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,QAAQ,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,8BAA8B;AAC/D,OAAOC,MAAM,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;EAClC,MAAMW,KAAK,GAAGV,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEW,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGH,KAAK,CAACI,MAAM;EAChE,oBACCP,KAAA,CAACT,IAAI;IAAAiB,QAAA,gBACJR,KAAA,CAACJ,MAAM;MAAAY,QAAA,gBACNV,IAAA,CAACF,MAAM,CAACa,UAAU;QAACC,OAAO,EAAGR,UAAU,CAACS;MAAQ,CAAE,CAAC,eACnDb,IAAA,CAACF,MAAM,CAACgB,OAAO;QAAAJ,QAAA,EAAGd,EAAE,CAAE,oBAAqB;MAAC,CAAkB,CAAC;IAAA,CACxD,CAAC,eACTI,IAAA,CAACH,oBAAoB;MACpBS,QAAQ,EAAGA,QAAU;MACrBC,YAAY,EAAGA,YAAc;MAC7BC,eAAe,EAAGA;IAAiB,CACnC,CAAC;EAAA,CACG,CAAC;AAET,CAAC;AAED,eAAeL,oBAAoB","ignoreList":[]}

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

@@ -1,75 +0,0 @@
-/**
- * External dependencies
- */
-import { useRoute } from '@react-navigation/native';
-
-/**
- * WordPress dependencies
- */
-import { memo, useEffect, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import PickerScreen from './picker-screen';
-import GradientPickerScreen from './gradient-picker-screen';
-import PaletteScreen from './palette.screen';
-import BottomSheet from '../bottom-sheet';
-import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
-import { colorsUtils } from './utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ColorSettingsMemo = memo(({
-  defaultSettings,
-  onHandleClosingBottomSheet,
-  shouldEnableBottomSheetMaxHeight,
-  onColorChange,
-  colorValue,
-  gradientValue,
-  onGradientChange,
-  onColorCleared,
-  label,
-  hideNavigation
-}) => {
-  useEffect(() => {
-    shouldEnableBottomSheetMaxHeight(true);
-    onHandleClosingBottomSheet(null);
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, []);
-  return /*#__PURE__*/_jsxs(BottomSheet.NavigationContainer, {
-    children: [/*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
-      name: colorsUtils.screens.palette,
-      initialParams: {
-        defaultSettings,
-        onColorChange,
-        colorValue,
-        gradientValue,
-        onGradientChange,
-        onColorCleared,
-        label,
-        hideNavigation
-      },
-      children: /*#__PURE__*/_jsx(PaletteScreen, {})
-    }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
-      name: colorsUtils.screens.picker,
-      children: /*#__PURE__*/_jsx(PickerScreen, {})
-    }), /*#__PURE__*/_jsx(BottomSheet.NavigationScreen, {
-      name: colorsUtils.screens.gradientPicker,
-      children: /*#__PURE__*/_jsx(GradientPickerScreen, {})
-    })]
-  });
-});
-function ColorSettings(props) {
-  const route = useRoute();
-  const {
-    onHandleClosingBottomSheet,
-    shouldEnableBottomSheetMaxHeight
-  } = useContext(BottomSheetContext);
-  return /*#__PURE__*/_jsx(ColorSettingsMemo, {
-    onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-    shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
-    ...props,
-    ...route.params
-  });
-}
-export default ColorSettings;
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useRoute","memo","useEffect","useContext","PickerScreen","GradientPickerScreen","PaletteScreen","BottomSheet","BottomSheetContext","colorsUtils","jsx","_jsx","jsxs","_jsxs","ColorSettingsMemo","defaultSettings","onHandleClosingBottomSheet","shouldEnableBottomSheetMaxHeight","onColorChange","colorValue","gradientValue","onGradientChange","onColorCleared","label","hideNavigation","NavigationContainer","children","NavigationScreen","name","screens","palette","initialParams","picker","gradientPicker","ColorSettings","props","route","params"],"sources":["@wordpress/components/src/mobile/color-settings/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { memo, useEffect, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PickerScreen from './picker-screen';\nimport GradientPickerScreen from './gradient-picker-screen';\nimport PaletteScreen from './palette.screen';\nimport BottomSheet from '../bottom-sheet';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nimport { colorsUtils } from './utils';\n\nconst ColorSettingsMemo = memo(\n\t( {\n\t\tdefaultSettings,\n\t\tonHandleClosingBottomSheet,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonColorChange,\n\t\tcolorValue,\n\t\tgradientValue,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tlabel,\n\t\thideNavigation,\n\t} ) => {\n\t\tuseEffect( () => {\n\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\tonHandleClosingBottomSheet( null );\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/41166\n\t\t}, [] );\n\t\treturn (\n\t\t\t<BottomSheet.NavigationContainer>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.palette }\n\t\t\t\t\tinitialParams={ {\n\t\t\t\t\t\tdefaultSettings,\n\t\t\t\t\t\tonColorChange,\n\t\t\t\t\t\tcolorValue,\n\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\tonGradientChange,\n\t\t\t\t\t\tonColorCleared,\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\thideNavigation,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<PaletteScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.picker }\n\t\t\t\t>\n\t\t\t\t\t<PickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ colorsUtils.screens.gradientPicker }\n\t\t\t\t>\n\t\t\t\t\t<GradientPickerScreen />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t);\n\t}\n);\nfunction ColorSettings( props ) {\n\tconst route = useRoute();\n\tconst { onHandleClosingBottomSheet, shouldEnableBottomSheetMaxHeight } =\n\t\tuseContext( BottomSheetContext );\n\n\treturn (\n\t\t<ColorSettingsMemo\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t{ ...route.params }\n\t\t/>\n\t);\n}\n\nexport default ColorSettings;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,0BAA0B;;AAEnD;AACA;AACA;AACA,SAASC,IAAI,EAAEC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;;AAEhE;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASC,kBAAkB,QAAQ,sCAAsC;AAEzE,SAASC,WAAW,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtC,MAAMC,iBAAiB,GAAGb,IAAI,CAC7B,CAAE;EACDc,eAAe;EACfC,0BAA0B;EAC1BC,gCAAgC;EAChCC,aAAa;EACbC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,KAAK;EACLC;AACD,CAAC,KAAM;EACNtB,SAAS,CAAE,MAAM;IAChBe,gCAAgC,CAAE,IAAK,CAAC;IACxCD,0BAA0B,CAAE,IAAK,CAAC;IAClC;EACD,CAAC,EAAE,EAAG,CAAC;EACP,oBACCH,KAAA,CAACN,WAAW,CAACkB,mBAAmB;IAAAC,QAAA,gBAC/Bf,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACC,OAAS;MACpCC,aAAa,EAAG;QACfhB,eAAe;QACfG,aAAa;QACbC,UAAU;QACVC,aAAa;QACbC,gBAAgB;QAChBC,cAAc;QACdC,KAAK;QACLC;MACD,CAAG;MAAAE,QAAA,eAEHf,IAAA,CAACL,aAAa,IAAE;IAAC,CACY,CAAC,eAC/BK,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACG,MAAQ;MAAAN,QAAA,eAEnCf,IAAA,CAACP,YAAY,IAAE;IAAC,CACa,CAAC,eAC/BO,IAAA,CAACJ,WAAW,CAACoB,gBAAgB;MAC5BC,IAAI,EAAGnB,WAAW,CAACoB,OAAO,CAACI,cAAgB;MAAAP,QAAA,eAE3Cf,IAAA,CAACN,oBAAoB,IAAE;IAAC,CACK,CAAC;EAAA,CACC,CAAC;AAEpC,CACD,CAAC;AACD,SAAS6B,aAAaA,CAAEC,KAAK,EAAG;EAC/B,MAAMC,KAAK,GAAGpC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEgB,0BAA0B;IAAEC;EAAiC,CAAC,GACrEd,UAAU,CAAEK,kBAAmB,CAAC;EAEjC,oBACCG,IAAA,CAACG,iBAAiB;IACjBE,0BAA0B,EAAGA,0BAA4B;IACzDC,gCAAgC,EAC/BA,gCACA;IAAA,GACIkB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,aAAa","ignoreList":[]}

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

@@ -1,193 +0,0 @@
-/**
- * External dependencies
- */
-import { View, Text, TouchableWithoutFeedback } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useState, useContext } from '@wordpress/element';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-import { useRoute, useNavigation } from '@react-navigation/native';
-
-/**
- * Internal dependencies
- */
-import ColorPalette from '../../color-palette';
-import ColorIndicator from '../../color-indicator';
-import NavBar from '../bottom-sheet/nav-bar';
-import SegmentedControls from '../segmented-control';
-import { colorsUtils } from './utils';
-import PanelBody from '../../panel/body';
-import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
-import ColorControl from '../../color-control';
-import styles from './style.scss';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const HIT_SLOP = {
-  top: 8,
-  bottom: 8,
-  left: 8,
-  right: 8
-};
-const PaletteScreen = () => {
-  const route = useRoute();
-  const navigation = useNavigation();
-  const {
-    shouldEnableBottomSheetScroll
-  } = useContext(BottomSheetContext);
-  const {
-    label,
-    onColorChange,
-    onGradientChange,
-    onColorCleared,
-    colorValue,
-    defaultSettings,
-    hideNavigation = false
-  } = route.params || {};
-  const {
-    segments,
-    isGradient
-  } = colorsUtils;
-  const [currentValue, setCurrentValue] = useState(colorValue);
-  const isGradientColor = isGradient(currentValue);
-  const selectedSegmentIndex = isGradientColor ? 1 : 0;
-  const [currentSegment, setCurrentSegment] = useState(segments[selectedSegmentIndex]);
-  const isGradientSegment = currentSegment === colorsUtils.segments[1];
-  const currentSegmentColors = !isGradientSegment ? defaultSettings.colors : defaultSettings.gradients;
-  const allAvailableColors = defaultSettings?.allAvailableColors || [];
-  const allAvailableGradients = currentSegmentColors.flatMap(({
-    gradients
-  }) => gradients).filter(Boolean);
-  const horizontalSeparatorStyle = usePreferredColorSchemeStyle(styles.horizontalSeparator, styles.horizontalSeparatorDark);
-  const clearButtonStyle = usePreferredColorSchemeStyle(styles.clearButton, styles.clearButtonDark);
-  const selectedColorTextStyle = usePreferredColorSchemeStyle(styles.colorText, styles.colorTextDark);
-  const isSolidSegment = currentSegment === segments[0];
-  const isCustomGadientShown = !isSolidSegment && isGradientColor;
-  const setColor = color => {
-    setCurrentValue(color);
-    if (isSolidSegment && onColorChange && onGradientChange) {
-      onColorChange(color);
-    } else if (isSolidSegment && onColorChange) {
-      onColorChange(color);
-    } else if (!isSolidSegment && onGradientChange) {
-      onGradientChange(color);
-    }
-  };
-  function onClear() {
-    setCurrentValue(undefined);
-    if (onColorCleared) {
-      onColorCleared();
-    }
-  }
-  function onCustomPress() {
-    if (isSolidSegment) {
-      navigation.navigate(colorsUtils.screens.picker, {
-        currentValue,
-        setColor
-      });
-    } else {
-      navigation.navigate(colorsUtils.screens.gradientPicker, {
-        setColor,
-        isGradientColor,
-        currentValue
-      });
-    }
-  }
-  function getClearButton() {
-    return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-      accessibilityLabel: __('Clear selected color'),
-      onPress: onClear,
-      hitSlop: HIT_SLOP,
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.clearButtonContainer,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: clearButtonStyle,
-          children: __('Reset')
-        })
-      })
-    });
-  }
-  function getFooter() {
-    if (onGradientChange) {
-      return /*#__PURE__*/_jsx(SegmentedControls, {
-        segments: segments,
-        segmentHandler: setCurrentSegment,
-        selectedIndex: segments.indexOf(currentSegment),
-        addonLeft: currentValue && /*#__PURE__*/_jsx(ColorIndicator, {
-          color: currentValue,
-          style: styles.colorIndicator
-        }),
-        addonRight: currentValue && getClearButton()
-      });
-    }
-    return /*#__PURE__*/_jsxs(View, {
-      style: styles.footer,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.flex,
-        children: currentValue && /*#__PURE__*/_jsx(ColorIndicator, {
-          color: currentValue,
-          style: styles.colorIndicator
-        })
-      }), currentValue ? /*#__PURE__*/_jsx(Text, {
-        style: selectedColorTextStyle,
-        maxFontSizeMultiplier: 2,
-        selectable: true,
-        children: currentValue.toUpperCase()
-      }) : /*#__PURE__*/_jsx(Text, {
-        style: styles.selectColorText,
-        maxFontSizeMultiplier: 2,
-        children: __('Select a color above')
-      }), /*#__PURE__*/_jsx(View, {
-        style: styles.flex,
-        children: currentValue && getClearButton()
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    children: [!hideNavigation && /*#__PURE__*/_jsxs(NavBar, {
-      children: [/*#__PURE__*/_jsx(NavBar.BackButton, {
-        onPress: navigation.goBack
-      }), /*#__PURE__*/_jsxs(NavBar.Heading, {
-        children: [label, " "]
-      })]
-    }), /*#__PURE__*/_jsx(View, {
-      style: styles.colorPalettes,
-      children: currentSegmentColors.map((palette, paletteKey) => {
-        const paletteSettings = {
-          colors: palette.colors,
-          gradients: palette.gradients,
-          allColors: allAvailableColors,
-          allGradients: allAvailableGradients
-        };
-        // Limit to show the custom indicator to the first available palette
-        const enableCustomColor = paletteKey === 0;
-        return /*#__PURE__*/_jsx(ColorPalette, {
-          enableCustomColor: enableCustomColor,
-          label: palette.name,
-          setColor: setColor,
-          activeColor: currentValue,
-          isGradientColor: isGradientColor,
-          currentSegment: currentSegment,
-          onCustomPress: onCustomPress,
-          shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-          defaultSettings: paletteSettings
-        }, paletteKey);
-      })
-    }), isCustomGadientShown && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(View, {
-        style: horizontalSeparatorStyle
-      }), /*#__PURE__*/_jsx(PanelBody, {
-        children: /*#__PURE__*/_jsx(ColorControl, {
-          label: __('Customize Gradient'),
-          onPress: onCustomPress,
-          withColorIndicator: false
-        })
-      })]
-    }), /*#__PURE__*/_jsx(View, {
-      style: horizontalSeparatorStyle
-    }), getFooter()]
-  });
-};
-export default PaletteScreen;
-//# sourceMappingURL=palette.screen.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["View","Text","TouchableWithoutFeedback","__","useState","useContext","usePreferredColorSchemeStyle","useRoute","useNavigation","ColorPalette","ColorIndicator","NavBar","SegmentedControls","colorsUtils","PanelBody","BottomSheetContext","ColorControl","styles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HIT_SLOP","top","bottom","left","right","PaletteScreen","route","navigation","shouldEnableBottomSheetScroll","label","onColorChange","onGradientChange","onColorCleared","colorValue","defaultSettings","hideNavigation","params","segments","isGradient","currentValue","setCurrentValue","isGradientColor","selectedSegmentIndex","currentSegment","setCurrentSegment","isGradientSegment","currentSegmentColors","colors","gradients","allAvailableColors","allAvailableGradients","flatMap","filter","Boolean","horizontalSeparatorStyle","horizontalSeparator","horizontalSeparatorDark","clearButtonStyle","clearButton","clearButtonDark","selectedColorTextStyle","colorText","colorTextDark","isSolidSegment","isCustomGadientShown","setColor","color","onClear","undefined","onCustomPress","navigate","screens","picker","gradientPicker","getClearButton","accessibilityLabel","onPress","hitSlop","children","style","clearButtonContainer","getFooter","segmentHandler","selectedIndex","indexOf","addonLeft","colorIndicator","addonRight","footer","flex","maxFontSizeMultiplier","selectable","toUpperCase","selectColorText","BackButton","goBack","Heading","colorPalettes","map","palette","paletteKey","paletteSettings","allColors","allGradients","enableCustomColor","name","activeColor","withColorIndicator"],"sources":["@wordpress/components/src/mobile/color-settings/palette.screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState, useContext } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * Internal dependencies\n */\nimport ColorPalette from '../../color-palette';\nimport ColorIndicator from '../../color-indicator';\nimport NavBar from '../bottom-sheet/nav-bar';\nimport SegmentedControls from '../segmented-control';\nimport { colorsUtils } from './utils';\nimport PanelBody from '../../panel/body';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport ColorControl from '../../color-control';\n\nimport styles from './style.scss';\n\nconst HIT_SLOP = { top: 8, bottom: 8, left: 8, right: 8 };\n\nconst PaletteScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst { shouldEnableBottomSheetScroll } = useContext( BottomSheetContext );\n\tconst {\n\t\tlabel,\n\t\tonColorChange,\n\t\tonGradientChange,\n\t\tonColorCleared,\n\t\tcolorValue,\n\t\tdefaultSettings,\n\t\thideNavigation = false,\n\t} = route.params || {};\n\tconst { segments, isGradient } = colorsUtils;\n\tconst [ currentValue, setCurrentValue ] = useState( colorValue );\n\tconst isGradientColor = isGradient( currentValue );\n\tconst selectedSegmentIndex = isGradientColor ? 1 : 0;\n\n\tconst [ currentSegment, setCurrentSegment ] = useState(\n\t\tsegments[ selectedSegmentIndex ]\n\t);\n\tconst isGradientSegment = currentSegment === colorsUtils.segments[ 1 ];\n\tconst currentSegmentColors = ! isGradientSegment\n\t\t? defaultSettings.colors\n\t\t: defaultSettings.gradients;\n\tconst allAvailableColors = defaultSettings?.allAvailableColors || [];\n\tconst allAvailableGradients = currentSegmentColors\n\t\t.flatMap( ( { gradients } ) => gradients )\n\t\t.filter( Boolean );\n\n\tconst horizontalSeparatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.horizontalSeparator,\n\t\tstyles.horizontalSeparatorDark\n\t);\n\tconst clearButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.clearButton,\n\t\tstyles.clearButtonDark\n\t);\n\tconst selectedColorTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.colorText,\n\t\tstyles.colorTextDark\n\t);\n\n\tconst isSolidSegment = currentSegment === segments[ 0 ];\n\tconst isCustomGadientShown = ! isSolidSegment && isGradientColor;\n\n\tconst setColor = ( color ) => {\n\t\tsetCurrentValue( color );\n\t\tif ( isSolidSegment && onColorChange && onGradientChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( isSolidSegment && onColorChange ) {\n\t\t\tonColorChange( color );\n\t\t} else if ( ! isSolidSegment && onGradientChange ) {\n\t\t\tonGradientChange( color );\n\t\t}\n\t};\n\n\tfunction onClear() {\n\t\tsetCurrentValue( undefined );\n\n\t\tif ( onColorCleared ) {\n\t\t\tonColorCleared();\n\t\t}\n\t}\n\n\tfunction onCustomPress() {\n\t\tif ( isSolidSegment ) {\n\t\t\tnavigation.navigate( colorsUtils.screens.picker, {\n\t\t\t\tcurrentValue,\n\t\t\t\tsetColor,\n\t\t\t} );\n\t\t} else {\n\t\t\tnavigation.navigate( colorsUtils.screens.gradientPicker, {\n\t\t\t\tsetColor,\n\t\t\t\tisGradientColor,\n\t\t\t\tcurrentValue,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction getClearButton() {\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\taccessibilityLabel={ __( 'Clear selected color' ) }\n\t\t\t\tonPress={ onClear }\n\t\t\t\thitSlop={ HIT_SLOP }\n\t\t\t>\n\t\t\t\t<View style={ styles.clearButtonContainer }>\n\t\t\t\t\t<Text style={ clearButtonStyle }>{ __( 'Reset' ) }</Text>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\tfunction getFooter() {\n\t\tif ( onGradientChange ) {\n\t\t\treturn (\n\t\t\t\t<SegmentedControls\n\t\t\t\t\tsegments={ segments }\n\t\t\t\t\tsegmentHandler={ setCurrentSegment }\n\t\t\t\t\tselectedIndex={ segments.indexOf( currentSegment ) }\n\t\t\t\t\taddonLeft={\n\t\t\t\t\t\tcurrentValue && (\n\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\taddonRight={ currentValue && getClearButton() }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.footer }>\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && (\n\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\tcolor={ currentValue }\n\t\t\t\t\t\t\tstyle={ styles.colorIndicator }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ currentValue ? (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ selectedColorTextStyle }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t\tselectable\n\t\t\t\t\t>\n\t\t\t\t\t\t{ currentValue.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={ styles.selectColorText }\n\t\t\t\t\t\tmaxFontSizeMultiplier={ 2 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Select a color above' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t<View style={ styles.flex }>\n\t\t\t\t\t{ currentValue && getClearButton() }\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\treturn (\n\t\t<View>\n\t\t\t{ ! hideNavigation && (\n\t\t\t\t<NavBar>\n\t\t\t\t\t<NavBar.BackButton onPress={ navigation.goBack } />\n\t\t\t\t\t<NavBar.Heading>{ label } </NavBar.Heading>\n\t\t\t\t</NavBar>\n\t\t\t) }\n\n\t\t\t<View style={ styles.colorPalettes }>\n\t\t\t\t{ currentSegmentColors.map( ( palette, paletteKey ) => {\n\t\t\t\t\tconst paletteSettings = {\n\t\t\t\t\t\tcolors: palette.colors,\n\t\t\t\t\t\tgradients: palette.gradients,\n\t\t\t\t\t\tallColors: allAvailableColors,\n\t\t\t\t\t\tallGradients: allAvailableGradients,\n\t\t\t\t\t};\n\t\t\t\t\t// Limit to show the custom indicator to the first available palette\n\t\t\t\t\tconst enableCustomColor = paletteKey === 0;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\tenableCustomColor={ enableCustomColor }\n\t\t\t\t\t\t\tlabel={ palette.name }\n\t\t\t\t\t\t\tkey={ paletteKey }\n\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\tactiveColor={ currentValue }\n\t\t\t\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\t\t\t\tcurrentSegment={ currentSegment }\n\t\t\t\t\t\t\tonCustomPress={ onCustomPress }\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdefaultSettings={ paletteSettings }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</View>\n\n\t\t\t{ isCustomGadientShown && (\n\t\t\t\t<>\n\t\t\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t\t\t<PanelBody>\n\t\t\t\t\t\t<ColorControl\n\t\t\t\t\t\t\tlabel={ __( 'Customize Gradient' ) }\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\twithColorIndicator={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t<View style={ horizontalSeparatorStyle } />\n\t\t\t{ getFooter() }\n\t\t</View>\n\t);\n};\n\nexport default PaletteScreen;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,50 +0,0 @@
-/**
- * External dependencies
- */
-import { useRoute, useNavigation } from '@react-navigation/native';
-
-/**
- * WordPress dependencies
- */
-import { useContext, useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { ColorPicker } from '../../color-picker';
-import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
-import { jsx as _jsx } from "react/jsx-runtime";
-const PickerScreen = () => {
-  const route = useRoute();
-  const navigation = useNavigation();
-  const {
-    onShouldEnableInnerHandling,
-    shouldEnableBottomSheetMaxHeight,
-    onHandleClosingBottomSheet,
-    isBottomSheetContentScrolling,
-    shouldEnableBottomSheetScroll,
-    onHandleHardwareButtonPress
-  } = useContext(BottomSheetContext);
-  const {
-    setColor,
-    currentValue,
-    isGradientColor
-  } = route.params;
-  return useMemo(() => {
-    return /*#__PURE__*/_jsx(ColorPicker, {
-      onShouldEnableInnerHandling: onShouldEnableInnerHandling,
-      shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
-      setColor: setColor,
-      activeColor: currentValue,
-      isGradientColor: isGradientColor,
-      onNavigationBack: navigation.goBack,
-      onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-      isBottomSheetContentScrolling: isBottomSheetContentScrolling,
-      shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-      onHandleHardwareButtonPress: onHandleHardwareButtonPress
-    });
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, [setColor, currentValue, isGradientColor, onShouldEnableInnerHandling, shouldEnableBottomSheetMaxHeight, onHandleClosingBottomSheet, isBottomSheetContentScrolling, shouldEnableBottomSheetScroll, onHandleHardwareButtonPress]);
-};
-export default PickerScreen;
-//# sourceMappingURL=picker-screen.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useRoute","useNavigation","useContext","useMemo","ColorPicker","BottomSheetContext","jsx","_jsx","PickerScreen","route","navigation","onShouldEnableInnerHandling","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","isBottomSheetContentScrolling","shouldEnableBottomSheetScroll","onHandleHardwareButtonPress","setColor","currentValue","isGradientColor","params","activeColor","onNavigationBack","goBack"],"sources":["@wordpress/components/src/mobile/color-settings/picker-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useRoute, useNavigation } from '@react-navigation/native';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ColorPicker } from '../../color-picker';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nconst PickerScreen = () => {\n\tconst route = useRoute();\n\tconst navigation = useNavigation();\n\tconst {\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t} = useContext( BottomSheetContext );\n\tconst { setColor, currentValue, isGradientColor } = route.params;\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<ColorPicker\n\t\t\t\tonShouldEnableInnerHandling={ onShouldEnableInnerHandling }\n\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t}\n\t\t\t\tsetColor={ setColor }\n\t\t\t\tactiveColor={ currentValue }\n\t\t\t\tisGradientColor={ isGradientColor }\n\t\t\t\tonNavigationBack={ navigation.goBack }\n\t\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\t\tisBottomSheetContentScrolling={ isBottomSheetContentScrolling }\n\t\t\t\tshouldEnableBottomSheetScroll={ shouldEnableBottomSheetScroll }\n\t\t\t\tonHandleHardwareButtonPress={ onHandleHardwareButtonPress }\n\t\t\t/>\n\t\t);\n\t\t// See https://github.com/WordPress/gutenberg/pull/41166\n\t}, [\n\t\tsetColor,\n\t\tcurrentValue,\n\t\tisGradientColor,\n\t\tonShouldEnableInnerHandling,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tonHandleClosingBottomSheet,\n\t\tisBottomSheetContentScrolling,\n\t\tshouldEnableBottomSheetScroll,\n\t\tonHandleHardwareButtonPress,\n\t] );\n};\n\nexport default PickerScreen;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,UAAU,EAAEC,OAAO,QAAQ,oBAAoB;;AAExD;AACA;AACA;AACA,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,kBAAkB,QAAQ,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1E,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC1B,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;EACxB,MAAMU,UAAU,GAAGT,aAAa,CAAC,CAAC;EAClC,MAAM;IACLU,2BAA2B;IAC3BC,gCAAgC;IAChCC,0BAA0B;IAC1BC,6BAA6B;IAC7BC,6BAA6B;IAC7BC;EACD,CAAC,GAAGd,UAAU,CAAEG,kBAAmB,CAAC;EACpC,MAAM;IAAEY,QAAQ;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGV,KAAK,CAACW,MAAM;EAChE,OAAOjB,OAAO,CAAE,MAAM;IACrB,oBACCI,IAAA,CAACH,WAAW;MACXO,2BAA2B,EAAGA,2BAA6B;MAC3DC,gCAAgC,EAC/BA,gCACA;MACDK,QAAQ,EAAGA,QAAU;MACrBI,WAAW,EAAGH,YAAc;MAC5BC,eAAe,EAAGA,eAAiB;MACnCG,gBAAgB,EAAGZ,UAAU,CAACa,MAAQ;MACtCV,0BAA0B,EAAGA,0BAA4B;MACzDC,6BAA6B,EAAGA,6BAA+B;MAC/DC,6BAA6B,EAAGA,6BAA+B;MAC/DC,2BAA2B,EAAGA;IAA6B,CAC3D,CAAC;IAEH;EACD,CAAC,EAAE,CACFC,QAAQ,EACRC,YAAY,EACZC,eAAe,EACfR,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,6BAA6B,EAC7BC,2BAA2B,CAC1B,CAAC;AACJ,CAAC;AAED,eAAeR,YAAY","ignoreList":[]}

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

@@ -1,36 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-const gradients = {
-  linear: 'linear-gradient',
-  radial: 'radial-gradient'
-};
-const gradientOptions = [{
-  label: __('Linear'),
-  value: gradients.linear
-}, {
-  label: __('Radial'),
-  value: gradients.radial
-}];
-const getGradientType = color => {
-  if (color?.includes(gradients.radial)) {
-    return gradients.radial;
-  } else if (color?.includes(gradients.linear)) {
-    return gradients.linear;
-  }
-  return false;
-};
-export const colorsUtils = {
-  screens: {
-    gradientPicker: 'GradientPicker',
-    picker: 'Picker',
-    palette: 'Palette'
-  },
-  segments: [__('Color'), __('Gradient')],
-  gradients,
-  gradientOptions,
-  getGradientType,
-  isGradient: color => !!getGradientType(color)
-};
-//# sourceMappingURL=utils.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__","gradients","linear","radial","gradientOptions","label","value","getGradientType","color","includes","colorsUtils","screens","gradientPicker","picker","palette","segments","isGradient"],"sources":["@wordpress/components/src/mobile/color-settings/utils.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nconst gradients = {\n\tlinear: 'linear-gradient',\n\tradial: 'radial-gradient',\n};\n\nconst gradientOptions = [\n\t{ label: __( 'Linear' ), value: gradients.linear },\n\t{ label: __( 'Radial' ), value: gradients.radial },\n];\n\nconst getGradientType = ( color ) => {\n\tif ( color?.includes( gradients.radial ) ) {\n\t\treturn gradients.radial;\n\t} else if ( color?.includes( gradients.linear ) ) {\n\t\treturn gradients.linear;\n\t}\n\treturn false;\n};\n\nexport const colorsUtils = {\n\tscreens: {\n\t\tgradientPicker: 'GradientPicker',\n\t\tpicker: 'Picker',\n\t\tpalette: 'Palette',\n\t},\n\tsegments: [ __( 'Color' ), __( 'Gradient' ) ],\n\tgradients,\n\tgradientOptions,\n\tgetGradientType,\n\tisGradient: ( color ) => !! getGradientType( color ),\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAEpC,MAAMC,SAAS,GAAG;EACjBC,MAAM,EAAE,iBAAiB;EACzBC,MAAM,EAAE;AACT,CAAC;AAED,MAAMC,eAAe,GAAG,CACvB;EAAEC,KAAK,EAAEL,EAAE,CAAE,QAAS,CAAC;EAAEM,KAAK,EAAEL,SAAS,CAACC;AAAO,CAAC,EAClD;EAAEG,KAAK,EAAEL,EAAE,CAAE,QAAS,CAAC;EAAEM,KAAK,EAAEL,SAAS,CAACE;AAAO,CAAC,CAClD;AAED,MAAMI,eAAe,GAAKC,KAAK,IAAM;EACpC,IAAKA,KAAK,EAAEC,QAAQ,CAAER,SAAS,CAACE,MAAO,CAAC,EAAG;IAC1C,OAAOF,SAAS,CAACE,MAAM;EACxB,CAAC,MAAM,IAAKK,KAAK,EAAEC,QAAQ,CAAER,SAAS,CAACC,MAAO,CAAC,EAAG;IACjD,OAAOD,SAAS,CAACC,MAAM;EACxB;EACA,OAAO,KAAK;AACb,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAG;EAC1BC,OAAO,EAAE;IACRC,cAAc,EAAE,gBAAgB;IAChCC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE,CAAEf,EAAE,CAAE,OAAQ,CAAC,EAAEA,EAAE,CAAE,UAAW,CAAC,CAAE;EAC7CC,SAAS;EACTG,eAAe;EACfG,eAAe;EACfS,UAAU,EAAIR,KAAK,IAAM,CAAC,CAAED,eAAe,CAAEC,KAAM;AACpD,CAAC","ignoreList":[]}

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

@@ -1,36 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { memo } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-import CyclePickerCell from '../bottom-sheet/cycle-picker-cell';
-import { jsx as _jsx } from "react/jsx-runtime";
-function CycleSelectControl({
-  help,
-  instanceId,
-  label,
-  multiple = false,
-  onChange,
-  options = [],
-  className,
-  hideLabelFromVision,
-  ...props
-}) {
-  const id = `inspector-select-control-${instanceId}`;
-  return /*#__PURE__*/_jsx(CyclePickerCell, {
-    label: label,
-    hideLabelFromVision: hideLabelFromVision,
-    id: id,
-    help: help,
-    className: className,
-    onChangeValue: onChange,
-    "aria-describedby": !!help ? `${id}__help` : undefined,
-    multiple: multiple,
-    options: options,
-    ...props
-  });
-}
-export default memo(CycleSelectControl);
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["memo","CyclePickerCell","jsx","_jsx","CycleSelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","onChangeValue","undefined"],"sources":["@wordpress/components/src/mobile/cycle-select-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport CyclePickerCell from '../bottom-sheet/cycle-picker-cell';\n\nfunction CycleSelectControl( {\n\thelp,\n\tinstanceId,\n\tlabel,\n\tmultiple = false,\n\tonChange,\n\toptions = [],\n\tclassName,\n\thideLabelFromVision,\n\t...props\n} ) {\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn (\n\t\t<CyclePickerCell\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ id }\n\t\t\thelp={ help }\n\t\t\tclassName={ className }\n\t\t\tonChangeValue={ onChange }\n\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\tmultiple={ multiple }\n\t\t\toptions={ options }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default memo( CycleSelectControl );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,eAAe,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhE,SAASC,kBAAkBA,CAAE;EAC5BC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,SAAS;EACTC,mBAAmB;EACnB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,EAAE,GAAG,4BAA6BR,UAAU,EAAG;EAErD,oBACCH,IAAA,CAACF,eAAe;IACfM,KAAK,EAAGA,KAAO;IACfK,mBAAmB,EAAGA,mBAAqB;IAC3CE,EAAE,EAAGA,EAAI;IACTT,IAAI,EAAGA,IAAM;IACbM,SAAS,EAAGA,SAAW;IACvBI,aAAa,EAAGN,QAAU;IAC1B,oBAAmB,CAAC,CAAEJ,IAAI,GAAG,GAAIS,EAAE,QAAS,GAAGE,SAAW;IAC1DR,QAAQ,EAAGA,QAAU;IACrBE,OAAO,EAAGA,OAAS;IAAA,GACdG;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeb,IAAI,CAAEI,kBAAmB,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -1,71 +0,0 @@
-/**
- * External dependencies
- */
-import { SafeAreaView } from 'react-native';
-import { useRoute, useNavigation } from '@react-navigation/native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { memo, useContext, useState, useCallback } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import NavBar from '../bottom-sheet/nav-bar';
-import styles from './styles.scss';
-import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
-import FocalPointPicker from '../../focal-point-picker';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FocalPointSettingsPanelMemo = memo(({
-  focalPoint,
-  onFocalPointChange,
-  shouldEnableBottomSheetScroll,
-  url
-}) => {
-  const navigation = useNavigation();
-  function onButtonPress(action) {
-    navigation.goBack();
-    if (action === 'apply') {
-      onFocalPointChange(draftFocalPoint);
-    }
-  }
-  const [draftFocalPoint, setDraftFocalPoint] = useState(focalPoint);
-  function setPosition(coordinates) {
-    setDraftFocalPoint(prevState => ({
-      ...prevState,
-      ...coordinates
-    }));
-  }
-  return /*#__PURE__*/_jsxs(SafeAreaView, {
-    style: styles.safearea,
-    children: [/*#__PURE__*/_jsxs(NavBar, {
-      children: [/*#__PURE__*/_jsx(NavBar.DismissButton, {
-        onPress: () => onButtonPress('cancel')
-      }), /*#__PURE__*/_jsx(NavBar.Heading, {
-        children: __('Edit focal point')
-      }), /*#__PURE__*/_jsx(NavBar.ApplyButton, {
-        onPress: () => onButtonPress('apply')
-      })]
-    }), /*#__PURE__*/_jsx(FocalPointPicker, {
-      focalPoint: draftFocalPoint,
-      onChange: useCallback(setPosition, []),
-      shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-      url: url
-    })]
-  });
-});
-function FocalPointSettingsPanel(props) {
-  const route = useRoute();
-  const {
-    shouldEnableBottomSheetScroll
-  } = useContext(BottomSheetContext);
-  return /*#__PURE__*/_jsx(FocalPointSettingsPanelMemo, {
-    shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-    ...props,
-    ...route.params
-  });
-}
-export default FocalPointSettingsPanel;
-//# sourceMappingURL=index.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["SafeAreaView","useRoute","useNavigation","__","memo","useContext","useState","useCallback","NavBar","styles","BottomSheetContext","FocalPointPicker","jsx","_jsx","jsxs","_jsxs","FocalPointSettingsPanelMemo","focalPoint","onFocalPointChange","shouldEnableBottomSheetScroll","url","navigation","onButtonPress","action","goBack","draftFocalPoint","setDraftFocalPoint","setPosition","coordinates","prevState","style","safearea","children","DismissButton","onPress","Heading","ApplyButton","onChange","FocalPointSettingsPanel","props","route","params"],"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":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,QAAQ,EAAEC,aAAa,QAAQ,0BAA0B;;AAElE;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,oBAAoB;;AAE5E;AACA;AACA;AACA,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sCAAsC;AACzE,OAAOC,gBAAgB,MAAM,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAExD,MAAMC,2BAA2B,GAAGZ,IAAI,CACvC,CAAE;EACDa,UAAU;EACVC,kBAAkB;EAClBC,6BAA6B;EAC7BC;AACD,CAAC,KAAM;EACN,MAAMC,UAAU,GAAGnB,aAAa,CAAC,CAAC;EAElC,SAASoB,aAAaA,CAAEC,MAAM,EAAG;IAChCF,UAAU,CAACG,MAAM,CAAC,CAAC;IACnB,IAAKD,MAAM,KAAK,OAAO,EAAG;MACzBL,kBAAkB,CAAEO,eAAgB,CAAC;IACtC;EACD;EAEA,MAAM,CAAEA,eAAe,EAAEC,kBAAkB,CAAE,GAAGpB,QAAQ,CAAEW,UAAW,CAAC;EACtE,SAASU,WAAWA,CAAEC,WAAW,EAAG;IACnCF,kBAAkB,CAAIG,SAAS,KAAQ;MACtC,GAAGA,SAAS;MACZ,GAAGD;IACJ,CAAC,CAAG,CAAC;EACN;EAEA,oBACCb,KAAA,CAACf,YAAY;IAAC8B,KAAK,EAAGrB,MAAM,CAACsB,QAAU;IAAAC,QAAA,gBACtCjB,KAAA,CAACP,MAAM;MAAAwB,QAAA,gBACNnB,IAAA,CAACL,MAAM,CAACyB,aAAa;QACpBC,OAAO,EAAGA,CAAA,KAAMZ,aAAa,CAAE,QAAS;MAAG,CAC3C,CAAC,eACFT,IAAA,CAACL,MAAM,CAAC2B,OAAO;QAAAH,QAAA,EACZ7B,EAAE,CAAE,kBAAmB;MAAC,CACX,CAAC,eACjBU,IAAA,CAACL,MAAM,CAAC4B,WAAW;QAClBF,OAAO,EAAGA,CAAA,KAAMZ,aAAa,CAAE,OAAQ;MAAG,CAC1C,CAAC;IAAA,CACK,CAAC,eACTT,IAAA,CAACF,gBAAgB;MAChBM,UAAU,EAAGQ,eAAiB;MAC9BY,QAAQ,EAAG9B,WAAW,CAAEoB,WAAW,EAAE,EAAG,CAAG;MAC3CR,6BAA6B,EAC5BA,6BACA;MACDC,GAAG,EAAGA;IAAK,CACX,CAAC;EAAA,CACW,CAAC;AAEjB,CACD,CAAC;AAED,SAASkB,uBAAuBA,CAAEC,KAAK,EAAG;EACzC,MAAMC,KAAK,GAAGvC,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEkB;EAA8B,CAAC,GAAGd,UAAU,CAAEK,kBAAmB,CAAC;EAE1E,oBACCG,IAAA,CAACG,2BAA2B;IAC3BG,6BAA6B,EAAGA,6BAA+B;IAAA,GAC1DoB,KAAK;IAAA,GACLC,KAAK,CAACC;EAAM,CACjB,CAAC;AAEJ;AAEA,eAAeH,uBAAuB","ignoreList":[]}