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

package/build/color-palette/index.native.js

@@ -1,260 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _style = _interopRequireDefault(require("./style.scss"));
-var _colorIndicator = _interopRequireDefault(require("../color-indicator"));
-var _utils = require("../mobile/color-settings/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const ANIMATION_DURATION = 200;
-let contentWidth = 0;
-let scrollPosition = 0;
-let customIndicatorWidth = 0;
-function ColorPalette({
-  enableCustomColor = false,
-  setColor,
-  activeColor,
-  isGradientColor,
-  defaultSettings,
-  currentSegment,
-  onCustomPress,
-  shouldEnableBottomSheetScroll,
-  shouldShowCustomIndicatorOption = true,
-  shouldShowCustomLabel = true,
-  shouldShowCustomVerticalSeparator = true,
-  customColorIndicatorStyles,
-  customIndicatorWrapperStyles,
-  label
-}) {
-  var _defaultSettings$colo, _defaultSettings$grad, _defaultSettings$allC, _defaultSettings$allG;
-  const customSwatchGradients = ['linear-gradient(120deg, rgba(255,0,0,.8) 0%, rgba(255,255,255,1) 70.71%)', 'linear-gradient(240deg, rgba(0,255,0,.8) 0%, rgba(0,255,0,0) 70.71%)', 'linear-gradient(360deg, rgba(0,0,255,.8) 0%, rgba(0,0,255,0) 70.71%)'];
-  const scrollViewRef = (0, _element.useRef)();
-  const isIOS = _reactNative.Platform.OS === 'ios';
-  const isGradientSegment = currentSegment === _utils.colorsUtils.segments[1];
-  const scale = (0, _element.useRef)(new _reactNative.Animated.Value(1)).current;
-  const opacity = (0, _element.useRef)(new _reactNative.Animated.Value(1)).current;
-  const delayedScrollRef = (0, _element.useRef)();
-  const mergedColors = [...new Set(((_defaultSettings$colo = defaultSettings.colors) !== null && _defaultSettings$colo !== void 0 ? _defaultSettings$colo : []).map(({
-    color
-  }) => color))];
-  const mergedGradients = [...new Set(((_defaultSettings$grad = defaultSettings.gradients) !== null && _defaultSettings$grad !== void 0 ? _defaultSettings$grad : []).map(({
-    gradient
-  }) => gradient))];
-  const allAvailableColors = [...new Set(((_defaultSettings$allC = defaultSettings.allColors) !== null && _defaultSettings$allC !== void 0 ? _defaultSettings$allC : []).map(({
-    color
-  }) => color))];
-  const allAvailableGradients = [...new Set(((_defaultSettings$allG = defaultSettings.allGradients) !== null && _defaultSettings$allG !== void 0 ? _defaultSettings$allG : []).map(({
-    gradient
-  }) => gradient))];
-  const colors = isGradientSegment ? mergedGradients : mergedColors;
-  const allColors = isGradientSegment ? allAvailableGradients : allAvailableColors;
-  const customIndicatorColor = isGradientSegment ? activeColor : customSwatchGradients;
-  const isCustomGradientColor = isGradientColor && isSelectedCustom();
-  const shouldShowCustomIndicator = enableCustomColor && shouldShowCustomIndicatorOption && (!isGradientSegment || isCustomGradientColor);
-  const accessibilityHint = isGradientSegment ? (0, _i18n.__)('Navigates to customize the gradient') : (0, _i18n.__)('Navigates to custom color picker');
-  const customText = (0, _i18n.__)('Custom');
-  (0, _element.useEffect)(() => {
-    if (scrollViewRef.current) {
-      if (isSelectedCustom()) {
-        scrollToEndWithDelay();
-      } else {
-        scrollViewRef.current.scrollTo({
-          x: 0,
-          y: 0
-        });
-      }
-    }
-    // Not adding additional dependencies until the component can be refactored and updated safely.
-    // Please see https://github.com/WordPress/gutenberg/pull/41253 for discussion and details.
-  }, [currentSegment]);
-  function isSelectedCustom() {
-    const isWithinColors = activeColor && allColors?.includes(activeColor);
-    if (enableCustomColor && activeColor) {
-      if (isGradientSegment) {
-        return isGradientColor && !isWithinColors;
-      }
-      return !isGradientColor && !isWithinColors;
-    }
-    return false;
-  }
-  function isSelected(color) {
-    return !isSelectedCustom() && activeColor === color;
-  }
-  function timingAnimation(property, toValue) {
-    return _reactNative.Animated.timing(property, {
-      toValue,
-      duration: ANIMATION_DURATION,
-      easing: _reactNative.Easing.ease,
-      useNativeDriver: true
-    });
-  }
-  function performAnimation(color) {
-    if (!isSelected(color)) {
-      opacity.setValue(0);
-    }
-    _reactNative.Animated.parallel([timingAnimation(scale, 2), timingAnimation(opacity, 1)]).start(() => {
-      opacity.setValue(1);
-      scale.setValue(1);
-    });
-  }
-  const scaleInterpolation = scale.interpolate({
-    inputRange: [1, 1.5, 2],
-    outputRange: [1, 0.7, 1]
-  });
-  function deselectCustomGradient() {
-    const {
-      width
-    } = _reactNative.Dimensions.get('window');
-    const isVisible = contentWidth - scrollPosition - customIndicatorWidth < width;
-    if (isCustomGradientColor) {
-      if (!isIOS) {
-        // Scroll position on Android doesn't adjust automatically when removing the last item from the horizontal list.
-        // https://github.com/facebook/react-native/issues/27504
-        // Workaround: Force the scroll when deselecting custom gradient color and when custom indicator is visible on layout.
-        if (isCustomGradientColor && isVisible && scrollViewRef.current) {
-          scrollViewRef.current.scrollTo({
-            x: scrollPosition - customIndicatorWidth
-          });
-        }
-      }
-    }
-  }
-  function getColorGradientName(value) {
-    const fallbackName = (0, _i18n.sprintf)(/* translators: %s: the hex color value */
-    (0, _i18n.__)('Unlabeled color. %s'), value);
-    const foundColorName = isGradientSegment ? defaultSettings.gradients?.find(gradient => gradient.gradient === value) : defaultSettings.allColors?.find(color => color.color === value);
-    return foundColorName ? foundColorName?.name : fallbackName;
-  }
-  function onColorPress(color) {
-    deselectCustomGradient();
-    performAnimation(color);
-    setColor(color);
-  }
-  function onContentSizeChange(width) {
-    contentWidth = width;
-    if (isSelectedCustom() && scrollViewRef.current) {
-      scrollToEndWithDelay();
-    }
-  }
-  function scrollToEndWithDelay() {
-    delayedScrollRef.current = setTimeout(() => {
-      scrollViewRef?.current.scrollToEnd();
-    }, ANIMATION_DURATION);
-    return () => {
-      clearTimeout(delayedScrollRef.current);
-    };
-  }
-  function onCustomIndicatorLayout({
-    nativeEvent
-  }) {
-    const {
-      width
-    } = nativeEvent.layout;
-    if (width !== customIndicatorWidth) {
-      customIndicatorWidth = width;
-    }
-  }
-  function onScroll({
-    nativeEvent
-  }) {
-    scrollPosition = nativeEvent.contentOffset.x;
-  }
-  const verticalSeparatorStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.verticalSeparator, _style.default.verticalSeparatorDark);
-  const customTextStyle = (0, _compose.usePreferredColorSchemeStyle)([_style.default.customText, !isIOS && _style.default.customTextAndroid], _style.default.customTextDark);
-  const customIndicatorWrapperStyle = [_style.default.customIndicatorWrapper, customIndicatorWrapperStyles];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      accessibilityRole: "header",
-      style: _style.default.headerText,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      contentContainerStyle: _style.default.contentContainer,
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      keyboardShouldPersistTaps: "always",
-      disableScrollViewPanResponder: true,
-      scrollEventThrottle: 16,
-      onScroll: onScroll,
-      onContentSizeChange: onContentSizeChange,
-      onScrollBeginDrag: () => shouldEnableBottomSheetScroll(false),
-      onScrollEndDrag: () => shouldEnableBottomSheetScroll(true),
-      ref: scrollViewRef,
-      testID: `color-palette${label ? '-' + label : ''}`,
-      children: [colors.map(color => {
-        const scaleValue = isSelected(color) ? scaleInterpolation : 1;
-        const colorName = getColorGradientName(color);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-            onPress: () => onColorPress(color),
-            accessibilityRole: "button",
-            accessibilityState: {
-              selected: isSelected(color)
-            },
-            accessibilityHint: color,
-            accessibilityLabel: colorName,
-            testID: color,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-              style: {
-                transform: [{
-                  scale: scaleValue
-                }]
-              },
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorIndicator.default, {
-                color: color,
-                isSelected: isSelected(color),
-                opacity: opacity,
-                style: [_style.default.colorIndicator, customColorIndicatorStyles]
-              })
-            })
-          })
-        }, `${color}-${isSelected(color)}`);
-      }), shouldShowCustomIndicator && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: customIndicatorWrapperStyle,
-        onLayout: onCustomIndicatorLayout,
-        children: [shouldShowCustomVerticalSeparator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: verticalSeparatorStyle
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-          onPress: onCustomPress,
-          accessibilityRole: "button",
-          accessibilityState: {
-            selected: isSelectedCustom()
-          },
-          accessibilityHint: accessibilityHint,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: customIndicatorWrapperStyle,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_colorIndicator.default, {
-              withCustomPicker: !isGradientSegment,
-              color: customIndicatorColor,
-              isSelected: isSelectedCustom(),
-              style: [_style.default.colorIndicator, customColorIndicatorStyles]
-            }), shouldShowCustomLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: customTextStyle,
-              children: isIOS ? customText : customText.toUpperCase()
-            })]
-          })
-        })]
-      })]
-    })]
-  });
-}
-var _default = exports.default = ColorPalette;
-//# sourceMappingURL=index.native.js.map

package/build/color-palette/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_i18n","_element","_compose","_style","_interopRequireDefault","_colorIndicator","_utils","_jsxRuntime","ANIMATION_DURATION","contentWidth","scrollPosition","customIndicatorWidth","ColorPalette","enableCustomColor","setColor","activeColor","isGradientColor","defaultSettings","currentSegment","onCustomPress","shouldEnableBottomSheetScroll","shouldShowCustomIndicatorOption","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","customColorIndicatorStyles","customIndicatorWrapperStyles","label","_defaultSettings$colo","_defaultSettings$grad","_defaultSettings$allC","_defaultSettings$allG","customSwatchGradients","scrollViewRef","useRef","isIOS","Platform","OS","isGradientSegment","colorsUtils","segments","scale","Animated","Value","current","opacity","delayedScrollRef","mergedColors","Set","colors","map","color","mergedGradients","gradients","gradient","allAvailableColors","allColors","allAvailableGradients","allGradients","customIndicatorColor","isCustomGradientColor","isSelectedCustom","shouldShowCustomIndicator","accessibilityHint","__","customText","useEffect","scrollToEndWithDelay","scrollTo","x","y","isWithinColors","includes","isSelected","timingAnimation","property","toValue","timing","duration","easing","Easing","ease","useNativeDriver","performAnimation","setValue","parallel","start","scaleInterpolation","interpolate","inputRange","outputRange","deselectCustomGradient","width","Dimensions","get","isVisible","getColorGradientName","value","fallbackName","sprintf","foundColorName","find","name","onColorPress","onContentSizeChange","setTimeout","scrollToEnd","clearTimeout","onCustomIndicatorLayout","nativeEvent","layout","onScroll","contentOffset","verticalSeparatorStyle","usePreferredColorSchemeStyle","styles","verticalSeparator","verticalSeparatorDark","customTextStyle","customTextAndroid","customTextDark","customIndicatorWrapperStyle","customIndicatorWrapper","jsxs","Fragment","children","jsx","Text","accessibilityRole","style","headerText","ScrollView","contentContainerStyle","contentContainer","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","disableScrollViewPanResponder","scrollEventThrottle","onScrollBeginDrag","onScrollEndDrag","ref","testID","scaleValue","colorName","View","TouchableWithoutFeedback","onPress","accessibilityState","selected","accessibilityLabel","transform","default","colorIndicator","onLayout","withCustomPicker","toUpperCase","_default","exports"],"sources":["@wordpress/components/src/color-palette/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tScrollView,\n\tTouchableWithoutFeedback,\n\tView,\n\tAnimated,\n\tEasing,\n\tDimensions,\n\tPlatform,\n\tText,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport ColorIndicator from '../color-indicator';\nimport { colorsUtils } from '../mobile/color-settings/utils';\n\nconst ANIMATION_DURATION = 200;\n\nlet contentWidth = 0;\nlet scrollPosition = 0;\nlet customIndicatorWidth = 0;\n\nfunction ColorPalette( {\n\tenableCustomColor = false,\n\tsetColor,\n\tactiveColor,\n\tisGradientColor,\n\tdefaultSettings,\n\tcurrentSegment,\n\tonCustomPress,\n\tshouldEnableBottomSheetScroll,\n\tshouldShowCustomIndicatorOption = true,\n\tshouldShowCustomLabel = true,\n\tshouldShowCustomVerticalSeparator = true,\n\tcustomColorIndicatorStyles,\n\tcustomIndicatorWrapperStyles,\n\tlabel,\n} ) {\n\tconst customSwatchGradients = [\n\t\t'linear-gradient(120deg, rgba(255,0,0,.8) 0%, rgba(255,255,255,1) 70.71%)',\n\t\t'linear-gradient(240deg, rgba(0,255,0,.8) 0%, rgba(0,255,0,0) 70.71%)',\n\t\t'linear-gradient(360deg, rgba(0,0,255,.8) 0%, rgba(0,0,255,0) 70.71%)',\n\t];\n\n\tconst scrollViewRef = useRef();\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst isGradientSegment = currentSegment === colorsUtils.segments[ 1 ];\n\n\tconst scale = useRef( new Animated.Value( 1 ) ).current;\n\tconst opacity = useRef( new Animated.Value( 1 ) ).current;\n\tconst delayedScrollRef = useRef();\n\n\tconst mergedColors = [\n\t\t...new Set(\n\t\t\t( defaultSettings.colors ?? [] ).map( ( { color } ) => color )\n\t\t),\n\t];\n\tconst mergedGradients = [\n\t\t...new Set(\n\t\t\t( defaultSettings.gradients ?? [] ).map(\n\t\t\t\t( { gradient } ) => gradient\n\t\t\t)\n\t\t),\n\t];\n\tconst allAvailableColors = [\n\t\t...new Set(\n\t\t\t( defaultSettings.allColors ?? [] ).map( ( { color } ) => color )\n\t\t),\n\t];\n\tconst allAvailableGradients = [\n\t\t...new Set(\n\t\t\t( defaultSettings.allGradients ?? [] ).map(\n\t\t\t\t( { gradient } ) => gradient\n\t\t\t)\n\t\t),\n\t];\n\n\tconst colors = isGradientSegment ? mergedGradients : mergedColors;\n\tconst allColors = isGradientSegment\n\t\t? allAvailableGradients\n\t\t: allAvailableColors;\n\n\tconst customIndicatorColor = isGradientSegment\n\t\t? activeColor\n\t\t: customSwatchGradients;\n\tconst isCustomGradientColor = isGradientColor && isSelectedCustom();\n\tconst shouldShowCustomIndicator =\n\t\tenableCustomColor &&\n\t\tshouldShowCustomIndicatorOption &&\n\t\t( ! isGradientSegment || isCustomGradientColor );\n\n\tconst accessibilityHint = isGradientSegment\n\t\t? __( 'Navigates to customize the gradient' )\n\t\t: __( 'Navigates to custom color picker' );\n\tconst customText = __( 'Custom' );\n\n\tuseEffect( () => {\n\t\tif ( scrollViewRef.current ) {\n\t\t\tif ( isSelectedCustom() ) {\n\t\t\t\tscrollToEndWithDelay();\n\t\t\t} else {\n\t\t\t\tscrollViewRef.current.scrollTo( { x: 0, y: 0 } );\n\t\t\t}\n\t\t}\n\t\t// Not adding additional dependencies until the component can be refactored and updated safely.\n\t\t// Please see https://github.com/WordPress/gutenberg/pull/41253 for discussion and details.\n\t}, [ currentSegment ] );\n\n\tfunction isSelectedCustom() {\n\t\tconst isWithinColors =\n\t\t\tactiveColor && allColors?.includes( activeColor );\n\t\tif ( enableCustomColor && activeColor ) {\n\t\t\tif ( isGradientSegment ) {\n\t\t\t\treturn isGradientColor && ! isWithinColors;\n\t\t\t}\n\t\t\treturn ! isGradientColor && ! isWithinColors;\n\t\t}\n\t\treturn false;\n\t}\n\n\tfunction isSelected( color ) {\n\t\treturn ! isSelectedCustom() && activeColor === color;\n\t}\n\n\tfunction timingAnimation( property, toValue ) {\n\t\treturn Animated.timing( property, {\n\t\t\ttoValue,\n\t\t\tduration: ANIMATION_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: true,\n\t\t} );\n\t}\n\n\tfunction performAnimation( color ) {\n\t\tif ( ! isSelected( color ) ) {\n\t\t\topacity.setValue( 0 );\n\t\t}\n\n\t\tAnimated.parallel( [\n\t\t\ttimingAnimation( scale, 2 ),\n\t\t\ttimingAnimation( opacity, 1 ),\n\t\t] ).start( () => {\n\t\t\topacity.setValue( 1 );\n\t\t\tscale.setValue( 1 );\n\t\t} );\n\t}\n\n\tconst scaleInterpolation = scale.interpolate( {\n\t\tinputRange: [ 1, 1.5, 2 ],\n\t\toutputRange: [ 1, 0.7, 1 ],\n\t} );\n\n\tfunction deselectCustomGradient() {\n\t\tconst { width } = Dimensions.get( 'window' );\n\t\tconst isVisible =\n\t\t\tcontentWidth - scrollPosition - customIndicatorWidth < width;\n\n\t\tif ( isCustomGradientColor ) {\n\t\t\tif ( ! isIOS ) {\n\t\t\t\t// Scroll position on Android doesn't adjust automatically when removing the last item from the horizontal list.\n\t\t\t\t// https://github.com/facebook/react-native/issues/27504\n\t\t\t\t// Workaround: Force the scroll when deselecting custom gradient color and when custom indicator is visible on layout.\n\t\t\t\tif (\n\t\t\t\t\tisCustomGradientColor &&\n\t\t\t\t\tisVisible &&\n\t\t\t\t\tscrollViewRef.current\n\t\t\t\t) {\n\t\t\t\t\tscrollViewRef.current.scrollTo( {\n\t\t\t\t\t\tx: scrollPosition - customIndicatorWidth,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction getColorGradientName( value ) {\n\t\tconst fallbackName = sprintf(\n\t\t\t/* translators: %s: the hex color value */\n\t\t\t__( 'Unlabeled color. %s' ),\n\t\t\tvalue\n\t\t);\n\t\tconst foundColorName = isGradientSegment\n\t\t\t? defaultSettings.gradients?.find(\n\t\t\t\t\t( gradient ) => gradient.gradient === value\n\t\t\t  )\n\t\t\t: defaultSettings.allColors?.find(\n\t\t\t\t\t( color ) => color.color === value\n\t\t\t  );\n\t\treturn foundColorName ? foundColorName?.name : fallbackName;\n\t}\n\n\tfunction onColorPress( color ) {\n\t\tdeselectCustomGradient();\n\t\tperformAnimation( color );\n\t\tsetColor( color );\n\t}\n\n\tfunction onContentSizeChange( width ) {\n\t\tcontentWidth = width;\n\t\tif ( isSelectedCustom() && scrollViewRef.current ) {\n\t\t\tscrollToEndWithDelay();\n\t\t}\n\t}\n\n\tfunction scrollToEndWithDelay() {\n\t\tdelayedScrollRef.current = setTimeout( () => {\n\t\t\tscrollViewRef?.current.scrollToEnd();\n\t\t}, ANIMATION_DURATION );\n\t\treturn () => {\n\t\t\tclearTimeout( delayedScrollRef.current );\n\t\t};\n\t}\n\n\tfunction onCustomIndicatorLayout( { nativeEvent } ) {\n\t\tconst { width } = nativeEvent.layout;\n\t\tif ( width !== customIndicatorWidth ) {\n\t\t\tcustomIndicatorWidth = width;\n\t\t}\n\t}\n\n\tfunction onScroll( { nativeEvent } ) {\n\t\tscrollPosition = nativeEvent.contentOffset.x;\n\t}\n\n\tconst verticalSeparatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles.verticalSeparator,\n\t\tstyles.verticalSeparatorDark\n\t);\n\n\tconst customTextStyle = usePreferredColorSchemeStyle(\n\t\t[ styles.customText, ! isIOS && styles.customTextAndroid ],\n\t\tstyles.customTextDark\n\t);\n\n\tconst customIndicatorWrapperStyle = [\n\t\tstyles.customIndicatorWrapper,\n\t\tcustomIndicatorWrapperStyles,\n\t];\n\n\treturn (\n\t\t<>\n\t\t\t{ label && (\n\t\t\t\t<Text accessibilityRole=\"header\" style={ styles.headerText }>\n\t\t\t\t\t{ label }\n\t\t\t\t</Text>\n\t\t\t) }\n\n\t\t\t<ScrollView\n\t\t\t\tcontentContainerStyle={ styles.contentContainer }\n\t\t\t\thorizontal\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\tdisableScrollViewPanResponder\n\t\t\t\tscrollEventThrottle={ 16 }\n\t\t\t\tonScroll={ onScroll }\n\t\t\t\tonContentSizeChange={ onContentSizeChange }\n\t\t\t\tonScrollBeginDrag={ () =>\n\t\t\t\t\tshouldEnableBottomSheetScroll( false )\n\t\t\t\t}\n\t\t\t\tonScrollEndDrag={ () => shouldEnableBottomSheetScroll( true ) }\n\t\t\t\tref={ scrollViewRef }\n\t\t\t\ttestID={ `color-palette${ label ? '-' + label : '' }` }\n\t\t\t>\n\t\t\t\t{ colors.map( ( color ) => {\n\t\t\t\t\tconst scaleValue = isSelected( color )\n\t\t\t\t\t\t? scaleInterpolation\n\t\t\t\t\t\t: 1;\n\t\t\t\t\tconst colorName = getColorGradientName( color );\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View key={ `${ color }-${ isSelected( color ) }` }>\n\t\t\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\t\t\tonPress={ () => onColorPress( color ) }\n\t\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\t\tselected: isSelected( color ),\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taccessibilityHint={ color }\n\t\t\t\t\t\t\t\taccessibilityLabel={ colorName }\n\t\t\t\t\t\t\t\ttestID={ color }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Animated.View\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\ttransform: [\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tscale: scaleValue,\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\t\tcolor={ color }\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected( color ) }\n\t\t\t\t\t\t\t\t\t\topacity={ opacity }\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tstyles.colorIndicator,\n\t\t\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Animated.View>\n\t\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ shouldShowCustomIndicator && (\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ customIndicatorWrapperStyle }\n\t\t\t\t\t\tonLayout={ onCustomIndicatorLayout }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ shouldShowCustomVerticalSeparator && (\n\t\t\t\t\t\t\t<View style={ verticalSeparatorStyle } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\t\tonPress={ onCustomPress }\n\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\taccessibilityState={ {\n\t\t\t\t\t\t\t\tselected: isSelectedCustom(),\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<View style={ customIndicatorWrapperStyle }>\n\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\twithCustomPicker={ ! isGradientSegment }\n\t\t\t\t\t\t\t\t\tcolor={ customIndicatorColor }\n\t\t\t\t\t\t\t\t\tisSelected={ isSelectedCustom() }\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.colorIndicator,\n\t\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ shouldShowCustomLabel && (\n\t\t\t\t\t\t\t\t\t<Text style={ customTextStyle }>\n\t\t\t\t\t\t\t\t\t\t{ isIOS\n\t\t\t\t\t\t\t\t\t\t\t? customText\n\t\t\t\t\t\t\t\t\t\t\t: customText.toUpperCase() }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\t\t\t</ScrollView>\n\t\t</>\n\t);\n}\n\nexport default ColorPalette;\n"],"mappings":"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","ignoreList":[]}

package/build/color-picker/hsv-color-picker.native.js

@@ -1,93 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _element = require("@wordpress/element");
-var _huePicker = _interopRequireDefault(require("./hue-picker"));
-var _saturationPicker = _interopRequireDefault(require("./saturation-picker"));
-var _styleNative = _interopRequireDefault(require("./style.native.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const HsvColorPicker = props => {
-  const maxWidth = _reactNative.Dimensions.get('window').width - 32;
-  const satValPickerRef = (0, _element.useRef)(null);
-  const {
-    containerStyle = {},
-    currentColor,
-    huePickerContainerStyle = {},
-    huePickerBorderRadius = 0,
-    huePickerHue = 0,
-    huePickerBarWidth = maxWidth,
-    huePickerBarHeight = 12,
-    huePickerSliderSize = 24,
-    onHuePickerDragStart,
-    onHuePickerDragMove,
-    onHuePickerDragEnd,
-    onHuePickerDragTerminate,
-    onHuePickerPress,
-    satValPickerContainerStyle = {},
-    satValPickerBorderRadius = 0,
-    satValPickerSize = {
-      width: maxWidth,
-      height: 200
-    },
-    satValPickerSliderSize = 24,
-    satValPickerHue = 0,
-    satValPickerSaturation = 1,
-    satValPickerValue = 1,
-    onSatValPickerDragStart,
-    onSatValPickerDragMove,
-    onSatValPickerDragEnd,
-    onSatValPickerDragTerminate,
-    onSatValPickerPress
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [_styleNative.default['hsv-container'], containerStyle],
-    testID: "hsv-color-picker",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_saturationPicker.default, {
-      containerStyle: satValPickerContainerStyle,
-      currentColor: currentColor,
-      borderRadius: satValPickerBorderRadius,
-      size: satValPickerSize,
-      sliderSize: satValPickerSliderSize,
-      hue: satValPickerHue,
-      saturation: satValPickerSaturation,
-      value: satValPickerValue,
-      onDragStart: onSatValPickerDragStart,
-      onDragMove: onSatValPickerDragMove,
-      onDragEnd: onSatValPickerDragEnd,
-      onDragTerminate: onSatValPickerDragTerminate,
-      onPress: onSatValPickerPress,
-      ref: satValPickerRef
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_huePicker.default, {
-      containerStyle: huePickerContainerStyle,
-      borderRadius: huePickerBorderRadius,
-      hue: huePickerHue,
-      barWidth: huePickerBarWidth,
-      barHeight: huePickerBarHeight,
-      sliderSize: huePickerSliderSize,
-      onDragStart: onHuePickerDragStart,
-      onDragMove: onHuePickerDragMove,
-      onDragEnd: onHuePickerDragEnd,
-      onDragTerminate: onHuePickerDragTerminate,
-      onPress: onHuePickerPress
-    })]
-  });
-};
-var _default = exports.default = HsvColorPicker;
-//# sourceMappingURL=hsv-color-picker.native.js.map

package/build/color-picker/hsv-color-picker.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_element","_huePicker","_interopRequireDefault","_saturationPicker","_styleNative","_jsxRuntime","HsvColorPicker","props","maxWidth","Dimensions","get","width","satValPickerRef","useRef","containerStyle","currentColor","huePickerContainerStyle","huePickerBorderRadius","huePickerHue","huePickerBarWidth","huePickerBarHeight","huePickerSliderSize","onHuePickerDragStart","onHuePickerDragMove","onHuePickerDragEnd","onHuePickerDragTerminate","onHuePickerPress","satValPickerContainerStyle","satValPickerBorderRadius","satValPickerSize","height","satValPickerSliderSize","satValPickerHue","satValPickerSaturation","satValPickerValue","onSatValPickerDragStart","onSatValPickerDragMove","onSatValPickerDragEnd","onSatValPickerDragTerminate","onSatValPickerPress","jsxs","View","style","styles","testID","children","jsx","default","borderRadius","size","sliderSize","hue","saturation","value","onDragStart","onDragMove","onDragEnd","onDragTerminate","onPress","ref","barWidth","barHeight","_default","exports"],"sources":["@wordpress/components/src/color-picker/hsv-color-picker.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Dimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport HuePicker from './hue-picker';\nimport SaturationValuePicker from './saturation-picker';\nimport styles from './style.native.scss';\n\nconst HsvColorPicker = ( props ) => {\n\tconst maxWidth = Dimensions.get( 'window' ).width - 32;\n\tconst satValPickerRef = useRef( null );\n\n\tconst {\n\t\tcontainerStyle = {},\n\t\tcurrentColor,\n\t\thuePickerContainerStyle = {},\n\t\thuePickerBorderRadius = 0,\n\t\thuePickerHue = 0,\n\t\thuePickerBarWidth = maxWidth,\n\t\thuePickerBarHeight = 12,\n\t\thuePickerSliderSize = 24,\n\t\tonHuePickerDragStart,\n\t\tonHuePickerDragMove,\n\t\tonHuePickerDragEnd,\n\t\tonHuePickerDragTerminate,\n\t\tonHuePickerPress,\n\t\tsatValPickerContainerStyle = {},\n\t\tsatValPickerBorderRadius = 0,\n\t\tsatValPickerSize = { width: maxWidth, height: 200 },\n\t\tsatValPickerSliderSize = 24,\n\t\tsatValPickerHue = 0,\n\t\tsatValPickerSaturation = 1,\n\t\tsatValPickerValue = 1,\n\t\tonSatValPickerDragStart,\n\t\tonSatValPickerDragMove,\n\t\tonSatValPickerDragEnd,\n\t\tonSatValPickerDragTerminate,\n\t\tonSatValPickerPress,\n\t} = props;\n\n\treturn (\n\t\t<View\n\t\t\tstyle={ [ styles[ 'hsv-container' ], containerStyle ] }\n\t\t\ttestID=\"hsv-color-picker\"\n\t\t>\n\t\t\t<SaturationValuePicker\n\t\t\t\tcontainerStyle={ satValPickerContainerStyle }\n\t\t\t\tcurrentColor={ currentColor }\n\t\t\t\tborderRadius={ satValPickerBorderRadius }\n\t\t\t\tsize={ satValPickerSize }\n\t\t\t\tsliderSize={ satValPickerSliderSize }\n\t\t\t\thue={ satValPickerHue }\n\t\t\t\tsaturation={ satValPickerSaturation }\n\t\t\t\tvalue={ satValPickerValue }\n\t\t\t\tonDragStart={ onSatValPickerDragStart }\n\t\t\t\tonDragMove={ onSatValPickerDragMove }\n\t\t\t\tonDragEnd={ onSatValPickerDragEnd }\n\t\t\t\tonDragTerminate={ onSatValPickerDragTerminate }\n\t\t\t\tonPress={ onSatValPickerPress }\n\t\t\t\tref={ satValPickerRef }\n\t\t\t/>\n\t\t\t<HuePicker\n\t\t\t\tcontainerStyle={ huePickerContainerStyle }\n\t\t\t\tborderRadius={ huePickerBorderRadius }\n\t\t\t\thue={ huePickerHue }\n\t\t\t\tbarWidth={ huePickerBarWidth }\n\t\t\t\tbarHeight={ huePickerBarHeight }\n\t\t\t\tsliderSize={ huePickerSliderSize }\n\t\t\t\tonDragStart={ onHuePickerDragStart }\n\t\t\t\tonDragMove={ onHuePickerDragMove }\n\t\t\t\tonDragEnd={ onHuePickerDragEnd }\n\t\t\t\tonDragTerminate={ onHuePickerDragTerminate }\n\t\t\t\tonPress={ onHuePickerPress }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default HsvColorPicker;\n"],"mappings":"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","ignoreList":[]}

package/build/color-picker/hue-picker.native.js

@@ -1,202 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
-var _element = _interopRequireWildcard(require("@wordpress/element"));
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-class HuePicker extends _element.Component {
-  constructor(props) {
-    super(props);
-    this.hueColors = ['#ff0000', '#ffff00', '#00ff00', '#00ffff', '#0000ff', '#ff00ff', '#ff0000'];
-    this.sliderX = new _reactNative.Animated.Value(props.barHeight * props.hue / 360);
-    this.panResponder = _reactNative.PanResponder.create({
-      onStartShouldSetPanResponder: () => true,
-      onStartShouldSetPanResponderCapture: () => true,
-      onMoveShouldSetPanResponder: () => true,
-      onMoveShouldSetPanResponderCapture: () => true,
-      onPanResponderGrant: (evt, gestureState) => {
-        const {
-          onPress
-        } = this.props;
-        this.dragStartValue = this.computeHueValuePress(evt);
-        if (onPress) {
-          onPress({
-            hue: this.computeHueValuePress(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
-    });
-  }
-  componentDidUpdate(prevProps) {
-    const {
-      hue = 0,
-      barWidth = 200,
-      sliderSize = 24
-    } = this.props;
-    const borderWidth = sliderSize / 10;
-    if (prevProps.hue !== hue || prevProps.barWidth !== barWidth) {
-      this.sliderX.setValue((barWidth - sliderSize + borderWidth) * hue / 360);
-    }
-  }
-  normalizeValue(value) {
-    if (value < 0) {
-      return 0;
-    }
-    if (value > 1) {
-      return 1;
-    }
-    return value;
-  }
-  getContainerStyle() {
-    const {
-      sliderSize = 24,
-      barHeight = 12,
-      containerStyle = {}
-    } = this.props;
-    const paddingLeft = sliderSize / 2;
-    const paddingTop = sliderSize - barHeight > 0 ? (sliderSize - barHeight) / 2 : 0;
-    return [_style.default['hsv-container'], containerStyle, {
-      paddingTop,
-      paddingBottom: paddingTop,
-      paddingLeft,
-      paddingRight: paddingLeft
-    }];
-  }
-  computeHueValueDrag(gestureState) {
-    const {
-      dx
-    } = gestureState;
-    const {
-      barWidth = 200
-    } = this.props;
-    const {
-      dragStartValue
-    } = this;
-    const diff = dx / barWidth;
-    const updatedHue = this.normalizeValue(dragStartValue / 360 + diff) * 360;
-    return updatedHue;
-  }
-  computeHueValuePress(event) {
-    const {
-      nativeEvent
-    } = event;
-    const {
-      locationX
-    } = nativeEvent;
-    const {
-      barWidth = 200
-    } = this.props;
-    const updatedHue = this.normalizeValue(locationX / barWidth) * 360;
-    return updatedHue;
-  }
-  fireDragEvent(eventName, gestureState) {
-    const {
-      [eventName]: event
-    } = this.props;
-    if (event) {
-      event({
-        hue: this.computeHueValueDrag(gestureState),
-        gestureState
-      });
-    }
-  }
-  firePressEvent(event) {
-    const {
-      onPress
-    } = this.props;
-    if (onPress) {
-      onPress({
-        hue: this.computeHueValuePress(event),
-        nativeEvent: event.nativeEvent
-      });
-    }
-  }
-  render() {
-    const {
-      hueColors
-    } = this;
-    const {
-      sliderSize = 24,
-      barWidth = 200,
-      barHeight = 12,
-      borderRadius = 0
-    } = this.props;
-    const borderWidth = sliderSize / 10;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: this.getContainerStyle(),
-      ...this.panResponder.panHandlers,
-      hitSlop: {
-        top: 10,
-        bottom: 10,
-        left: 0,
-        right: 0
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeLinearGradient.default, {
-        colors: hueColors,
-        style: {
-          borderRadius
-        },
-        start: {
-          x: 0,
-          y: 0
-        },
-        end: {
-          x: 1,
-          y: 0
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            width: barWidth,
-            height: barHeight
-          }
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        pointerEvents: "none",
-        style: [_style.default['hue-slider'], {
-          width: sliderSize,
-          height: sliderSize,
-          left: (sliderSize - borderWidth) / 2,
-          borderRadius: sliderSize / 2,
-          transform: [{
-            translateX: this.sliderX
-          }]
-        }]
-      })]
-    });
-  }
-}
-exports.default = HuePicker;
-//# sourceMappingURL=hue-picker.native.js.map

package/build/color-picker/hue-picker.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_reactNativeLinearGradient","_interopRequireDefault","_element","_interopRequireWildcard","_style","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HuePicker","Component","constructor","props","hueColors","sliderX","Animated","Value","barHeight","hue","panResponder","PanResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderGrant","evt","gestureState","onPress","dragStartValue","computeHueValuePress","nativeEvent","fireDragEvent","onPanResponderMove","onPanResponderTerminationRequest","onPanResponderRelease","onPanResponderTerminate","onShouldBlockNativeResponder","componentDidUpdate","prevProps","barWidth","sliderSize","borderWidth","setValue","normalizeValue","value","getContainerStyle","containerStyle","paddingLeft","paddingTop","styles","paddingBottom","paddingRight","computeHueValueDrag","dx","diff","updatedHue","event","locationX","eventName","firePressEvent","render","borderRadius","jsxs","View","style","panHandlers","hitSlop","top","bottom","left","right","children","jsx","colors","start","x","y","end","width","height","pointerEvents","transform","translateX","exports"],"sources":["@wordpress/components/src/color-picker/hue-picker.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, View, PanResponder } from 'react-native';\nimport LinearGradient from 'react-native-linear-gradient';\n\n/**\n * WordPress dependencies\n */\nimport React, { Component } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nexport default class HuePicker extends Component {\n\tconstructor( props ) {\n\t\tsuper( props );\n\t\tthis.hueColors = [\n\t\t\t'#ff0000',\n\t\t\t'#ffff00',\n\t\t\t'#00ff00',\n\t\t\t'#00ffff',\n\t\t\t'#0000ff',\n\t\t\t'#ff00ff',\n\t\t\t'#ff0000',\n\t\t];\n\t\tthis.sliderX = new Animated.Value(\n\t\t\t( props.barHeight * props.hue ) / 360\n\t\t);\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\tthis.dragStartValue = this.computeHueValuePress( evt );\n\n\t\t\t\tif ( onPress ) {\n\t\t\t\t\tonPress( {\n\t\t\t\t\t\thue: this.computeHueValuePress( 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\tcomponentDidUpdate( prevProps ) {\n\t\tconst { hue = 0, barWidth = 200, sliderSize = 24 } = this.props;\n\t\tconst borderWidth = sliderSize / 10;\n\t\tif ( prevProps.hue !== hue || prevProps.barWidth !== barWidth ) {\n\t\t\tthis.sliderX.setValue(\n\t\t\t\t( ( barWidth - sliderSize + borderWidth ) * hue ) / 360\n\t\t\t);\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\tgetContainerStyle() {\n\t\tconst {\n\t\t\tsliderSize = 24,\n\t\t\tbarHeight = 12,\n\t\t\tcontainerStyle = {},\n\t\t} = this.props;\n\t\tconst paddingLeft = sliderSize / 2;\n\t\tconst paddingTop =\n\t\t\tsliderSize - barHeight > 0 ? ( sliderSize - barHeight ) / 2 : 0;\n\t\treturn [\n\t\t\tstyles[ 'hsv-container' ],\n\t\t\tcontainerStyle,\n\t\t\t{\n\t\t\t\tpaddingTop,\n\t\t\t\tpaddingBottom: paddingTop,\n\t\t\t\tpaddingLeft,\n\t\t\t\tpaddingRight: paddingLeft,\n\t\t\t},\n\t\t];\n\t}\n\n\tcomputeHueValueDrag( gestureState ) {\n\t\tconst { dx } = gestureState;\n\t\tconst { barWidth = 200 } = this.props;\n\t\tconst { dragStartValue } = this;\n\t\tconst diff = dx / barWidth;\n\t\tconst updatedHue =\n\t\t\tthis.normalizeValue( dragStartValue / 360 + diff ) * 360;\n\t\treturn updatedHue;\n\t}\n\n\tcomputeHueValuePress( event ) {\n\t\tconst { nativeEvent } = event;\n\t\tconst { locationX } = nativeEvent;\n\t\tconst { barWidth = 200 } = this.props;\n\t\tconst updatedHue = this.normalizeValue( locationX / barWidth ) * 360;\n\t\treturn updatedHue;\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\thue: this.computeHueValueDrag( gestureState ),\n\t\t\t\tgestureState,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfirePressEvent( event ) {\n\t\tconst { onPress } = this.props;\n\t\tif ( onPress ) {\n\t\t\tonPress( {\n\t\t\t\thue: this.computeHueValuePress( event ),\n\t\t\t\tnativeEvent: event.nativeEvent,\n\t\t\t} );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { hueColors } = this;\n\t\tconst {\n\t\t\tsliderSize = 24,\n\t\t\tbarWidth = 200,\n\t\t\tbarHeight = 12,\n\t\t\tborderRadius = 0,\n\t\t} = this.props;\n\t\tconst borderWidth = sliderSize / 10;\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ this.getContainerStyle() }\n\t\t\t\t{ ...this.panResponder.panHandlers }\n\t\t\t\thitSlop={ {\n\t\t\t\t\ttop: 10,\n\t\t\t\t\tbottom: 10,\n\t\t\t\t\tleft: 0,\n\t\t\t\t\tright: 0,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<LinearGradient\n\t\t\t\t\tcolors={ hueColors }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tborderRadius,\n\t\t\t\t\t} }\n\t\t\t\t\tstart={ { x: 0, y: 0 } }\n\t\t\t\t\tend={ { x: 1, y: 0 } }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\twidth: barWidth,\n\t\t\t\t\t\t\theight: barHeight,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</LinearGradient>\n\t\t\t\t<Animated.View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ [\n\t\t\t\t\t\tstyles[ 'hue-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\tleft: ( sliderSize - borderWidth ) / 2,\n\t\t\t\t\t\t\tborderRadius: sliderSize / 2,\n\t\t\t\t\t\t\ttransform: [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\ttranslateX: this.sliderX,\n\t\t\t\t\t\t\t\t},\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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAkC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAO,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAdlC;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,MAAMW,SAAS,SAASC,kBAAS,CAAC;EAChDC,WAAWA,CAAEC,KAAK,EAAG;IACpB,KAAK,CAAEA,KAAM,CAAC;IACd,IAAI,CAACC,SAAS,GAAG,CAChB,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,CACT;IACD,IAAI,CAACC,OAAO,GAAG,IAAIC,qBAAQ,CAACC,KAAK,CAC9BJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACM,GAAG,GAAK,GACnC,CAAC;IACD,IAAI,CAACC,YAAY,GAAGC,yBAAY,CAACC,MAAM,CAAE;MACxCC,4BAA4B,EAAEA,CAAA,KAAM,IAAI;MACxCC,mCAAmC,EAAEA,CAAA,KAAM,IAAI;MAC/CC,2BAA2B,EAAEA,CAAA,KAAM,IAAI;MACvCC,kCAAkC,EAAEA,CAAA,KAAM,IAAI;MAC9CC,mBAAmB,EAAEA,CAAEC,GAAG,EAAEC,YAAY,KAAM;QAC7C,MAAM;UAAEC;QAAQ,CAAC,GAAG,IAAI,CAACjB,KAAK;QAC9B,IAAI,CAACkB,cAAc,GAAG,IAAI,CAACC,oBAAoB,CAAEJ,GAAI,CAAC;QAEtD,IAAKE,OAAO,EAAG;UACdA,OAAO,CAAE;YACRX,GAAG,EAAE,IAAI,CAACa,oBAAoB,CAAEJ,GAAI,CAAC;YACrCK,WAAW,EAAEL,GAAG,CAACK;UAClB,CAAE,CAAC;QACJ;QAEA,IAAI,CAACC,aAAa,CAAE,aAAa,EAAEL,YAAa,CAAC;MAClD,CAAC;MACDM,kBAAkB,EAAEA,CAAEP,GAAG,EAAEC,YAAY,KAAM;QAC5C,IAAI,CAACK,aAAa,CAAE,YAAY,EAAEL,YAAa,CAAC;MACjD,CAAC;MACDO,gCAAgC,EAAEA,CAAA,KAAM,IAAI;MAC5CC,qBAAqB,EAAEA,CAAET,GAAG,EAAEC,YAAY,KAAM;QAC/C,IAAI,CAACK,aAAa,CAAE,WAAW,EAAEL,YAAa,CAAC;MAChD,CAAC;MACDS,uBAAuB,EAAEA,CAAEV,GAAG,EAAEC,YAAY,KAAM;QACjD,IAAI,CAACK,aAAa,CAAE,iBAAiB,EAAEL,YAAa,CAAC;MACtD,CAAC;MACDU,4BAA4B,EAAEA,CAAA,KAAM;IACrC,CAAE,CAAC;EACJ;EAEAC,kBAAkBA,CAAEC,SAAS,EAAG;IAC/B,MAAM;MAAEtB,GAAG,GAAG,CAAC;MAAEuB,QAAQ,GAAG,GAAG;MAAEC,UAAU,GAAG;IAAG,CAAC,GAAG,IAAI,CAAC9B,KAAK;IAC/D,MAAM+B,WAAW,GAAGD,UAAU,GAAG,EAAE;IACnC,IAAKF,SAAS,CAACtB,GAAG,KAAKA,GAAG,IAAIsB,SAAS,CAACC,QAAQ,KAAKA,QAAQ,EAAG;MAC/D,IAAI,CAAC3B,OAAO,CAAC8B,QAAQ,CAClB,CAAEH,QAAQ,GAAGC,UAAU,GAAGC,WAAW,IAAKzB,GAAG,GAAK,GACrD,CAAC;IACF;EACD;EAEA2B,cAAcA,CAAEC,KAAK,EAAG;IACvB,IAAKA,KAAK,GAAG,CAAC,EAAG;MAChB,OAAO,CAAC;IACT;IACA,IAAKA,KAAK,GAAG,CAAC,EAAG;MAChB,OAAO,CAAC;IACT;IACA,OAAOA,KAAK;EACb;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,MAAM;MACLL,UAAU,GAAG,EAAE;MACfzB,SAAS,GAAG,EAAE;MACd+B,cAAc,GAAG,CAAC;IACnB,CAAC,GAAG,IAAI,CAACpC,KAAK;IACd,MAAMqC,WAAW,GAAGP,UAAU,GAAG,CAAC;IAClC,MAAMQ,UAAU,GACfR,UAAU,GAAGzB,SAAS,GAAG,CAAC,GAAG,CAAEyB,UAAU,GAAGzB,SAAS,IAAK,CAAC,GAAG,CAAC;IAChE,OAAO,CACNkC,cAAM,CAAE,eAAe,CAAE,EACzBH,cAAc,EACd;MACCE,UAAU;MACVE,aAAa,EAAEF,UAAU;MACzBD,WAAW;MACXI,YAAY,EAAEJ;IACf,CAAC,CACD;EACF;EAEAK,mBAAmBA,CAAE1B,YAAY,EAAG;IACnC,MAAM;MAAE2B;IAAG,CAAC,GAAG3B,YAAY;IAC3B,MAAM;MAAEa,QAAQ,GAAG;IAAI,CAAC,GAAG,IAAI,CAAC7B,KAAK;IACrC,MAAM;MAAEkB;IAAe,CAAC,GAAG,IAAI;IAC/B,MAAM0B,IAAI,GAAGD,EAAE,GAAGd,QAAQ;IAC1B,MAAMgB,UAAU,GACf,IAAI,CAACZ,cAAc,CAAEf,cAAc,GAAG,GAAG,GAAG0B,IAAK,CAAC,GAAG,GAAG;IACzD,OAAOC,UAAU;EAClB;EAEA1B,oBAAoBA,CAAE2B,KAAK,EAAG;IAC7B,MAAM;MAAE1B;IAAY,CAAC,GAAG0B,KAAK;IAC7B,MAAM;MAAEC;IAAU,CAAC,GAAG3B,WAAW;IACjC,MAAM;MAAES,QAAQ,GAAG;IAAI,CAAC,GAAG,IAAI,CAAC7B,KAAK;IACrC,MAAM6C,UAAU,GAAG,IAAI,CAACZ,cAAc,CAAEc,SAAS,GAAGlB,QAAS,CAAC,GAAG,GAAG;IACpE,OAAOgB,UAAU;EAClB;EAEAxB,aAAaA,CAAE2B,SAAS,EAAEhC,YAAY,EAAG;IACxC,MAAM;MAAE,CAAEgC,SAAS,GAAIF;IAAM,CAAC,GAAG,IAAI,CAAC9C,KAAK;IAC3C,IAAK8C,KAAK,EAAG;MACZA,KAAK,CAAE;QACNxC,GAAG,EAAE,IAAI,CAACoC,mBAAmB,CAAE1B,YAAa,CAAC;QAC7CA;MACD,CAAE,CAAC;IACJ;EACD;EAEAiC,cAAcA,CAAEH,KAAK,EAAG;IACvB,MAAM;MAAE7B;IAAQ,CAAC,GAAG,IAAI,CAACjB,KAAK;IAC9B,IAAKiB,OAAO,EAAG;MACdA,OAAO,CAAE;QACRX,GAAG,EAAE,IAAI,CAACa,oBAAoB,CAAE2B,KAAM,CAAC;QACvC1B,WAAW,EAAE0B,KAAK,CAAC1B;MACpB,CAAE,CAAC;IACJ;EACD;EAEA8B,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEjD;IAAU,CAAC,GAAG,IAAI;IAC1B,MAAM;MACL6B,UAAU,GAAG,EAAE;MACfD,QAAQ,GAAG,GAAG;MACdxB,SAAS,GAAG,EAAE;MACd8C,YAAY,GAAG;IAChB,CAAC,GAAG,IAAI,CAACnD,KAAK;IACd,MAAM+B,WAAW,GAAGD,UAAU,GAAG,EAAE;IACnC,oBACC,IAAAtD,WAAA,CAAA4E,IAAA,EAACnF,YAAA,CAAAoF,IAAI;MACJC,KAAK,EAAG,IAAI,CAACnB,iBAAiB,CAAC,CAAG;MAAA,GAC7B,IAAI,CAAC5B,YAAY,CAACgD,WAAW;MAClCC,OAAO,EAAG;QACTC,GAAG,EAAE,EAAE;QACPC,MAAM,EAAE,EAAE;QACVC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE;MACR,CAAG;MAAAC,QAAA,gBAEH,IAAArF,WAAA,CAAAsF,GAAA,EAAC3F,0BAAA,CAAAY,OAAc;QACdgF,MAAM,EAAG9D,SAAW;QACpBqD,KAAK,EAAG;UACPH;QACD,CAAG;QACHa,KAAK,EAAG;UAAEC,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAG;QACxBC,GAAG,EAAG;UAAEF,CAAC,EAAE,CAAC;UAAEC,CAAC,EAAE;QAAE,CAAG;QAAAL,QAAA,eAEtB,IAAArF,WAAA,CAAAsF,GAAA,EAAC7F,YAAA,CAAAoF,IAAI;UACJC,KAAK,EAAG;YACPc,KAAK,EAAEvC,QAAQ;YACfwC,MAAM,EAAEhE;UACT;QAAG,CACH;MAAC,CACa,CAAC,eACjB,IAAA7B,WAAA,CAAAsF,GAAA,EAAC7F,YAAA,CAAAkC,QAAQ,CAACkD,IAAI;QACbiB,aAAa,EAAC,MAAM;QACpBhB,KAAK,EAAG,CACPf,cAAM,CAAE,YAAY,CAAE,EACtB;UACC6B,KAAK,EAAEtC,UAAU;UACjBuC,MAAM,EAAEvC,UAAU;UAClB6B,IAAI,EAAE,CAAE7B,UAAU,GAAGC,WAAW,IAAK,CAAC;UACtCoB,YAAY,EAAErB,UAAU,GAAG,CAAC;UAC5ByC,SAAS,EAAE,CACV;YACCC,UAAU,EAAE,IAAI,CAACtE;UAClB,CAAC;QAEH,CAAC;MACC,CACH,CAAC;IAAA,CACG,CAAC;EAET;AACD;AAACuE,OAAA,CAAA1F,OAAA,GAAAc,SAAA","ignoreList":[]}