@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/color-picker/index.native.js

@@ -1,184 +0,0 @@
-/**
- * External dependencies
- */
-import { View, Text, TouchableWithoutFeedback, Platform } from 'react-native';
-import { colord, extend } from 'colord';
-import namesPlugin from 'colord/plugins/names';
-/**
- * WordPress dependencies
- */
-import { useState, useEffect } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-import { Icon, check, close } from '@wordpress/icons';
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-import HsvColorPicker from './hsv-color-picker.native.js';
-import BottomSheet from '../mobile/bottom-sheet';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-extend([namesPlugin]);
-function ColorPicker({
-  shouldEnableBottomSheetScroll,
-  shouldEnableBottomSheetMaxHeight,
-  isBottomSheetContentScrolling,
-  setColor,
-  activeColor,
-  isGradientColor,
-  onNavigationBack,
-  onHandleClosingBottomSheet,
-  onBottomSheetClosed,
-  onHandleHardwareButtonPress,
-  bottomLabelText
-}) {
-  const isIOS = Platform.OS === 'ios';
-  const hitSlop = {
-    top: 22,
-    bottom: 22,
-    left: 22,
-    right: 22
-  };
-  const {
-    h: initH,
-    s: initS,
-    v: initV
-  } = !isGradientColor && activeColor ? colord(activeColor).toHsv() : {
-    h: 0,
-    s: 50,
-    v: 50
-  };
-  const [hue, setHue] = useState(initH);
-  const [sat, setSaturation] = useState(initS / 100);
-  const [val, setValue] = useState(initV / 100);
-  const [savedColor] = useState(activeColor);
-  const {
-    paddingLeft: spacing,
-    height: pickerHeight,
-    borderRadius
-  } = styles.picker;
-  const {
-    height: pickerPointerSize
-  } = styles.pickerPointer;
-  const pickerWidth = BottomSheet.getWidth() - 2 * spacing;
-  const applyButtonStyle = usePreferredColorSchemeStyle(styles.applyButton, styles.applyButtonDark);
-  const cancelButtonStyle = usePreferredColorSchemeStyle(styles.cancelButton, styles.cancelButtonDark);
-  const colorTextStyle = usePreferredColorSchemeStyle(styles.colorText, styles.colorTextDark);
-  const selectColorTextStyle = usePreferredColorSchemeStyle(styles.selectColorText, styles.selectColorTextDark);
-  const footerStyle = usePreferredColorSchemeStyle(styles.footer, styles.footerDark);
-  const combineToHex = (h = hue, s = sat, v = val) => colord({
-    h,
-    s: s * 100,
-    v: v * 100
-  }).toHex();
-  const currentColor = combineToHex();
-  const updateColor = ({
-    hue: h,
-    saturation: s,
-    value: v
-  }) => {
-    if (h !== undefined) {
-      setHue(h);
-    }
-    if (s !== undefined) {
-      setSaturation(s);
-    }
-    if (v !== undefined) {
-      setValue(v);
-    }
-    setColor(combineToHex(h, s, v));
-  };
-  useEffect(() => {
-    shouldEnableBottomSheetMaxHeight(false);
-    onHandleClosingBottomSheet(() => {
-      if (savedColor) {
-        setColor(savedColor);
-      }
-      if (onBottomSheetClosed) {
-        onBottomSheetClosed();
-      }
-    });
-    if (onHandleHardwareButtonPress) {
-      onHandleHardwareButtonPress(onButtonPress);
-    }
-    // TODO: Revisit this to discover if there's a good reason for omitting
-    // the hook’s dependencies and running it a single time. Ideally there
-    // may be a way to refactor and obviate the disabled lint rule. If not,
-    // this comment should be replaced by one that explains the reasoning.
-  }, []);
-  function onButtonPress(action) {
-    onNavigationBack();
-    onHandleClosingBottomSheet(null);
-    shouldEnableBottomSheetMaxHeight(true);
-    setColor(action === 'apply' ? currentColor : savedColor);
-    if (onBottomSheetClosed) {
-      onBottomSheetClosed();
-    }
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(HsvColorPicker, {
-      huePickerHue: hue,
-      currentColor: currentColor,
-      onHuePickerDragMove: updateColor,
-      onHuePickerPress: !isBottomSheetContentScrolling && updateColor,
-      satValPickerHue: hue,
-      satValPickerSaturation: sat,
-      satValPickerValue: val,
-      onSatValPickerDragMove: updateColor,
-      onSatValPickerPress: !isBottomSheetContentScrolling && updateColor,
-      onSatValPickerDragStart: () => {
-        shouldEnableBottomSheetScroll(false);
-      },
-      onSatValPickerDragEnd: () => shouldEnableBottomSheetScroll(true),
-      onHuePickerDragStart: () => shouldEnableBottomSheetScroll(false),
-      onHuePickerDragEnd: () => shouldEnableBottomSheetScroll(true),
-      huePickerBarWidth: pickerWidth,
-      huePickerBarHeight: pickerPointerSize / 2,
-      satValPickerSize: {
-        width: pickerWidth,
-        height: pickerHeight
-      },
-      satValPickerSliderSize: pickerPointerSize * 2,
-      satValPickerBorderRadius: borderRadius,
-      huePickerBorderRadius: borderRadius
-    }), /*#__PURE__*/_jsxs(View, {
-      style: footerStyle,
-      children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-        onPress: () => onButtonPress('cancel'),
-        hitSlop: hitSlop,
-        children: /*#__PURE__*/_jsx(View, {
-          children: isIOS ? /*#__PURE__*/_jsx(Text, {
-            style: cancelButtonStyle,
-            children: __('Cancel')
-          }) : /*#__PURE__*/_jsx(Icon, {
-            icon: close,
-            size: 24,
-            style: cancelButtonStyle
-          })
-        })
-      }), bottomLabelText ? /*#__PURE__*/_jsx(Text, {
-        style: selectColorTextStyle,
-        children: bottomLabelText
-      }) : /*#__PURE__*/_jsx(Text, {
-        style: colorTextStyle,
-        selectable: true,
-        children: currentColor.toUpperCase()
-      }), /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-        onPress: () => onButtonPress('apply'),
-        hitSlop: hitSlop,
-        children: /*#__PURE__*/_jsx(View, {
-          children: isIOS ? /*#__PURE__*/_jsx(Text, {
-            style: applyButtonStyle,
-            children: __('Apply')
-          }) : /*#__PURE__*/_jsx(Icon, {
-            icon: check,
-            size: 24,
-            style: applyButtonStyle
-          })
-        })
-      })]
-    })]
-  });
-}
-export { ColorPicker };
-//# sourceMappingURL=index.native.js.map

package/build-module/color-picker/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","Text","TouchableWithoutFeedback","Platform","colord","extend","namesPlugin","useState","useEffect","__","usePreferredColorSchemeStyle","Icon","check","close","styles","HsvColorPicker","BottomSheet","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ColorPicker","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","isBottomSheetContentScrolling","setColor","activeColor","isGradientColor","onNavigationBack","onHandleClosingBottomSheet","onBottomSheetClosed","onHandleHardwareButtonPress","bottomLabelText","isIOS","OS","hitSlop","top","bottom","left","right","h","initH","s","initS","v","initV","toHsv","hue","setHue","sat","setSaturation","val","setValue","savedColor","paddingLeft","spacing","height","pickerHeight","borderRadius","picker","pickerPointerSize","pickerPointer","pickerWidth","getWidth","applyButtonStyle","applyButton","applyButtonDark","cancelButtonStyle","cancelButton","cancelButtonDark","colorTextStyle","colorText","colorTextDark","selectColorTextStyle","selectColorText","selectColorTextDark","footerStyle","footer","footerDark","combineToHex","toHex","currentColor","updateColor","saturation","value","undefined","onButtonPress","action","children","huePickerHue","onHuePickerDragMove","onHuePickerPress","satValPickerHue","satValPickerSaturation","satValPickerValue","onSatValPickerDragMove","onSatValPickerPress","onSatValPickerDragStart","onSatValPickerDragEnd","onHuePickerDragStart","onHuePickerDragEnd","huePickerBarWidth","huePickerBarHeight","satValPickerSize","width","satValPickerSliderSize","satValPickerBorderRadius","huePickerBorderRadius","style","onPress","icon","size","selectable","toUpperCase"],"sources":["@wordpress/components/src/color-picker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback, Platform } from 'react-native';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { Icon, check, close } from '@wordpress/icons';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport HsvColorPicker from './hsv-color-picker.native.js';\nimport BottomSheet from '../mobile/bottom-sheet';\n\nextend( [ namesPlugin ] );\n\nfunction ColorPicker( {\n\tshouldEnableBottomSheetScroll,\n\tshouldEnableBottomSheetMaxHeight,\n\tisBottomSheetContentScrolling,\n\tsetColor,\n\tactiveColor,\n\tisGradientColor,\n\tonNavigationBack,\n\tonHandleClosingBottomSheet,\n\tonBottomSheetClosed,\n\tonHandleHardwareButtonPress,\n\tbottomLabelText,\n} ) {\n\tconst isIOS = Platform.OS === 'ios';\n\tconst hitSlop = { top: 22, bottom: 22, left: 22, right: 22 };\n\tconst {\n\t\th: initH,\n\t\ts: initS,\n\t\tv: initV,\n\t} = ! isGradientColor && activeColor\n\t\t? colord( activeColor ).toHsv()\n\t\t: { h: 0, s: 50, v: 50 };\n\tconst [ hue, setHue ] = useState( initH );\n\tconst [ sat, setSaturation ] = useState( initS / 100 );\n\tconst [ val, setValue ] = useState( initV / 100 );\n\tconst [ savedColor ] = useState( activeColor );\n\n\tconst {\n\t\tpaddingLeft: spacing,\n\t\theight: pickerHeight,\n\t\tborderRadius,\n\t} = styles.picker;\n\tconst { height: pickerPointerSize } = styles.pickerPointer;\n\tconst pickerWidth = BottomSheet.getWidth() - 2 * spacing;\n\n\tconst applyButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.applyButton,\n\t\tstyles.applyButtonDark\n\t);\n\tconst cancelButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.cancelButton,\n\t\tstyles.cancelButtonDark\n\t);\n\tconst colorTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.colorText,\n\t\tstyles.colorTextDark\n\t);\n\tconst selectColorTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles.selectColorText,\n\t\tstyles.selectColorTextDark\n\t);\n\tconst footerStyle = usePreferredColorSchemeStyle(\n\t\tstyles.footer,\n\t\tstyles.footerDark\n\t);\n\n\tconst combineToHex = ( h = hue, s = sat, v = val ) =>\n\t\tcolord( { h, s: s * 100, v: v * 100 } ).toHex();\n\n\tconst currentColor = combineToHex();\n\n\tconst updateColor = ( { hue: h, saturation: s, value: v } ) => {\n\t\tif ( h !== undefined ) {\n\t\t\tsetHue( h );\n\t\t}\n\t\tif ( s !== undefined ) {\n\t\t\tsetSaturation( s );\n\t\t}\n\t\tif ( v !== undefined ) {\n\t\t\tsetValue( v );\n\t\t}\n\t\tsetColor( combineToHex( h, s, v ) );\n\t};\n\n\tuseEffect( () => {\n\t\tshouldEnableBottomSheetMaxHeight( false );\n\t\tonHandleClosingBottomSheet( () => {\n\t\t\tif ( savedColor ) {\n\t\t\t\tsetColor( savedColor );\n\t\t\t}\n\t\t\tif ( onBottomSheetClosed ) {\n\t\t\t\tonBottomSheetClosed();\n\t\t\t}\n\t\t} );\n\t\tif ( onHandleHardwareButtonPress ) {\n\t\t\tonHandleHardwareButtonPress( onButtonPress );\n\t\t}\n\t\t// TODO: Revisit this to discover if there's a good reason for omitting\n\t\t// the hook’s dependencies and running it a single time. Ideally there\n\t\t// may be a way to refactor and obviate the disabled lint rule. If not,\n\t\t// this comment should be replaced by one that explains the reasoning.\n\t}, [] );\n\n\tfunction onButtonPress( action ) {\n\t\tonNavigationBack();\n\t\tonHandleClosingBottomSheet( null );\n\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\tsetColor( action === 'apply' ? currentColor : savedColor );\n\t\tif ( onBottomSheetClosed ) {\n\t\t\tonBottomSheetClosed();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<HsvColorPicker\n\t\t\t\thuePickerHue={ hue }\n\t\t\t\tcurrentColor={ currentColor }\n\t\t\t\tonHuePickerDragMove={ updateColor }\n\t\t\t\tonHuePickerPress={\n\t\t\t\t\t! isBottomSheetContentScrolling && updateColor\n\t\t\t\t}\n\t\t\t\tsatValPickerHue={ hue }\n\t\t\t\tsatValPickerSaturation={ sat }\n\t\t\t\tsatValPickerValue={ val }\n\t\t\t\tonSatValPickerDragMove={ updateColor }\n\t\t\t\tonSatValPickerPress={\n\t\t\t\t\t! isBottomSheetContentScrolling && updateColor\n\t\t\t\t}\n\t\t\t\tonSatValPickerDragStart={ () => {\n\t\t\t\t\tshouldEnableBottomSheetScroll( false );\n\t\t\t\t} }\n\t\t\t\tonSatValPickerDragEnd={ () =>\n\t\t\t\t\tshouldEnableBottomSheetScroll( true )\n\t\t\t\t}\n\t\t\t\tonHuePickerDragStart={ () =>\n\t\t\t\t\tshouldEnableBottomSheetScroll( false )\n\t\t\t\t}\n\t\t\t\tonHuePickerDragEnd={ () =>\n\t\t\t\t\tshouldEnableBottomSheetScroll( true )\n\t\t\t\t}\n\t\t\t\thuePickerBarWidth={ pickerWidth }\n\t\t\t\thuePickerBarHeight={ pickerPointerSize / 2 }\n\t\t\t\tsatValPickerSize={ {\n\t\t\t\t\twidth: pickerWidth,\n\t\t\t\t\theight: pickerHeight,\n\t\t\t\t} }\n\t\t\t\tsatValPickerSliderSize={ pickerPointerSize * 2 }\n\t\t\t\tsatValPickerBorderRadius={ borderRadius }\n\t\t\t\thuePickerBorderRadius={ borderRadius }\n\t\t\t/>\n\t\t\t<View style={ footerStyle }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={ () => onButtonPress( 'cancel' ) }\n\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t>\n\t\t\t\t\t<View>\n\t\t\t\t\t\t{ isIOS ? (\n\t\t\t\t\t\t\t<Text style={ cancelButtonStyle }>\n\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ close }\n\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\tstyle={ cancelButtonStyle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t{ bottomLabelText ? (\n\t\t\t\t\t<Text style={ selectColorTextStyle }>\n\t\t\t\t\t\t{ bottomLabelText }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Text style={ colorTextStyle } selectable>\n\t\t\t\t\t\t{ currentColor.toUpperCase() }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={ () => onButtonPress( 'apply' ) }\n\t\t\t\t\thitSlop={ hitSlop }\n\t\t\t\t>\n\t\t\t\t\t<View>\n\t\t\t\t\t\t{ isIOS ? (\n\t\t\t\t\t\t\t<Text style={ applyButtonStyle }>\n\t\t\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\tstyle={ applyButtonStyle }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t</>\n\t);\n}\n\nexport { ColorPicker };\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,wBAAwB,EAAEC,QAAQ,QAAQ,cAAc;AAC7E,SAASC,MAAM,EAAEC,MAAM,QAAQ,QAAQ;AACvC,OAAOC,WAAW,MAAM,sBAAsB;AAC9C;AACA;AACA;AACA,SAASC,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,4BAA4B,QAAQ,oBAAoB;AACjE,SAASC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACrD;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,WAAW,MAAM,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjDjB,MAAM,CAAE,CAAEC,WAAW,CAAG,CAAC;AAEzB,SAASiB,WAAWA,CAAE;EACrBC,6BAA6B;EAC7BC,gCAAgC;EAChCC,6BAA6B;EAC7BC,QAAQ;EACRC,WAAW;EACXC,eAAe;EACfC,gBAAgB;EAChBC,0BAA0B;EAC1BC,mBAAmB;EACnBC,2BAA2B;EAC3BC;AACD,CAAC,EAAG;EACH,MAAMC,KAAK,GAAGhC,QAAQ,CAACiC,EAAE,KAAK,KAAK;EACnC,MAAMC,OAAO,GAAG;IAAEC,GAAG,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,IAAI,EAAE,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAC;EAC5D,MAAM;IACLC,CAAC,EAAEC,KAAK;IACRC,CAAC,EAAEC,KAAK;IACRC,CAAC,EAAEC;EACJ,CAAC,GAAG,CAAElB,eAAe,IAAID,WAAW,GACjCxB,MAAM,CAAEwB,WAAY,CAAC,CAACoB,KAAK,CAAC,CAAC,GAC7B;IAAEN,CAAC,EAAE,CAAC;IAAEE,CAAC,EAAE,EAAE;IAAEE,CAAC,EAAE;EAAG,CAAC;EACzB,MAAM,CAAEG,GAAG,EAAEC,MAAM,CAAE,GAAG3C,QAAQ,CAAEoC,KAAM,CAAC;EACzC,MAAM,CAAEQ,GAAG,EAAEC,aAAa,CAAE,GAAG7C,QAAQ,CAAEsC,KAAK,GAAG,GAAI,CAAC;EACtD,MAAM,CAAEQ,GAAG,EAAEC,QAAQ,CAAE,GAAG/C,QAAQ,CAAEwC,KAAK,GAAG,GAAI,CAAC;EACjD,MAAM,CAAEQ,UAAU,CAAE,GAAGhD,QAAQ,CAAEqB,WAAY,CAAC;EAE9C,MAAM;IACL4B,WAAW,EAAEC,OAAO;IACpBC,MAAM,EAAEC,YAAY;IACpBC;EACD,CAAC,GAAG9C,MAAM,CAAC+C,MAAM;EACjB,MAAM;IAAEH,MAAM,EAAEI;EAAkB,CAAC,GAAGhD,MAAM,CAACiD,aAAa;EAC1D,MAAMC,WAAW,GAAGhD,WAAW,CAACiD,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAGR,OAAO;EAExD,MAAMS,gBAAgB,GAAGxD,4BAA4B,CACpDI,MAAM,CAACqD,WAAW,EAClBrD,MAAM,CAACsD,eACR,CAAC;EACD,MAAMC,iBAAiB,GAAG3D,4BAA4B,CACrDI,MAAM,CAACwD,YAAY,EACnBxD,MAAM,CAACyD,gBACR,CAAC;EACD,MAAMC,cAAc,GAAG9D,4BAA4B,CAClDI,MAAM,CAAC2D,SAAS,EAChB3D,MAAM,CAAC4D,aACR,CAAC;EACD,MAAMC,oBAAoB,GAAGjE,4BAA4B,CACxDI,MAAM,CAAC8D,eAAe,EACtB9D,MAAM,CAAC+D,mBACR,CAAC;EACD,MAAMC,WAAW,GAAGpE,4BAA4B,CAC/CI,MAAM,CAACiE,MAAM,EACbjE,MAAM,CAACkE,UACR,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAEvC,CAAC,GAAGO,GAAG,EAAEL,CAAC,GAAGO,GAAG,EAAEL,CAAC,GAAGO,GAAG,KAC/CjD,MAAM,CAAE;IAAEsC,CAAC;IAAEE,CAAC,EAAEA,CAAC,GAAG,GAAG;IAAEE,CAAC,EAAEA,CAAC,GAAG;EAAI,CAAE,CAAC,CAACoC,KAAK,CAAC,CAAC;EAEhD,MAAMC,YAAY,GAAGF,YAAY,CAAC,CAAC;EAEnC,MAAMG,WAAW,GAAGA,CAAE;IAAEnC,GAAG,EAAEP,CAAC;IAAE2C,UAAU,EAAEzC,CAAC;IAAE0C,KAAK,EAAExC;EAAE,CAAC,KAAM;IAC9D,IAAKJ,CAAC,KAAK6C,SAAS,EAAG;MACtBrC,MAAM,CAAER,CAAE,CAAC;IACZ;IACA,IAAKE,CAAC,KAAK2C,SAAS,EAAG;MACtBnC,aAAa,CAAER,CAAE,CAAC;IACnB;IACA,IAAKE,CAAC,KAAKyC,SAAS,EAAG;MACtBjC,QAAQ,CAAER,CAAE,CAAC;IACd;IACAnB,QAAQ,CAAEsD,YAAY,CAAEvC,CAAC,EAAEE,CAAC,EAAEE,CAAE,CAAE,CAAC;EACpC,CAAC;EAEDtC,SAAS,CAAE,MAAM;IAChBiB,gCAAgC,CAAE,KAAM,CAAC;IACzCM,0BAA0B,CAAE,MAAM;MACjC,IAAKwB,UAAU,EAAG;QACjB5B,QAAQ,CAAE4B,UAAW,CAAC;MACvB;MACA,IAAKvB,mBAAmB,EAAG;QAC1BA,mBAAmB,CAAC,CAAC;MACtB;IACD,CAAE,CAAC;IACH,IAAKC,2BAA2B,EAAG;MAClCA,2BAA2B,CAAEuD,aAAc,CAAC;IAC7C;IACA;IACA;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,SAASA,aAAaA,CAAEC,MAAM,EAAG;IAChC3D,gBAAgB,CAAC,CAAC;IAClBC,0BAA0B,CAAE,IAAK,CAAC;IAClCN,gCAAgC,CAAE,IAAK,CAAC;IACxCE,QAAQ,CAAE8D,MAAM,KAAK,OAAO,GAAGN,YAAY,GAAG5B,UAAW,CAAC;IAC1D,IAAKvB,mBAAmB,EAAG;MAC1BA,mBAAmB,CAAC,CAAC;IACtB;EACD;EAEA,oBACCZ,KAAA,CAAAE,SAAA;IAAAoE,QAAA,gBACCxE,IAAA,CAACH,cAAc;MACd4E,YAAY,EAAG1C,GAAK;MACpBkC,YAAY,EAAGA,YAAc;MAC7BS,mBAAmB,EAAGR,WAAa;MACnCS,gBAAgB,EACf,CAAEnE,6BAA6B,IAAI0D,WACnC;MACDU,eAAe,EAAG7C,GAAK;MACvB8C,sBAAsB,EAAG5C,GAAK;MAC9B6C,iBAAiB,EAAG3C,GAAK;MACzB4C,sBAAsB,EAAGb,WAAa;MACtCc,mBAAmB,EAClB,CAAExE,6BAA6B,IAAI0D,WACnC;MACDe,uBAAuB,EAAGA,CAAA,KAAM;QAC/B3E,6BAA6B,CAAE,KAAM,CAAC;MACvC,CAAG;MACH4E,qBAAqB,EAAGA,CAAA,KACvB5E,6BAA6B,CAAE,IAAK,CACpC;MACD6E,oBAAoB,EAAGA,CAAA,KACtB7E,6BAA6B,CAAE,KAAM,CACrC;MACD8E,kBAAkB,EAAGA,CAAA,KACpB9E,6BAA6B,CAAE,IAAK,CACpC;MACD+E,iBAAiB,EAAGvC,WAAa;MACjCwC,kBAAkB,EAAG1C,iBAAiB,GAAG,CAAG;MAC5C2C,gBAAgB,EAAG;QAClBC,KAAK,EAAE1C,WAAW;QAClBN,MAAM,EAAEC;MACT,CAAG;MACHgD,sBAAsB,EAAG7C,iBAAiB,GAAG,CAAG;MAChD8C,wBAAwB,EAAGhD,YAAc;MACzCiD,qBAAqB,EAAGjD;IAAc,CACtC,CAAC,eACFxC,KAAA,CAACpB,IAAI;MAAC8G,KAAK,EAAGhC,WAAa;MAAAY,QAAA,gBAC1BxE,IAAA,CAAChB,wBAAwB;QACxB6G,OAAO,EAAGA,CAAA,KAAMvB,aAAa,CAAE,QAAS,CAAG;QAC3CnD,OAAO,EAAGA,OAAS;QAAAqD,QAAA,eAEnBxE,IAAA,CAAClB,IAAI;UAAA0F,QAAA,EACFvD,KAAK,gBACNjB,IAAA,CAACjB,IAAI;YAAC6G,KAAK,EAAGzC,iBAAmB;YAAAqB,QAAA,EAC9BjF,EAAE,CAAE,QAAS;UAAC,CACX,CAAC,gBAEPS,IAAA,CAACP,IAAI;YACJqG,IAAI,EAAGnG,KAAO;YACdoG,IAAI,EAAG,EAAI;YACXH,KAAK,EAAGzC;UAAmB,CAC3B;QACD,CACI;MAAC,CACkB,CAAC,EACzBnC,eAAe,gBAChBhB,IAAA,CAACjB,IAAI;QAAC6G,KAAK,EAAGnC,oBAAsB;QAAAe,QAAA,EACjCxD;MAAe,CACZ,CAAC,gBAEPhB,IAAA,CAACjB,IAAI;QAAC6G,KAAK,EAAGtC,cAAgB;QAAC0C,UAAU;QAAAxB,QAAA,EACtCP,YAAY,CAACgC,WAAW,CAAC;MAAC,CACvB,CACN,eACDjG,IAAA,CAAChB,wBAAwB;QACxB6G,OAAO,EAAGA,CAAA,KAAMvB,aAAa,CAAE,OAAQ,CAAG;QAC1CnD,OAAO,EAAGA,OAAS;QAAAqD,QAAA,eAEnBxE,IAAA,CAAClB,IAAI;UAAA0F,QAAA,EACFvD,KAAK,gBACNjB,IAAA,CAACjB,IAAI;YAAC6G,KAAK,EAAG5C,gBAAkB;YAAAwB,QAAA,EAC7BjF,EAAE,CAAE,OAAQ;UAAC,CACV,CAAC,gBAEPS,IAAA,CAACP,IAAI;YACJqG,IAAI,EAAGpG,KAAO;YACdqG,IAAI,EAAG,EAAI;YACXH,KAAK,EAAG5C;UAAkB,CAC1B;QACD,CACI;MAAC,CACkB,CAAC;IAAA,CACtB,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,SAAS3C,WAAW","ignoreList":[]}

package/build-module/color-picker/saturation-picker.native.js

@@ -1,175 +0,0 @@
-/**
- * External dependencies
- */
-import { View, PanResponder } from 'react-native';
-import LinearGradient from 'react-native-linear-gradient';
-import { colord } from 'colord';
-
-/**
- * WordPress dependencies
- */
-import React, { Component } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import styles from './style.native.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default class SaturationValuePicker extends Component {
-  constructor(props) {
-    super(props);
-    this.panResponder = PanResponder.create({
-      onStartShouldSetPanResponder: () => true,
-      onStartShouldSetPanResponderCapture: () => true,
-      onMoveShouldSetPanResponder: () => true,
-      onMoveShouldSetPanResponderCapture: () => true,
-      onPanResponderGrant: (evt, gestureState) => {
-        const {
-          onPress
-        } = this.props;
-        const {
-          saturation,
-          value
-        } = this.computeSatValPress(evt);
-        this.dragStartValue = {
-          saturation,
-          value
-        };
-        if (onPress) {
-          onPress({
-            ...this.computeSatValPress(evt),
-            nativeEvent: evt.nativeEvent
-          });
-        }
-        this.fireDragEvent('onDragStart', gestureState);
-      },
-      onPanResponderMove: (evt, gestureState) => {
-        this.fireDragEvent('onDragMove', gestureState);
-      },
-      onPanResponderTerminationRequest: () => true,
-      onPanResponderRelease: (evt, gestureState) => {
-        this.fireDragEvent('onDragEnd', gestureState);
-      },
-      onPanResponderTerminate: (evt, gestureState) => {
-        this.fireDragEvent('onDragTerminate', gestureState);
-      },
-      onShouldBlockNativeResponder: () => true
-    });
-  }
-  normalizeValue(value) {
-    if (value < 0) {
-      return 0;
-    }
-    if (value > 1) {
-      return 1;
-    }
-    return value;
-  }
-  computeSatValDrag(gestureState) {
-    const {
-      dx,
-      dy
-    } = gestureState;
-    const {
-      size
-    } = this.props;
-    const {
-      saturation,
-      value
-    } = this.dragStartValue;
-    const diffx = dx / size.width;
-    const diffy = dy / size.height;
-    return {
-      saturation: this.normalizeValue(saturation + diffx),
-      value: this.normalizeValue(value - diffy)
-    };
-  }
-  computeSatValPress(event) {
-    const {
-      nativeEvent
-    } = event;
-    const {
-      locationX,
-      locationY
-    } = nativeEvent;
-    const {
-      size
-    } = this.props;
-    return {
-      saturation: this.normalizeValue(locationX / size.width),
-      value: 1 - this.normalizeValue(locationY / size.height)
-    };
-  }
-  fireDragEvent(eventName, gestureState) {
-    const {
-      [eventName]: event
-    } = this.props;
-    if (event) {
-      event({
-        ...this.computeSatValDrag(gestureState),
-        gestureState
-      });
-    }
-  }
-  render() {
-    const {
-      size,
-      sliderSize = 24,
-      hue = 0,
-      value = 1,
-      saturation = 1,
-      containerStyle = {},
-      borderRadius = 0,
-      currentColor
-    } = this.props;
-    return /*#__PURE__*/_jsxs(View, {
-      style: [styles['hsv-container'], containerStyle, {
-        height: size.height + sliderSize,
-        width: size.width + sliderSize
-      }],
-      ...this.panResponder.panHandlers,
-      children: [/*#__PURE__*/_jsx(LinearGradient, {
-        style: [styles['gradient-container'], {
-          borderRadius
-        }],
-        colors: ['#fff', colord({
-          h: hue,
-          s: 100,
-          l: 50
-        }).toHex()],
-        start: {
-          x: 0,
-          y: 0.5
-        },
-        end: {
-          x: 1,
-          y: 0.5
-        },
-        children: /*#__PURE__*/_jsx(LinearGradient, {
-          colors: ['rgba(0, 0, 0, 0)', '#000'],
-          children: /*#__PURE__*/_jsx(View, {
-            style: {
-              height: size.height,
-              width: size.width
-            }
-          })
-        })
-      }), /*#__PURE__*/_jsx(View, {
-        pointerEvents: "none",
-        style: [styles['saturation-slider'], {
-          width: sliderSize,
-          height: sliderSize,
-          borderRadius: sliderSize / 2,
-          borderWidth: sliderSize / 10,
-          backgroundColor: currentColor,
-          transform: [{
-            translateX: size.width * saturation
-          }, {
-            translateY: size.height * (1 - value)
-          }]
-        }]
-      })]
-    });
-  }
-}
-//# sourceMappingURL=saturation-picker.native.js.map

package/build-module/color-picker/saturation-picker.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","PanResponder","LinearGradient","colord","React","Component","styles","jsx","_jsx","jsxs","_jsxs","SaturationValuePicker","constructor","props","panResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderGrant","evt","gestureState","onPress","saturation","value","computeSatValPress","dragStartValue","nativeEvent","fireDragEvent","onPanResponderMove","onPanResponderTerminationRequest","onPanResponderRelease","onPanResponderTerminate","onShouldBlockNativeResponder","normalizeValue","computeSatValDrag","dx","dy","size","diffx","width","diffy","height","event","locationX","locationY","eventName","render","sliderSize","hue","containerStyle","borderRadius","currentColor","style","panHandlers","children","colors","h","s","l","toHex","start","x","y","end","pointerEvents","borderWidth","backgroundColor","transform","translateX","translateY"],"sources":["@wordpress/components/src/color-picker/saturation-picker.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, PanResponder } from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport React, { Component } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.native.scss';\n\nexport default class SaturationValuePicker extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\n\t\tthis.panResponder = PanResponder.create( {\n\t\t\tonStartShouldSetPanResponder: () => true,\n\t\t\tonStartShouldSetPanResponderCapture: () => true,\n\t\t\tonMoveShouldSetPanResponder: () => true,\n\t\t\tonMoveShouldSetPanResponderCapture: () => true,\n\t\t\tonPanResponderGrant: ( evt, gestureState ) => {\n\t\t\t\tconst { onPress } = this.props;\n\t\t\t\tconst { saturation, value } = this.computeSatValPress( evt );\n\t\t\t\tthis.dragStartValue = {\n\t\t\t\t\tsaturation,\n\t\t\t\t\tvalue,\n\t\t\t\t};\n\n\t\t\t\tif ( onPress ) {\n\t\t\t\t\tonPress( {\n\t\t\t\t\t\t...this.computeSatValPress( evt ),\n\t\t\t\t\t\tnativeEvent: evt.nativeEvent,\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\tthis.fireDragEvent( 'onDragStart', gestureState );\n\t\t\t},\n\t\t\tonPanResponderMove: ( evt, gestureState ) => {\n\t\t\t\tthis.fireDragEvent( 'onDragMove', gestureState );\n\t\t\t},\n\t\t\tonPanResponderTerminationRequest: () => true,\n\t\t\tonPanResponderRelease: ( evt, gestureState ) => {\n\t\t\t\tthis.fireDragEvent( 'onDragEnd', gestureState );\n\t\t\t},\n\t\t\tonPanResponderTerminate: ( evt, gestureState ) => {\n\t\t\t\tthis.fireDragEvent( 'onDragTerminate', gestureState );\n\t\t\t},\n\t\t\tonShouldBlockNativeResponder: () => true,\n\t\t} );\n\t}\n\n\tnormalizeValue( value ) {\n\t\tif ( value < 0 ) {\n\t\t\treturn 0;\n\t\t}\n\t\tif ( value > 1 ) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn value;\n\t}\n\n\tcomputeSatValDrag( gestureState ) {\n\t\tconst { dx, dy } = gestureState;\n\t\tconst { size } = this.props;\n\t\tconst { saturation, value } = this.dragStartValue;\n\t\tconst diffx = dx / size.width;\n\t\tconst diffy = dy / size.height;\n\t\treturn {\n\t\t\tsaturation: this.normalizeValue( saturation + diffx ),\n\t\t\tvalue: this.normalizeValue( value - diffy ),\n\t\t};\n\t}\n\n\tcomputeSatValPress( event ) {\n\t\tconst { nativeEvent } = event;\n\t\tconst { locationX, locationY } = nativeEvent;\n\t\tconst { size } = this.props;\n\t\treturn {\n\t\t\tsaturation: this.normalizeValue( locationX / size.width ),\n\t\t\tvalue: 1 - this.normalizeValue( locationY / size.height ),\n\t\t};\n\t}\n\n\tfireDragEvent( eventName, gestureState ) {\n\t\tconst { [ eventName ]: event } = this.props;\n\t\tif ( event ) {\n\t\t\tevent( {\n\t\t\t\t...this.computeSatValDrag( gestureState ),\n\t\t\t\tgestureState,\n\t\t\t} );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tsize,\n\t\t\tsliderSize = 24,\n\t\t\thue = 0,\n\t\t\tvalue = 1,\n\t\t\tsaturation = 1,\n\t\t\tcontainerStyle = {},\n\t\t\tborderRadius = 0,\n\t\t\tcurrentColor,\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles[ 'hsv-container' ],\n\t\t\t\t\tcontainerStyle,\n\t\t\t\t\t{\n\t\t\t\t\t\theight: size.height + sliderSize,\n\t\t\t\t\t\twidth: size.width + sliderSize,\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\t{ ...this.panResponder.panHandlers }\n\t\t\t>\n\t\t\t\t<LinearGradient\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles[ 'gradient-container' ],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tborderRadius,\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tcolors={ [\n\t\t\t\t\t\t'#fff',\n\t\t\t\t\t\tcolord( { h: hue, s: 100, l: 50 } ).toHex(),\n\t\t\t\t\t] }\n\t\t\t\t\tstart={ { x: 0, y: 0.5 } }\n\t\t\t\t\tend={ { x: 1, y: 0.5 } }\n\t\t\t\t>\n\t\t\t\t\t<LinearGradient colors={ [ 'rgba(0, 0, 0, 0)', '#000' ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\theight: size.height,\n\t\t\t\t\t\t\t\twidth: size.width,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</LinearGradient>\n\t\t\t\t</LinearGradient>\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles[ 'saturation-slider' ],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\twidth: sliderSize,\n\t\t\t\t\t\t\theight: sliderSize,\n\t\t\t\t\t\t\tborderRadius: sliderSize / 2,\n\t\t\t\t\t\t\tborderWidth: sliderSize / 10,\n\t\t\t\t\t\t\tbackgroundColor: currentColor,\n\t\t\t\t\t\t\ttransform: [\n\t\t\t\t\t\t\t\t{ translateX: size.width * saturation },\n\t\t\t\t\t\t\t\t{ translateY: size.height * ( 1 - value ) },\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/>\n\t\t\t</View>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/custom-gradient-picker/index.native.js

@@ -1,100 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { colorsUtils } from '../mobile/color-settings/utils';
-import { getGradientAstWithDefault } from './utils';
-import { serializeGradient } from './serializer';
-import { DEFAULT_LINEAR_GRADIENT_ANGLE, HORIZONTAL_GRADIENT_ORIENTATION } from './constants';
-import styles from './style.scss';
-import PanelBody from '../panel/body';
-import RadioControl from '../radio-control';
-import RangeControl from '../range-control';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-function CustomGradientPicker({
-  setColor,
-  currentValue,
-  isGradientColor
-}) {
-  const [gradientOrientation, setGradientOrientation] = useState(HORIZONTAL_GRADIENT_ORIENTATION);
-  const [currentColor, setCurrentColor] = useState(currentValue);
-  const {
-    getGradientType,
-    gradients,
-    gradientOptions
-  } = colorsUtils;
-  const {
-    gradientAST
-  } = getGradientAstWithDefault(currentColor);
-  const gradientType = getGradientType(currentColor);
-  function isLinearGradient(type) {
-    return type === gradients.linear;
-  }
-  function getGradientColor(type) {
-    const {
-      orientation,
-      ...restGradientAST
-    } = gradientAST;
-    if (orientation) {
-      setGradientOrientation(orientation);
-    }
-    return serializeGradient(isLinearGradient(type) ? {
-      ...gradientAST,
-      ...(gradientAST.orientation ? {} : {
-        orientation: gradientOrientation
-      }),
-      type
-    } : {
-      ...restGradientAST,
-      type
-    });
-  }
-  function onGradientTypeChange(type) {
-    const gradientColor = getGradientColor(type);
-    setCurrentColor(gradientColor);
-    setColor(gradientColor);
-  }
-  function setGradientAngle(value) {
-    const gradientColor = serializeGradient({
-      ...gradientAST,
-      orientation: {
-        type: 'angular',
-        value
-      }
-    });
-    if (isGradientColor && gradientColor !== currentColor) {
-      setCurrentColor(gradientColor);
-      setColor(gradientColor);
-    }
-  }
-  function getGradientAngle() {
-    var _gradientAST$orientat;
-    return (_gradientAST$orientat = gradientAST?.orientation?.value) !== null && _gradientAST$orientat !== void 0 ? _gradientAST$orientat : DEFAULT_LINEAR_GRADIENT_ANGLE;
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(PanelBody, {
-      title: __('Gradient Type'),
-      children: /*#__PURE__*/_jsx(RadioControl, {
-        selected: gradientType,
-        options: gradientOptions,
-        onChange: onGradientTypeChange
-      })
-    }), isLinearGradient(gradientType) && /*#__PURE__*/_jsx(PanelBody, {
-      style: styles.angleControl,
-      children: /*#__PURE__*/_jsx(RangeControl, {
-        label: __('Angle'),
-        minimumValue: 0,
-        maximumValue: 360,
-        value: getGradientAngle(),
-        onChange: setGradientAngle
-      })
-    })]
-  });
-}
-export default CustomGradientPicker;
-//# sourceMappingURL=index.native.js.map

package/build-module/custom-gradient-picker/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__","useState","colorsUtils","getGradientAstWithDefault","serializeGradient","DEFAULT_LINEAR_GRADIENT_ANGLE","HORIZONTAL_GRADIENT_ORIENTATION","styles","PanelBody","RadioControl","RangeControl","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CustomGradientPicker","setColor","currentValue","isGradientColor","gradientOrientation","setGradientOrientation","currentColor","setCurrentColor","getGradientType","gradients","gradientOptions","gradientAST","gradientType","isLinearGradient","type","linear","getGradientColor","orientation","restGradientAST","onGradientTypeChange","gradientColor","setGradientAngle","value","getGradientAngle","_gradientAST$orientat","children","title","selected","options","onChange","style","angleControl","label","minimumValue","maximumValue"],"sources":["@wordpress/components/src/custom-gradient-picker/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { colorsUtils } from '../mobile/color-settings/utils';\nimport { getGradientAstWithDefault } from './utils';\nimport { serializeGradient } from './serializer';\nimport {\n\tDEFAULT_LINEAR_GRADIENT_ANGLE,\n\tHORIZONTAL_GRADIENT_ORIENTATION,\n} from './constants';\nimport styles from './style.scss';\nimport PanelBody from '../panel/body';\nimport RadioControl from '../radio-control';\nimport RangeControl from '../range-control';\n\nfunction CustomGradientPicker( { setColor, currentValue, isGradientColor } ) {\n\tconst [ gradientOrientation, setGradientOrientation ] = useState(\n\t\tHORIZONTAL_GRADIENT_ORIENTATION\n\t);\n\n\tconst [ currentColor, setCurrentColor ] = useState( currentValue );\n\n\tconst { getGradientType, gradients, gradientOptions } = colorsUtils;\n\tconst { gradientAST } = getGradientAstWithDefault( currentColor );\n\tconst gradientType = getGradientType( currentColor );\n\n\tfunction isLinearGradient( type ) {\n\t\treturn type === gradients.linear;\n\t}\n\n\tfunction getGradientColor( type ) {\n\t\tconst { orientation, ...restGradientAST } = gradientAST;\n\n\t\tif ( orientation ) {\n\t\t\tsetGradientOrientation( orientation );\n\t\t}\n\n\t\treturn serializeGradient(\n\t\t\tisLinearGradient( type )\n\t\t\t\t? {\n\t\t\t\t\t\t...gradientAST,\n\t\t\t\t\t\t...( gradientAST.orientation\n\t\t\t\t\t\t\t? {}\n\t\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\t\torientation: gradientOrientation,\n\t\t\t\t\t\t\t  } ),\n\t\t\t\t\t\ttype,\n\t\t\t\t  }\n\t\t\t\t: {\n\t\t\t\t\t\t...restGradientAST,\n\t\t\t\t\t\ttype,\n\t\t\t\t  }\n\t\t);\n\t}\n\n\tfunction onGradientTypeChange( type ) {\n\t\tconst gradientColor = getGradientColor( type );\n\t\tsetCurrentColor( gradientColor );\n\t\tsetColor( gradientColor );\n\t}\n\n\tfunction setGradientAngle( value ) {\n\t\tconst gradientColor = serializeGradient( {\n\t\t\t...gradientAST,\n\t\t\torientation: {\n\t\t\t\ttype: 'angular',\n\t\t\t\tvalue,\n\t\t\t},\n\t\t} );\n\n\t\tif ( isGradientColor && gradientColor !== currentColor ) {\n\t\t\tsetCurrentColor( gradientColor );\n\t\t\tsetColor( gradientColor );\n\t\t}\n\t}\n\n\tfunction getGradientAngle() {\n\t\treturn gradientAST?.orientation?.value ?? DEFAULT_LINEAR_GRADIENT_ANGLE;\n\t}\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Gradient Type' ) }>\n\t\t\t\t<RadioControl\n\t\t\t\t\tselected={ gradientType }\n\t\t\t\t\toptions={ gradientOptions }\n\t\t\t\t\tonChange={ onGradientTypeChange }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t\t{ isLinearGradient( gradientType ) && (\n\t\t\t\t<PanelBody style={ styles.angleControl }>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Angle' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 360 }\n\t\t\t\t\t\tvalue={ getGradientAngle() }\n\t\t\t\t\t\tonChange={ setGradientAngle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default CustomGradientPicker;\n"],"mappings":"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","ignoreList":[]}

package/build-module/dashicon/index.native.js

@@ -1,23 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Icon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import * as dashicons from '../mobile/dashicons';
-
-// A predefined SVG icon is rendered instead of Dashicon because it's not supported in the native version.
-import { jsx as _jsx } from "react/jsx-runtime";
-function Dashicon({
-  icon,
-  ...extraProps
-}) {
-  return /*#__PURE__*/_jsx(Icon, {
-    icon: dashicons[icon] || dashicons.empty,
-    ...extraProps
-  });
-}
-export default Dashicon;
-//# sourceMappingURL=index.native.js.map

package/build-module/dashicon/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Icon","dashicons","jsx","_jsx","Dashicon","icon","extraProps","empty"],"sources":["@wordpress/components/src/dashicon/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport * as dashicons from '../mobile/dashicons';\n\n// A predefined SVG icon is rendered instead of Dashicon because it's not supported in the native version.\nfunction Dashicon( { icon, ...extraProps } ) {\n\treturn (\n\t\t<Icon icon={ dashicons[ icon ] || dashicons.empty } { ...extraProps } />\n\t);\n}\n\nexport default Dashicon;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,kBAAkB;;AAEvC;AACA;AACA;AACA,OAAO,KAAKC,SAAS,MAAM,qBAAqB;;AAEhD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,SAASC,QAAQA,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAW,CAAC,EAAG;EAC5C,oBACCH,IAAA,CAACH,IAAI;IAACK,IAAI,EAAGJ,SAAS,CAAEI,IAAI,CAAE,IAAIJ,SAAS,CAACM,KAAO;IAAA,GAAMD;EAAU,CAAI,CAAC;AAE1E;AAEA,eAAeF,QAAQ","ignoreList":[]}

package/build-module/disabled/index.native.js

@@ -1,15 +0,0 @@
-/**
- * External dependencies
- */
-import { View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-function Disabled({
-  children
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    pointerEvents: "none",
-    children: children
-  });
-}
-export default Disabled;
-//# sourceMappingURL=index.native.js.map

package/build-module/disabled/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","jsx","_jsx","Disabled","children","pointerEvents"],"sources":["@wordpress/components/src/disabled/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\nfunction Disabled( { children } ) {\n\treturn <View pointerEvents=\"none\">{ children }</View>;\n}\n\nexport default Disabled;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,SAASC,QAAQA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACjC,oBAAOF,IAAA,CAACF,IAAI;IAACK,aAAa,EAAC,MAAM;IAAAD,QAAA,EAAGA;EAAQ,CAAQ,CAAC;AACtD;AAEA,eAAeD,QAAQ","ignoreList":[]}