reanimated-color-picker 2.3.2 → 2.3.3

package/README.md

@@ -66,3 +66,11 @@ npm i reanimated-color-picker
 # :small_blue_diamond:License
 
 - Reanimated Color Picker library is licensed under [**The MIT License.**](https://github.com/alabsi91/reanimated-color-picker/blob/main/LICENSE)
+
+# :small_blue_diamond: Sponsoring
+
+<a href="https://github.com/sponsors/alabsi91">
+  <img align="right" width="160" alt="This library helped you? Consider sponsoring!" src=".github/funding-octocat.svg">
+</a>
+
+If you're integrating Reanimated Color Picker in a production app, consider [funding this project](https://github.com/sponsors/alabsi91) and <a href="mailto:alabsi91@gmail.com">contact me</a> .

package/lib/commonjs/ColorPicker.js

@@ -129,6 +129,15 @@ const ColorPicker = /*#__PURE__*/ (0, _react.forwardRef)((_ref, ref) => {
   (0, _react.useEffect)(() => {
     setColor(value);
   }, [value]);
+
+  // Addressing a sporadic problem where the shared value for color channels fails to update upon component mounting.
+  // This issue appears to manifest randomly and might be correlated with the Reanimated library.
+  (0, _react.useEffect)(() => {
+    hueValue.value += 1;
+    saturationValue.value += 1;
+    brightnessValue.value += 1;
+    setColor(value, 100);
+  }, []);
   (0, _react.useImperativeHandle)(ref, () => ({
     setColor,
   }));

package/lib/commonjs/ColorPicker.js.map

@@ -111,7 +111,7 @@
   ],
   "sources": ["../../src/ColorPicker.tsx"],
   "sourcesContent": [
-    "import React, { useEffect, useRef, forwardRef, useImperativeHandle } from 'react';\r\nimport { Text } from 'react-native';\r\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\r\nimport { useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { isWeb } from '@utils';\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\n\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\nimport type { ColorPickerProps, ColorPickerRef, ColorPickerContext } from '@types';\r\n\r\nif (isWeb) {\r\n  // @ts-ignore\r\n  if (!global.setImmediate) global.setImmediate = setTimeout;\r\n  try {\r\n    const { enableExperimentalWebImplementation } = require('react-native-gesture-handler');\r\n    enableExperimentalWebImplementation(true);\r\n  } catch (error) {\r\n    // ignore\r\n  }\r\n}\r\n\r\nconst ColorPicker = forwardRef<ColorPickerRef, ColorPickerProps>(\r\n  (\r\n    {\r\n      adaptSpectrum = false,\r\n      sliderThickness = 25,\r\n      thumbAnimationDuration = 200,\r\n      thumbSize = 35,\r\n      thumbShape = 'ring',\r\n      boundedThumb = false,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n      value = '#fff',\r\n      onChange,\r\n      onComplete,\r\n      style = {},\r\n      children = <Text>NO CHILDREN</Text>,\r\n    },\r\n    ref\r\n  ) => {\r\n    const initialColor = useRef(colorKit.HSV(value).object()).current;\r\n    // color's channels values.\r\n    const hueValue = useSharedValue(initialColor.h);\r\n    const saturationValue = useSharedValue(initialColor.s);\r\n    const brightnessValue = useSharedValue(initialColor.v);\r\n    const alphaValue = useSharedValue(initialColor.a);\r\n\r\n    const returnedResults = (color?: SupportedColorFormats) => {\r\n      color = color ?? {\r\n        h: hueValue.value,\r\n        s: saturationValue.value,\r\n        v: brightnessValue.value,\r\n        a: alphaValue.value,\r\n      };\r\n      return {\r\n        hex: colorKit.HEX(color),\r\n        rgb: colorKit.RGB(color).string(false),\r\n        rgba: colorKit.RGB(color).string(true),\r\n        hsl: colorKit.HSL(color).string(false),\r\n        hsla: colorKit.HSL(color).string(true),\r\n        hsv: colorKit.HSV(color).string(false),\r\n        hsva: colorKit.HSV(color).string(true),\r\n        hwb: colorKit.HWB(color).string(false),\r\n        hwba: colorKit.HWB(color).string(true),\r\n      };\r\n    };\r\n\r\n    const onGestureEnd = (color?: SupportedColorFormats) => {\r\n      onComplete?.(returnedResults(color));\r\n    };\r\n\r\n    const onGestureChange = (color?: SupportedColorFormats) => {\r\n      onChange?.(returnedResults(color));\r\n    };\r\n\r\n    const setColor = (color: string, duration = thumbAnimationDuration) => {\r\n      const { h, s, v, a } = colorKit.HSV(color).object();\r\n\r\n      hueValue.value = withTiming(h, { duration });\r\n      saturationValue.value = withTiming(s, { duration });\r\n      brightnessValue.value = withTiming(v, { duration });\r\n      alphaValue.value = withTiming(a, { duration });\r\n    };\r\n\r\n    useEffect(() => {\r\n      setColor(value);\r\n    }, [value]);\r\n\r\n    useImperativeHandle(ref, () => ({ setColor }));\r\n\r\n    const ctxValue: ColorPickerContext = {\r\n      hueValue,\r\n      saturationValue,\r\n      brightnessValue,\r\n      alphaValue,\r\n\r\n      adaptSpectrum,\r\n\r\n      sliderThickness,\r\n      thumbSize,\r\n      thumbShape,\r\n      boundedThumb,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n\r\n      value,\r\n      setColor,\r\n\r\n      returnedResults,\r\n      onGestureEnd,\r\n      onGestureChange,\r\n    };\r\n\r\n    return (\r\n      <GestureHandlerRootView style={[{ direction: isWeb ? 'ltr' : undefined }, style]}>\r\n        <pickerContext.Provider value={ctxValue}>{children}</pickerContext.Provider>\r\n      </GestureHandlerRootView>\r\n    );\r\n  }\r\n);\r\n\r\nexport default ColorPicker;\r\n"
+    "import React, { useEffect, useRef, forwardRef, useImperativeHandle } from 'react';\r\nimport { Text } from 'react-native';\r\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\r\nimport { useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { isWeb } from '@utils';\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\n\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\nimport type { ColorPickerProps, ColorPickerRef, ColorPickerContext } from '@types';\r\n\r\nif (isWeb) {\r\n  // @ts-ignore\r\n  if (!global.setImmediate) global.setImmediate = setTimeout;\r\n  try {\r\n    const { enableExperimentalWebImplementation } = require('react-native-gesture-handler');\r\n    enableExperimentalWebImplementation(true);\r\n  } catch (error) {\r\n    // ignore\r\n  }\r\n}\r\n\r\nconst ColorPicker = forwardRef<ColorPickerRef, ColorPickerProps>(\r\n  (\r\n    {\r\n      adaptSpectrum = false,\r\n      sliderThickness = 25,\r\n      thumbAnimationDuration = 200,\r\n      thumbSize = 35,\r\n      thumbShape = 'ring',\r\n      boundedThumb = false,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n      value = '#fff',\r\n      onChange,\r\n      onComplete,\r\n      style = {},\r\n      children = <Text>NO CHILDREN</Text>,\r\n    },\r\n    ref\r\n  ) => {\r\n    const initialColor = useRef(colorKit.HSV(value).object()).current;\r\n    // color's channels values.\r\n    const hueValue = useSharedValue(initialColor.h);\r\n    const saturationValue = useSharedValue(initialColor.s);\r\n    const brightnessValue = useSharedValue(initialColor.v);\r\n    const alphaValue = useSharedValue(initialColor.a);\r\n\r\n    const returnedResults = (color?: SupportedColorFormats) => {\r\n      color = color ?? {\r\n        h: hueValue.value,\r\n        s: saturationValue.value,\r\n        v: brightnessValue.value,\r\n        a: alphaValue.value,\r\n      };\r\n      return {\r\n        hex: colorKit.HEX(color),\r\n        rgb: colorKit.RGB(color).string(false),\r\n        rgba: colorKit.RGB(color).string(true),\r\n        hsl: colorKit.HSL(color).string(false),\r\n        hsla: colorKit.HSL(color).string(true),\r\n        hsv: colorKit.HSV(color).string(false),\r\n        hsva: colorKit.HSV(color).string(true),\r\n        hwb: colorKit.HWB(color).string(false),\r\n        hwba: colorKit.HWB(color).string(true),\r\n      };\r\n    };\r\n\r\n    const onGestureEnd = (color?: SupportedColorFormats) => {\r\n      onComplete?.(returnedResults(color));\r\n    };\r\n\r\n    const onGestureChange = (color?: SupportedColorFormats) => {\r\n      onChange?.(returnedResults(color));\r\n    };\r\n\r\n    const setColor = (color: string, duration = thumbAnimationDuration) => {\r\n      const { h, s, v, a } = colorKit.HSV(color).object();\r\n\r\n      hueValue.value = withTiming(h, { duration });\r\n      saturationValue.value = withTiming(s, { duration });\r\n      brightnessValue.value = withTiming(v, { duration });\r\n      alphaValue.value = withTiming(a, { duration });\r\n    };\r\n\r\n    useEffect(() => {\r\n      setColor(value);\r\n    }, [value]);\r\n\r\n    // Addressing a sporadic problem where the shared value for color channels fails to update upon component mounting.\r\n    // This issue appears to manifest randomly and might be correlated with the Reanimated library.\r\n    useEffect(() => {\r\n      hueValue.value += 1;\r\n      saturationValue.value += 1;\r\n      brightnessValue.value += 1;\r\n      setColor(value, 100);\r\n    }, []);\r\n\r\n    useImperativeHandle(ref, () => ({ setColor }));\r\n\r\n    const ctxValue: ColorPickerContext = {\r\n      hueValue,\r\n      saturationValue,\r\n      brightnessValue,\r\n      alphaValue,\r\n\r\n      adaptSpectrum,\r\n\r\n      sliderThickness,\r\n      thumbSize,\r\n      thumbShape,\r\n      boundedThumb,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n\r\n      value,\r\n      setColor,\r\n\r\n      returnedResults,\r\n      onGestureEnd,\r\n      onGestureChange,\r\n    };\r\n\r\n    return (\r\n      <GestureHandlerRootView style={[{ direction: isWeb ? 'ltr' : undefined }, style]}>\r\n        <pickerContext.Provider value={ctxValue}>{children}</pickerContext.Provider>\r\n      </GestureHandlerRootView>\r\n    );\r\n  }\r\n);\r\n\r\nexport default ColorPicker;\r\n"
   ],
-  "mappings": "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"
+  "mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,WAAA,GAAAD,sBAAA,CAAAN,OAAA;AAAqC,SAAAM,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAb,wBAAAS,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAKrC,IAAIW,YAAK,EAAE;EACT;EACA,IAAI,CAACC,MAAM,CAACC,YAAY,EAAED,MAAM,CAACC,YAAY,GAAGC,UAAU;EAC1D,IAAI;IACF,MAAM;MAAEC;IAAoC,CAAC,GAAGlC,OAAO,CAAC,8BAA8B,CAAC;IACvFkC,mCAAmC,CAAC,IAAI,CAAC;EAC3C,CAAC,CAAC,OAAOC,KAAK,EAAE;IACd;EAAA;AAEJ;AAEA,MAAMC,WAAW,gBAAG,IAAAC,iBAAU,EAC5B,CAAAC,IAAA,EAkBEC,GAAG,KACA;EAAA,IAlBH;IACEC,aAAa,GAAG,KAAK;IACrBC,eAAe,GAAG,EAAE;IACpBC,sBAAsB,GAAG,GAAG;IAC5BC,SAAS,GAAG,EAAE;IACdC,UAAU,GAAG,MAAM;IACnBC,YAAY,GAAG,KAAK;IACpBC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,eAAe;IACfC,KAAK,GAAG,MAAM;IACdC,QAAQ;IACRC,UAAU;IACVC,KAAK,GAAG,CAAC,CAAC;IACVC,QAAQ,gBAAGxD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACtD,YAAA,CAAAuD,IAAI,QAAC,aAAW;EAC9B,CAAC,GAAAlB,IAAA;EAGD,MAAMmB,YAAY,GAAG,IAAAC,aAAM,EAACC,iBAAQ,CAACC,GAAG,CAACV,KAAK,CAAC,CAACW,MAAM,EAAE,CAAC,CAACC,OAAO;EACjE;EACA,MAAMC,QAAQ,GAAG,IAAAC,qCAAc,EAACP,YAAY,CAACQ,CAAC,CAAC;EAC/C,MAAMC,eAAe,GAAG,IAAAF,qCAAc,EAACP,YAAY,CAACU,CAAC,CAAC;EACtD,MAAMC,eAAe,GAAG,IAAAJ,qCAAc,EAACP,YAAY,CAACY,CAAC,CAAC;EACtD,MAAMC,UAAU,GAAG,IAAAN,qCAAc,EAACP,YAAY,CAACc,CAAC,CAAC;EAEjD,MAAMC,eAAe,GAAIC,KAA6B,IAAK;IACzDA,KAAK,GAAGA,KAAK,IAAI;MACfR,CAAC,EAAEF,QAAQ,CAACb,KAAK;MACjBiB,CAAC,EAAED,eAAe,CAAChB,KAAK;MACxBmB,CAAC,EAAED,eAAe,CAAClB,KAAK;MACxBqB,CAAC,EAAED,UAAU,CAACpB;IAChB,CAAC;IACD,OAAO;MACLwB,GAAG,EAAEf,iBAAQ,CAACgB,GAAG,CAACF,KAAK,CAAC;MACxBG,GAAG,EAAEjB,iBAAQ,CAACkB,GAAG,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCC,IAAI,EAAEpB,iBAAQ,CAACkB,GAAG,CAACJ,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCE,GAAG,EAAErB,iBAAQ,CAACsB,GAAG,CAACR,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCI,IAAI,EAAEvB,iBAAQ,CAACsB,GAAG,CAACR,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCK,GAAG,EAAExB,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCM,IAAI,EAAEzB,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI,CAAC;MACtCO,GAAG,EAAE1B,iBAAQ,CAAC2B,GAAG,CAACb,KAAK,CAAC,CAACK,MAAM,CAAC,KAAK,CAAC;MACtCS,IAAI,EAAE5B,iBAAQ,CAAC2B,GAAG,CAACb,KAAK,CAAC,CAACK,MAAM,CAAC,IAAI;IACvC,CAAC;EACH,CAAC;EAED,MAAMU,YAAY,GAAIf,KAA6B,IAAK;IACtDrB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGoB,eAAe,CAACC,KAAK,CAAC,CAAC;EACtC,CAAC;EAED,MAAMgB,eAAe,GAAIhB,KAA6B,IAAK;IACzDtB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGqB,eAAe,CAACC,KAAK,CAAC,CAAC;EACpC,CAAC;EAED,MAAMiB,QAAQ,GAAG,SAAAA,CAACjB,KAAa,EAAwC;IAAA,IAAtCkB,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGlD,sBAAsB;IAChE,MAAM;MAAEuB,CAAC;MAAEE,CAAC;MAAEE,CAAC;MAAEE;IAAE,CAAC,GAAGZ,iBAAQ,CAACC,GAAG,CAACa,KAAK,CAAC,CAACZ,MAAM,EAAE;IAEnDE,QAAQ,CAACb,KAAK,GAAG,IAAA6C,iCAAU,EAAC9B,CAAC,EAAE;MAAE0B;IAAS,CAAC,CAAC;IAC5CzB,eAAe,CAAChB,KAAK,GAAG,IAAA6C,iCAAU,EAAC5B,CAAC,EAAE;MAAEwB;IAAS,CAAC,CAAC;IACnDvB,eAAe,CAAClB,KAAK,GAAG,IAAA6C,iCAAU,EAAC1B,CAAC,EAAE;MAAEsB;IAAS,CAAC,CAAC;IACnDrB,UAAU,CAACpB,KAAK,GAAG,IAAA6C,iCAAU,EAACxB,CAAC,EAAE;MAAEoB;IAAS,CAAC,CAAC;EAChD,CAAC;EAED,IAAAK,gBAAS,EAAC,MAAM;IACdN,QAAQ,CAACxC,KAAK,CAAC;EACjB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;;EAEX;EACA;EACA,IAAA8C,gBAAS,EAAC,MAAM;IACdjC,QAAQ,CAACb,KAAK,IAAI,CAAC;IACnBgB,eAAe,CAAChB,KAAK,IAAI,CAAC;IAC1BkB,eAAe,CAAClB,KAAK,IAAI,CAAC;IAC1BwC,QAAQ,CAACxC,KAAK,EAAE,GAAG,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA+C,0BAAmB,EAAC1D,GAAG,EAAE,OAAO;IAAEmD;EAAS,CAAC,CAAC,CAAC;EAE9C,MAAMQ,QAA4B,GAAG;IACnCnC,QAAQ;IACRG,eAAe;IACfE,eAAe;IACfE,UAAU;IAEV9B,aAAa;IAEbC,eAAe;IACfE,SAAS;IACTC,UAAU;IACVC,YAAY;IACZC,UAAU;IACVC,WAAW;IACXC,UAAU;IACVC,eAAe;IAEfC,KAAK;IACLwC,QAAQ;IAERlB,eAAe;IACfgB,YAAY;IACZC;EACF,CAAC;EAED,oBACE3F,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAACrD,0BAAA,CAAAiG,sBAAsB;IAAC9C,KAAK,EAAE,CAAC;MAAE+C,SAAS,EAAEtE,YAAK,GAAG,KAAK,GAAGgE;IAAU,CAAC,EAAEzC,KAAK;EAAE,gBAC/EvD,MAAA,CAAAY,OAAA,CAAA6C,aAAA,CAAChD,WAAA,CAAAG,OAAa,CAAC2F,QAAQ;IAACnD,KAAK,EAAEgD;EAAS,GAAE5C,QAAQ,CAA0B,CACrD;AAE7B,CAAC,CACF;AAAC,IAAAgD,QAAA,GAEalE,WAAW;AAAAmE,OAAA,CAAA7F,OAAA,GAAA4F,QAAA"
 }

package/lib/commonjs/components/Panels/Panel4.js

@@ -106,10 +106,7 @@ function Panel4(_ref) {
           brightnessPercentX = (brightnessValue.value / 100) * (length.x / 2),
           brightnessPosX = (reverseHorizontalChannels ? brightnessPercentX : length.x - brightnessPercentX) - calcThumb,
           // both
-          isSaturationActive = reverseHorizontalChannels
-            ? saturationPosX > length.x / 2 - calcThumb
-            : saturationPosX < length.x / 2 - calcThumb,
-          posX = isSaturationActive ? saturationPosX : brightnessPosX,
+          posX = brightnessValue.value === 100 ? saturationPosX : brightnessPosX,
           // hue
           percentY = (hueValue.value / 360) * length.y,
           posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;
@@ -140,8 +137,8 @@ function Panel4(_ref) {
         handleScale,
       };
       _f.asString =
-        'function _f(){const{width,boundedThumb,thumbSize,height,saturationValue,reverseHorizontalChannels,brightnessValue,hueValue,reverseHue,handleScale}=jsThis._closure;{const length={x:width.value-(boundedThumb?thumbSize:0),y:height.value-(boundedThumb?thumbSize:0)},calcThumb=boundedThumb?0:thumbSize/2,saturationPercentX=saturationValue.value/100*(length.x/2),saturationPosX=(reverseHorizontalChannels?length.x-saturationPercentX:saturationPercentX)-calcThumb,brightnessPercentX=brightnessValue.value/100*(length.x/2),brightnessPosX=(reverseHorizontalChannels?brightnessPercentX:length.x-brightnessPercentX)-calcThumb,isSaturationActive=reverseHorizontalChannels?saturationPosX>length.x/2-calcThumb:saturationPosX<length.x/2-calcThumb,posX=isSaturationActive?saturationPosX:brightnessPosX,percentY=hueValue.value/360*length.y,posY=(reverseHue?percentY:length.y-percentY)-calcThumb;return{transform:[{translateX:posX},{translateY:posY},{scale:handleScale.value}]};}}';
-      _f.__workletHash = 10490230347205;
+        'function _f(){const{width,boundedThumb,thumbSize,height,saturationValue,reverseHorizontalChannels,brightnessValue,hueValue,reverseHue,handleScale}=jsThis._closure;{const length={x:width.value-(boundedThumb?thumbSize:0),y:height.value-(boundedThumb?thumbSize:0)},calcThumb=boundedThumb?0:thumbSize/2,saturationPercentX=saturationValue.value/100*(length.x/2),saturationPosX=(reverseHorizontalChannels?length.x-saturationPercentX:saturationPercentX)-calcThumb,brightnessPercentX=brightnessValue.value/100*(length.x/2),brightnessPosX=(reverseHorizontalChannels?brightnessPercentX:length.x-brightnessPercentX)-calcThumb,posX=brightnessValue.value===100?saturationPosX:brightnessPosX,percentY=hueValue.value/360*length.y,posY=(reverseHue?percentY:length.y-percentY)-calcThumb;return{transform:[{translateX:posX},{translateY:posY},{scale:handleScale.value}]};}}';
+      _f.__workletHash = 2818851908278;
       _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (58:39)';
       _f.__optimalization = 3;
       return _f;
@@ -188,7 +185,7 @@ function Panel4(_ref) {
     _f.asString =
       'function _f({x:x,y:y}){const{width,boundedThumb,thumbSize,height,clamp,reverseHue,reverseHorizontalChannels,hueValue,saturationValue,brightnessValue,runOnJS,onGestureChange}=jsThis._closure;{const lengthX=width.value-(boundedThumb?thumbSize:0),lengthY=height.value-(boundedThumb?thumbSize:0),posX=clamp(x-(boundedThumb?thumbSize/2:0),lengthX),posY=clamp(y-(boundedThumb?thumbSize/2:0),lengthY),valueX=Math.round(posX/lengthX*200),valueY=Math.round(posY/lengthY*360),newHueValue=reverseHue?valueY:360-valueY,newSaturationValue=clamp(reverseHorizontalChannels?200-valueX:valueX,100),newBrightnessValue=clamp(reverseHorizontalChannels?valueX:200-valueX,100);if(hueValue.value===newHueValue&&saturationValue.value===newSaturationValue&&brightnessValue.value===newBrightnessValue)return;hueValue.value=newHueValue;saturationValue.value=newSaturationValue;brightnessValue.value=newBrightnessValue;runOnJS(onGestureChange)();}}';
     _f.__workletHash = 15687744026353;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (81:26)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (78:26)';
     return _f;
   })();
   const onGestureBegin = (function () {
@@ -206,7 +203,7 @@ function Panel4(_ref) {
     _f.asString =
       'function _f(event){const{handleScale,withTiming,onGestureUpdate}=jsThis._closure;{handleScale.value=withTiming(1.2,{duration:100});onGestureUpdate(event);}}';
     _f.__workletHash = 14773240202957;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (105:25)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (102:25)';
     return _f;
   })();
   const onGestureFinish = (function () {
@@ -225,7 +222,7 @@ function Panel4(_ref) {
     _f.asString =
       'function _f(){const{handleScale,withTiming,runOnJS,onGestureEnd}=jsThis._closure;{handleScale.value=withTiming(1,{duration:100});runOnJS(onGestureEnd)();}}';
     _f.__workletHash = 6379049506140;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (110:26)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (107:26)';
     return _f;
   })();
   const pan = _reactNativeGestureHandler.Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);
@@ -268,7 +265,7 @@ function Panel4(_ref) {
       _f.asString =
         "function _f(){const{height,width,reverseHue,isRtl}=jsThis._closure;{return{width:height.value,height:width.value,transform:[{scaleY:reverseHue?-1:1},{rotate:'270deg'},{translateX:(width.value-height.value)/2*(reverseHue?-1:1)},{translateY:(width.value-height.value)/2*(isRtl?-1:1)}]};}}";
       _f.__workletHash = 8519187383491;
-      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (126:44)';
+      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (123:44)';
       _f.__optimalization = 3;
       return _f;
     })()

package/lib/commonjs/components/Panels/Panel4.js.map

@@ -87,7 +87,6 @@
     "saturationPosX",
     "brightnessPercentX",
     "brightnessPosX",
-    "isSaturationActive",
     "posX",
     "percentY",
     "posY",
@@ -161,7 +160,7 @@
   ],
   "sources": ["../../../../src/components/Panels/Panel4.tsx"],
   "sourcesContent": [
-    "import React, { useContext, useCallback } from 'react';\r\nimport { Image, View } from 'react-native';\r\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\r\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { styles } from '@styles';\r\nimport pickerContext from '@context';\r\nimport { clamp, getStyle, isRtl } from '@utils';\r\nimport Thumb from '@thumb';\r\n\r\nimport type { LayoutChangeEvent } from 'react-native';\r\nimport type { PanGestureHandlerEventPayload } from 'react-native-gesture-handler';\r\nimport type { Panel4Props } from '@types';\r\n\r\nexport function Panel4({\r\n  thumbColor: localThumbColor,\r\n  boundedThumb: localBoundedThumb,\r\n  renderThumb: localRenderThumb,\r\n  thumbShape: localThumbShape,\r\n  thumbSize: localThumbSize,\r\n  thumbStyle: localThumbStyle,\r\n  thumbInnerStyle: localThumbInnerStyle,\r\n  reverseHue = false,\r\n  reverseHorizontalChannels = false,\r\n  style = {},\r\n}: Panel4Props) {\r\n  const {\r\n    hueValue,\r\n    saturationValue,\r\n    brightnessValue,\r\n    onGestureChange,\r\n    onGestureEnd,\r\n    thumbSize: globalThumbsSize,\r\n    thumbShape: globalThumbShape,\r\n    thumbColor: globalThumbsColor,\r\n    boundedThumb: globalBoundedThumb,\r\n    renderThumb: globalRenderThumbs,\r\n    thumbStyle: globalThumbsStyle,\r\n    thumbInnerStyle: globalThumbsInnerStyle,\r\n  } = useContext(pickerContext);\r\n\r\n  const thumbShape = localThumbShape ?? globalThumbShape,\r\n    thumbSize = localThumbSize ?? globalThumbsSize,\r\n    thumbColor = localThumbColor ?? globalThumbsColor,\r\n    boundedThumb = localBoundedThumb ?? globalBoundedThumb,\r\n    renderThumb = localRenderThumb ?? globalRenderThumbs,\r\n    thumbStyle = localThumbStyle ?? globalThumbsStyle ?? {},\r\n    thumbInnerStyle = localThumbInnerStyle ?? globalThumbsInnerStyle ?? {};\r\n\r\n  const borderRadius = getStyle(style, 'borderRadius') ?? 5,\r\n    getHeight = getStyle(style, 'height') ?? 200;\r\n\r\n  const width = useSharedValue(0),\r\n    height = useSharedValue(0);\r\n\r\n  const handleScale = useSharedValue(1);\r\n\r\n  const handleStyle = useAnimatedStyle(() => {\r\n    const length = { x: width.value - (boundedThumb ? thumbSize : 0), y: height.value - (boundedThumb ? thumbSize : 0) },\r\n      calcThumb = boundedThumb ? 0 : thumbSize / 2,\r\n      // saturation\r\n      saturationPercentX = (saturationValue.value / 100) * (length.x / 2),\r\n      saturationPosX = (reverseHorizontalChannels ? length.x - saturationPercentX : saturationPercentX) - calcThumb,\r\n      // brightness\r\n      brightnessPercentX = (brightnessValue.value / 100) * (length.x / 2),\r\n      brightnessPosX = (reverseHorizontalChannels ? brightnessPercentX : length.x - brightnessPercentX) - calcThumb,\r\n      // both\r\n      isSaturationActive = reverseHorizontalChannels\r\n        ? saturationPosX > length.x / 2 - calcThumb\r\n        : saturationPosX < length.x / 2 - calcThumb,\r\n      posX = isSaturationActive ? saturationPosX : brightnessPosX,\r\n      // hue\r\n      percentY = (hueValue.value / 360) * length.y,\r\n      posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;\r\n\r\n    return {\r\n      transform: [{ translateX: posX }, { translateY: posY }, { scale: handleScale.value }],\r\n    };\r\n  }, [localThumbSize, reverseHue, reverseHorizontalChannels]);\r\n\r\n  const onGestureUpdate = ({ x, y }: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n\r\n    const lengthX = width.value - (boundedThumb ? thumbSize : 0),\r\n      lengthY = height.value - (boundedThumb ? thumbSize : 0),\r\n      posX = clamp(x - (boundedThumb ? thumbSize / 2 : 0), lengthX),\r\n      posY = clamp(y - (boundedThumb ? thumbSize / 2 : 0), lengthY),\r\n      valueX = Math.round((posX / lengthX) * 200),\r\n      valueY = Math.round((posY / lengthY) * 360),\r\n      newHueValue = reverseHue ? valueY : 360 - valueY,\r\n      newSaturationValue = clamp(reverseHorizontalChannels ? 200 - valueX : valueX, 100),\r\n      newBrightnessValue = clamp(reverseHorizontalChannels ? valueX : 200 - valueX, 100);\r\n    if (\r\n      hueValue.value === newHueValue &&\r\n      saturationValue.value === newSaturationValue &&\r\n      brightnessValue.value === newBrightnessValue\r\n    )\r\n      return;\r\n\r\n    hueValue.value = newHueValue;\r\n    saturationValue.value = newSaturationValue;\r\n    brightnessValue.value = newBrightnessValue;\r\n    runOnJS(onGestureChange)();\r\n  };\r\n  const onGestureBegin = (event: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1.2, { duration: 100 });\r\n    onGestureUpdate(event);\r\n  };\r\n  const onGestureFinish = () => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1, { duration: 100 });\r\n    runOnJS(onGestureEnd)();\r\n  };\r\n\r\n  const pan = Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);\r\n  const tap = Gesture.Tap().onTouchesUp(onGestureFinish);\r\n  const longPress = Gesture.LongPress().onTouchesUp(onGestureFinish);\r\n  const composed = Gesture.Exclusive(pan, tap, longPress);\r\n\r\n  const onLayout = useCallback(({ nativeEvent: { layout } }: LayoutChangeEvent) => {\r\n    width.value = layout.width;\r\n    height.value = layout.height;\r\n  }, []);\r\n\r\n  const rotatePanelImage = useAnimatedStyle(() => ({\r\n    width: height.value,\r\n    height: width.value,\r\n    transform: [\r\n      { scaleY: reverseHue ? -1 : 1 },\r\n      { rotate: '270deg' },\r\n      { translateX: ((width.value - height.value) / 2) * (reverseHue ? -1 : 1) },\r\n      { translateY: ((width.value - height.value) / 2) * (isRtl ? -1 : 1) },\r\n    ],\r\n  }));\r\n\r\n  return (\r\n    <GestureDetector gesture={composed}>\r\n      <Animated.View\r\n        onLayout={onLayout}\r\n        style={[styles.panel_container, { height: getHeight }, style, { position: 'relative', borderWidth: 0, padding: 0 }]}\r\n      >\r\n        <Animated.Image\r\n          source={require('@assets/Hue.png')}\r\n          style={[styles.panel_image, { borderRadius }, rotatePanelImage]}\r\n          resizeMode='stretch'\r\n        />\r\n\r\n        <View\r\n          style={[\r\n            styles.panel_image,\r\n            {\r\n              borderRadius,\r\n              flexDirection: isRtl ? 'row-reverse' : 'row',\r\n              transform: [{ scaleX: reverseHorizontalChannels ? -1 : 1 }],\r\n            },\r\n          ]}\r\n        >\r\n          <Image source={require('@assets/blackGradient.png')} style={{ flex: 1, tintColor: '#fff' }} resizeMode='stretch' />\r\n          <Image\r\n            source={require('@assets/blackGradient.png')}\r\n            style={{ flex: 1, transform: [{ scaleX: -1 }] }}\r\n            resizeMode='stretch'\r\n          />\r\n        </View>\r\n\r\n        <Thumb\r\n          {...{\r\n            thumbShape,\r\n            thumbSize,\r\n            thumbColor,\r\n            renderThumb,\r\n            innerStyle: thumbInnerStyle,\r\n            style: thumbStyle,\r\n            handleStyle,\r\n          }}\r\n        />\r\n      </Animated.View>\r\n    </GestureDetector>\r\n  );\r\n}\r\n"
+    "import React, { useContext, useCallback } from 'react';\r\nimport { Image, View } from 'react-native';\r\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\r\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { styles } from '@styles';\r\nimport pickerContext from '@context';\r\nimport { clamp, getStyle, isRtl } from '@utils';\r\nimport Thumb from '@thumb';\r\n\r\nimport type { LayoutChangeEvent } from 'react-native';\r\nimport type { PanGestureHandlerEventPayload } from 'react-native-gesture-handler';\r\nimport type { Panel4Props } from '@types';\r\n\r\nexport function Panel4({\r\n  thumbColor: localThumbColor,\r\n  boundedThumb: localBoundedThumb,\r\n  renderThumb: localRenderThumb,\r\n  thumbShape: localThumbShape,\r\n  thumbSize: localThumbSize,\r\n  thumbStyle: localThumbStyle,\r\n  thumbInnerStyle: localThumbInnerStyle,\r\n  reverseHue = false,\r\n  reverseHorizontalChannels = false,\r\n  style = {},\r\n}: Panel4Props) {\r\n  const {\r\n    hueValue,\r\n    saturationValue,\r\n    brightnessValue,\r\n    onGestureChange,\r\n    onGestureEnd,\r\n    thumbSize: globalThumbsSize,\r\n    thumbShape: globalThumbShape,\r\n    thumbColor: globalThumbsColor,\r\n    boundedThumb: globalBoundedThumb,\r\n    renderThumb: globalRenderThumbs,\r\n    thumbStyle: globalThumbsStyle,\r\n    thumbInnerStyle: globalThumbsInnerStyle,\r\n  } = useContext(pickerContext);\r\n\r\n  const thumbShape = localThumbShape ?? globalThumbShape,\r\n    thumbSize = localThumbSize ?? globalThumbsSize,\r\n    thumbColor = localThumbColor ?? globalThumbsColor,\r\n    boundedThumb = localBoundedThumb ?? globalBoundedThumb,\r\n    renderThumb = localRenderThumb ?? globalRenderThumbs,\r\n    thumbStyle = localThumbStyle ?? globalThumbsStyle ?? {},\r\n    thumbInnerStyle = localThumbInnerStyle ?? globalThumbsInnerStyle ?? {};\r\n\r\n  const borderRadius = getStyle(style, 'borderRadius') ?? 5,\r\n    getHeight = getStyle(style, 'height') ?? 200;\r\n\r\n  const width = useSharedValue(0),\r\n    height = useSharedValue(0);\r\n\r\n  const handleScale = useSharedValue(1);\r\n\r\n  const handleStyle = useAnimatedStyle(() => {\r\n    const length = { x: width.value - (boundedThumb ? thumbSize : 0), y: height.value - (boundedThumb ? thumbSize : 0) },\r\n      calcThumb = boundedThumb ? 0 : thumbSize / 2,\r\n      // saturation\r\n      saturationPercentX = (saturationValue.value / 100) * (length.x / 2),\r\n      saturationPosX = (reverseHorizontalChannels ? length.x - saturationPercentX : saturationPercentX) - calcThumb,\r\n      // brightness\r\n      brightnessPercentX = (brightnessValue.value / 100) * (length.x / 2),\r\n      brightnessPosX = (reverseHorizontalChannels ? brightnessPercentX : length.x - brightnessPercentX) - calcThumb,\r\n      // both\r\n      posX = brightnessValue.value === 100 ? saturationPosX : brightnessPosX,\r\n      // hue\r\n      percentY = (hueValue.value / 360) * length.y,\r\n      posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;\r\n\r\n    return {\r\n      transform: [{ translateX: posX }, { translateY: posY }, { scale: handleScale.value }],\r\n    };\r\n  }, [localThumbSize, reverseHue, reverseHorizontalChannels]);\r\n\r\n  const onGestureUpdate = ({ x, y }: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n\r\n    const lengthX = width.value - (boundedThumb ? thumbSize : 0),\r\n      lengthY = height.value - (boundedThumb ? thumbSize : 0),\r\n      posX = clamp(x - (boundedThumb ? thumbSize / 2 : 0), lengthX),\r\n      posY = clamp(y - (boundedThumb ? thumbSize / 2 : 0), lengthY),\r\n      valueX = Math.round((posX / lengthX) * 200),\r\n      valueY = Math.round((posY / lengthY) * 360),\r\n      newHueValue = reverseHue ? valueY : 360 - valueY,\r\n      newSaturationValue = clamp(reverseHorizontalChannels ? 200 - valueX : valueX, 100),\r\n      newBrightnessValue = clamp(reverseHorizontalChannels ? valueX : 200 - valueX, 100);\r\n    if (\r\n      hueValue.value === newHueValue &&\r\n      saturationValue.value === newSaturationValue &&\r\n      brightnessValue.value === newBrightnessValue\r\n    )\r\n      return;\r\n\r\n    hueValue.value = newHueValue;\r\n    saturationValue.value = newSaturationValue;\r\n    brightnessValue.value = newBrightnessValue;\r\n    runOnJS(onGestureChange)();\r\n  };\r\n  const onGestureBegin = (event: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1.2, { duration: 100 });\r\n    onGestureUpdate(event);\r\n  };\r\n  const onGestureFinish = () => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1, { duration: 100 });\r\n    runOnJS(onGestureEnd)();\r\n  };\r\n\r\n  const pan = Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);\r\n  const tap = Gesture.Tap().onTouchesUp(onGestureFinish);\r\n  const longPress = Gesture.LongPress().onTouchesUp(onGestureFinish);\r\n  const composed = Gesture.Exclusive(pan, tap, longPress);\r\n\r\n  const onLayout = useCallback(({ nativeEvent: { layout } }: LayoutChangeEvent) => {\r\n    width.value = layout.width;\r\n    height.value = layout.height;\r\n  }, []);\r\n\r\n  const rotatePanelImage = useAnimatedStyle(() => ({\r\n    width: height.value,\r\n    height: width.value,\r\n    transform: [\r\n      { scaleY: reverseHue ? -1 : 1 },\r\n      { rotate: '270deg' },\r\n      { translateX: ((width.value - height.value) / 2) * (reverseHue ? -1 : 1) },\r\n      { translateY: ((width.value - height.value) / 2) * (isRtl ? -1 : 1) },\r\n    ],\r\n  }));\r\n\r\n  return (\r\n    <GestureDetector gesture={composed}>\r\n      <Animated.View\r\n        onLayout={onLayout}\r\n        style={[styles.panel_container, { height: getHeight }, style, { position: 'relative', borderWidth: 0, padding: 0 }]}\r\n      >\r\n        <Animated.Image\r\n          source={require('@assets/Hue.png')}\r\n          style={[styles.panel_image, { borderRadius }, rotatePanelImage]}\r\n          resizeMode='stretch'\r\n        />\r\n\r\n        <View\r\n          style={[\r\n            styles.panel_image,\r\n            {\r\n              borderRadius,\r\n              flexDirection: isRtl ? 'row-reverse' : 'row',\r\n              transform: [{ scaleX: reverseHorizontalChannels ? -1 : 1 }],\r\n            },\r\n          ]}\r\n        >\r\n          <Image source={require('@assets/blackGradient.png')} style={{ flex: 1, tintColor: '#fff' }} resizeMode='stretch' />\r\n          <Image\r\n            source={require('@assets/blackGradient.png')}\r\n            style={{ flex: 1, transform: [{ scaleX: -1 }] }}\r\n            resizeMode='stretch'\r\n          />\r\n        </View>\r\n\r\n        <Thumb\r\n          {...{\r\n            thumbShape,\r\n            thumbSize,\r\n            thumbColor,\r\n            renderThumb,\r\n            innerStyle: thumbInnerStyle,\r\n            style: thumbStyle,\r\n            handleStyle,\r\n          }}\r\n        />\r\n      </Animated.View>\r\n    </GestureDetector>\r\n  );\r\n}\r\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/lib/module/ColorPicker.js

@@ -83,6 +83,15 @@ const ColorPicker = /*#__PURE__*/ forwardRef((_ref, ref) => {
   useEffect(() => {
     setColor(value);
   }, [value]);
+
+  // Addressing a sporadic problem where the shared value for color channels fails to update upon component mounting.
+  // This issue appears to manifest randomly and might be correlated with the Reanimated library.
+  useEffect(() => {
+    hueValue.value += 1;
+    saturationValue.value += 1;
+    brightnessValue.value += 1;
+    setColor(value, 100);
+  }, []);
   useImperativeHandle(ref, () => ({
     setColor,
   }));

package/lib/module/ColorPicker.js.map

@@ -80,7 +80,7 @@
   ],
   "sources": ["../../src/ColorPicker.tsx"],
   "sourcesContent": [
-    "import React, { useEffect, useRef, forwardRef, useImperativeHandle } from 'react';\r\nimport { Text } from 'react-native';\r\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\r\nimport { useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { isWeb } from '@utils';\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\n\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\nimport type { ColorPickerProps, ColorPickerRef, ColorPickerContext } from '@types';\r\n\r\nif (isWeb) {\r\n  // @ts-ignore\r\n  if (!global.setImmediate) global.setImmediate = setTimeout;\r\n  try {\r\n    const { enableExperimentalWebImplementation } = require('react-native-gesture-handler');\r\n    enableExperimentalWebImplementation(true);\r\n  } catch (error) {\r\n    // ignore\r\n  }\r\n}\r\n\r\nconst ColorPicker = forwardRef<ColorPickerRef, ColorPickerProps>(\r\n  (\r\n    {\r\n      adaptSpectrum = false,\r\n      sliderThickness = 25,\r\n      thumbAnimationDuration = 200,\r\n      thumbSize = 35,\r\n      thumbShape = 'ring',\r\n      boundedThumb = false,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n      value = '#fff',\r\n      onChange,\r\n      onComplete,\r\n      style = {},\r\n      children = <Text>NO CHILDREN</Text>,\r\n    },\r\n    ref\r\n  ) => {\r\n    const initialColor = useRef(colorKit.HSV(value).object()).current;\r\n    // color's channels values.\r\n    const hueValue = useSharedValue(initialColor.h);\r\n    const saturationValue = useSharedValue(initialColor.s);\r\n    const brightnessValue = useSharedValue(initialColor.v);\r\n    const alphaValue = useSharedValue(initialColor.a);\r\n\r\n    const returnedResults = (color?: SupportedColorFormats) => {\r\n      color = color ?? {\r\n        h: hueValue.value,\r\n        s: saturationValue.value,\r\n        v: brightnessValue.value,\r\n        a: alphaValue.value,\r\n      };\r\n      return {\r\n        hex: colorKit.HEX(color),\r\n        rgb: colorKit.RGB(color).string(false),\r\n        rgba: colorKit.RGB(color).string(true),\r\n        hsl: colorKit.HSL(color).string(false),\r\n        hsla: colorKit.HSL(color).string(true),\r\n        hsv: colorKit.HSV(color).string(false),\r\n        hsva: colorKit.HSV(color).string(true),\r\n        hwb: colorKit.HWB(color).string(false),\r\n        hwba: colorKit.HWB(color).string(true),\r\n      };\r\n    };\r\n\r\n    const onGestureEnd = (color?: SupportedColorFormats) => {\r\n      onComplete?.(returnedResults(color));\r\n    };\r\n\r\n    const onGestureChange = (color?: SupportedColorFormats) => {\r\n      onChange?.(returnedResults(color));\r\n    };\r\n\r\n    const setColor = (color: string, duration = thumbAnimationDuration) => {\r\n      const { h, s, v, a } = colorKit.HSV(color).object();\r\n\r\n      hueValue.value = withTiming(h, { duration });\r\n      saturationValue.value = withTiming(s, { duration });\r\n      brightnessValue.value = withTiming(v, { duration });\r\n      alphaValue.value = withTiming(a, { duration });\r\n    };\r\n\r\n    useEffect(() => {\r\n      setColor(value);\r\n    }, [value]);\r\n\r\n    useImperativeHandle(ref, () => ({ setColor }));\r\n\r\n    const ctxValue: ColorPickerContext = {\r\n      hueValue,\r\n      saturationValue,\r\n      brightnessValue,\r\n      alphaValue,\r\n\r\n      adaptSpectrum,\r\n\r\n      sliderThickness,\r\n      thumbSize,\r\n      thumbShape,\r\n      boundedThumb,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n\r\n      value,\r\n      setColor,\r\n\r\n      returnedResults,\r\n      onGestureEnd,\r\n      onGestureChange,\r\n    };\r\n\r\n    return (\r\n      <GestureHandlerRootView style={[{ direction: isWeb ? 'ltr' : undefined }, style]}>\r\n        <pickerContext.Provider value={ctxValue}>{children}</pickerContext.Provider>\r\n      </GestureHandlerRootView>\r\n    );\r\n  }\r\n);\r\n\r\nexport default ColorPicker;\r\n"
+    "import React, { useEffect, useRef, forwardRef, useImperativeHandle } from 'react';\r\nimport { Text } from 'react-native';\r\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\r\nimport { useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { isWeb } from '@utils';\r\nimport colorKit from '@colorKit';\r\nimport pickerContext from '@context';\r\n\r\nimport type { SupportedColorFormats } from './colorKit/types';\r\nimport type { ColorPickerProps, ColorPickerRef, ColorPickerContext } from '@types';\r\n\r\nif (isWeb) {\r\n  // @ts-ignore\r\n  if (!global.setImmediate) global.setImmediate = setTimeout;\r\n  try {\r\n    const { enableExperimentalWebImplementation } = require('react-native-gesture-handler');\r\n    enableExperimentalWebImplementation(true);\r\n  } catch (error) {\r\n    // ignore\r\n  }\r\n}\r\n\r\nconst ColorPicker = forwardRef<ColorPickerRef, ColorPickerProps>(\r\n  (\r\n    {\r\n      adaptSpectrum = false,\r\n      sliderThickness = 25,\r\n      thumbAnimationDuration = 200,\r\n      thumbSize = 35,\r\n      thumbShape = 'ring',\r\n      boundedThumb = false,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n      value = '#fff',\r\n      onChange,\r\n      onComplete,\r\n      style = {},\r\n      children = <Text>NO CHILDREN</Text>,\r\n    },\r\n    ref\r\n  ) => {\r\n    const initialColor = useRef(colorKit.HSV(value).object()).current;\r\n    // color's channels values.\r\n    const hueValue = useSharedValue(initialColor.h);\r\n    const saturationValue = useSharedValue(initialColor.s);\r\n    const brightnessValue = useSharedValue(initialColor.v);\r\n    const alphaValue = useSharedValue(initialColor.a);\r\n\r\n    const returnedResults = (color?: SupportedColorFormats) => {\r\n      color = color ?? {\r\n        h: hueValue.value,\r\n        s: saturationValue.value,\r\n        v: brightnessValue.value,\r\n        a: alphaValue.value,\r\n      };\r\n      return {\r\n        hex: colorKit.HEX(color),\r\n        rgb: colorKit.RGB(color).string(false),\r\n        rgba: colorKit.RGB(color).string(true),\r\n        hsl: colorKit.HSL(color).string(false),\r\n        hsla: colorKit.HSL(color).string(true),\r\n        hsv: colorKit.HSV(color).string(false),\r\n        hsva: colorKit.HSV(color).string(true),\r\n        hwb: colorKit.HWB(color).string(false),\r\n        hwba: colorKit.HWB(color).string(true),\r\n      };\r\n    };\r\n\r\n    const onGestureEnd = (color?: SupportedColorFormats) => {\r\n      onComplete?.(returnedResults(color));\r\n    };\r\n\r\n    const onGestureChange = (color?: SupportedColorFormats) => {\r\n      onChange?.(returnedResults(color));\r\n    };\r\n\r\n    const setColor = (color: string, duration = thumbAnimationDuration) => {\r\n      const { h, s, v, a } = colorKit.HSV(color).object();\r\n\r\n      hueValue.value = withTiming(h, { duration });\r\n      saturationValue.value = withTiming(s, { duration });\r\n      brightnessValue.value = withTiming(v, { duration });\r\n      alphaValue.value = withTiming(a, { duration });\r\n    };\r\n\r\n    useEffect(() => {\r\n      setColor(value);\r\n    }, [value]);\r\n\r\n    // Addressing a sporadic problem where the shared value for color channels fails to update upon component mounting.\r\n    // This issue appears to manifest randomly and might be correlated with the Reanimated library.\r\n    useEffect(() => {\r\n      hueValue.value += 1;\r\n      saturationValue.value += 1;\r\n      brightnessValue.value += 1;\r\n      setColor(value, 100);\r\n    }, []);\r\n\r\n    useImperativeHandle(ref, () => ({ setColor }));\r\n\r\n    const ctxValue: ColorPickerContext = {\r\n      hueValue,\r\n      saturationValue,\r\n      brightnessValue,\r\n      alphaValue,\r\n\r\n      adaptSpectrum,\r\n\r\n      sliderThickness,\r\n      thumbSize,\r\n      thumbShape,\r\n      boundedThumb,\r\n      thumbColor,\r\n      renderThumb,\r\n      thumbStyle,\r\n      thumbInnerStyle,\r\n\r\n      value,\r\n      setColor,\r\n\r\n      returnedResults,\r\n      onGestureEnd,\r\n      onGestureChange,\r\n    };\r\n\r\n    return (\r\n      <GestureHandlerRootView style={[{ direction: isWeb ? 'ltr' : undefined }, style]}>\r\n        <pickerContext.Provider value={ctxValue}>{children}</pickerContext.Provider>\r\n      </GestureHandlerRootView>\r\n    );\r\n  }\r\n);\r\n\r\nexport default ColorPicker;\r\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/lib/module/components/Panels/Panel4.js

@@ -60,10 +60,7 @@ export function Panel4(_ref) {
           brightnessPercentX = (brightnessValue.value / 100) * (length.x / 2),
           brightnessPosX = (reverseHorizontalChannels ? brightnessPercentX : length.x - brightnessPercentX) - calcThumb,
           // both
-          isSaturationActive = reverseHorizontalChannels
-            ? saturationPosX > length.x / 2 - calcThumb
-            : saturationPosX < length.x / 2 - calcThumb,
-          posX = isSaturationActive ? saturationPosX : brightnessPosX,
+          posX = brightnessValue.value === 100 ? saturationPosX : brightnessPosX,
           // hue
           percentY = (hueValue.value / 360) * length.y,
           posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;
@@ -94,8 +91,8 @@ export function Panel4(_ref) {
         handleScale,
       };
       _f.asString =
-        'function _f(){const{width,boundedThumb,thumbSize,height,saturationValue,reverseHorizontalChannels,brightnessValue,hueValue,reverseHue,handleScale}=jsThis._closure;{const length={x:width.value-(boundedThumb?thumbSize:0),y:height.value-(boundedThumb?thumbSize:0)},calcThumb=boundedThumb?0:thumbSize/2,saturationPercentX=saturationValue.value/100*(length.x/2),saturationPosX=(reverseHorizontalChannels?length.x-saturationPercentX:saturationPercentX)-calcThumb,brightnessPercentX=brightnessValue.value/100*(length.x/2),brightnessPosX=(reverseHorizontalChannels?brightnessPercentX:length.x-brightnessPercentX)-calcThumb,isSaturationActive=reverseHorizontalChannels?saturationPosX>length.x/2-calcThumb:saturationPosX<length.x/2-calcThumb,posX=isSaturationActive?saturationPosX:brightnessPosX,percentY=hueValue.value/360*length.y,posY=(reverseHue?percentY:length.y-percentY)-calcThumb;return{transform:[{translateX:posX},{translateY:posY},{scale:handleScale.value}]};}}';
-      _f.__workletHash = 10490230347205;
+        'function _f(){const{width,boundedThumb,thumbSize,height,saturationValue,reverseHorizontalChannels,brightnessValue,hueValue,reverseHue,handleScale}=jsThis._closure;{const length={x:width.value-(boundedThumb?thumbSize:0),y:height.value-(boundedThumb?thumbSize:0)},calcThumb=boundedThumb?0:thumbSize/2,saturationPercentX=saturationValue.value/100*(length.x/2),saturationPosX=(reverseHorizontalChannels?length.x-saturationPercentX:saturationPercentX)-calcThumb,brightnessPercentX=brightnessValue.value/100*(length.x/2),brightnessPosX=(reverseHorizontalChannels?brightnessPercentX:length.x-brightnessPercentX)-calcThumb,posX=brightnessValue.value===100?saturationPosX:brightnessPosX,percentY=hueValue.value/360*length.y,posY=(reverseHue?percentY:length.y-percentY)-calcThumb;return{transform:[{translateX:posX},{translateY:posY},{scale:handleScale.value}]};}}';
+      _f.__workletHash = 2818851908278;
       _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (58:39)';
       _f.__optimalization = 3;
       return _f;
@@ -142,7 +139,7 @@ export function Panel4(_ref) {
     _f.asString =
       'function _f({x:x,y:y}){const{width,boundedThumb,thumbSize,height,clamp,reverseHue,reverseHorizontalChannels,hueValue,saturationValue,brightnessValue,runOnJS,onGestureChange}=jsThis._closure;{const lengthX=width.value-(boundedThumb?thumbSize:0),lengthY=height.value-(boundedThumb?thumbSize:0),posX=clamp(x-(boundedThumb?thumbSize/2:0),lengthX),posY=clamp(y-(boundedThumb?thumbSize/2:0),lengthY),valueX=Math.round(posX/lengthX*200),valueY=Math.round(posY/lengthY*360),newHueValue=reverseHue?valueY:360-valueY,newSaturationValue=clamp(reverseHorizontalChannels?200-valueX:valueX,100),newBrightnessValue=clamp(reverseHorizontalChannels?valueX:200-valueX,100);if(hueValue.value===newHueValue&&saturationValue.value===newSaturationValue&&brightnessValue.value===newBrightnessValue)return;hueValue.value=newHueValue;saturationValue.value=newSaturationValue;brightnessValue.value=newBrightnessValue;runOnJS(onGestureChange)();}}';
     _f.__workletHash = 15687744026353;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (81:26)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (78:26)';
     return _f;
   })();
   const onGestureBegin = (function () {
@@ -160,7 +157,7 @@ export function Panel4(_ref) {
     _f.asString =
       'function _f(event){const{handleScale,withTiming,onGestureUpdate}=jsThis._closure;{handleScale.value=withTiming(1.2,{duration:100});onGestureUpdate(event);}}';
     _f.__workletHash = 14773240202957;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (105:25)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (102:25)';
     return _f;
   })();
   const onGestureFinish = (function () {
@@ -179,7 +176,7 @@ export function Panel4(_ref) {
     _f.asString =
       'function _f(){const{handleScale,withTiming,runOnJS,onGestureEnd}=jsThis._closure;{handleScale.value=withTiming(1,{duration:100});runOnJS(onGestureEnd)();}}';
     _f.__workletHash = 6379049506140;
-    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (110:26)';
+    _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (107:26)';
     return _f;
   })();
   const pan = Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);
@@ -222,7 +219,7 @@ export function Panel4(_ref) {
       _f.asString =
         "function _f(){const{height,width,reverseHue,isRtl}=jsThis._closure;{return{width:height.value,height:width.value,transform:[{scaleY:reverseHue?-1:1},{rotate:'270deg'},{translateX:(width.value-height.value)/2*(reverseHue?-1:1)},{translateY:(width.value-height.value)/2*(isRtl?-1:1)}]};}}";
       _f.__workletHash = 8519187383491;
-      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (126:44)';
+      _f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\Panels\\Panel4.tsx (123:44)';
       _f.__optimalization = 3;
       return _f;
     })()

package/lib/module/components/Panels/Panel4.js.map

@@ -67,7 +67,6 @@
     "saturationPosX",
     "brightnessPercentX",
     "brightnessPosX",
-    "isSaturationActive",
     "posX",
     "percentY",
     "posY",
@@ -132,7 +131,7 @@
   ],
   "sources": ["../../../../src/components/Panels/Panel4.tsx"],
   "sourcesContent": [
-    "import React, { useContext, useCallback } from 'react';\r\nimport { Image, View } from 'react-native';\r\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\r\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { styles } from '@styles';\r\nimport pickerContext from '@context';\r\nimport { clamp, getStyle, isRtl } from '@utils';\r\nimport Thumb from '@thumb';\r\n\r\nimport type { LayoutChangeEvent } from 'react-native';\r\nimport type { PanGestureHandlerEventPayload } from 'react-native-gesture-handler';\r\nimport type { Panel4Props } from '@types';\r\n\r\nexport function Panel4({\r\n  thumbColor: localThumbColor,\r\n  boundedThumb: localBoundedThumb,\r\n  renderThumb: localRenderThumb,\r\n  thumbShape: localThumbShape,\r\n  thumbSize: localThumbSize,\r\n  thumbStyle: localThumbStyle,\r\n  thumbInnerStyle: localThumbInnerStyle,\r\n  reverseHue = false,\r\n  reverseHorizontalChannels = false,\r\n  style = {},\r\n}: Panel4Props) {\r\n  const {\r\n    hueValue,\r\n    saturationValue,\r\n    brightnessValue,\r\n    onGestureChange,\r\n    onGestureEnd,\r\n    thumbSize: globalThumbsSize,\r\n    thumbShape: globalThumbShape,\r\n    thumbColor: globalThumbsColor,\r\n    boundedThumb: globalBoundedThumb,\r\n    renderThumb: globalRenderThumbs,\r\n    thumbStyle: globalThumbsStyle,\r\n    thumbInnerStyle: globalThumbsInnerStyle,\r\n  } = useContext(pickerContext);\r\n\r\n  const thumbShape = localThumbShape ?? globalThumbShape,\r\n    thumbSize = localThumbSize ?? globalThumbsSize,\r\n    thumbColor = localThumbColor ?? globalThumbsColor,\r\n    boundedThumb = localBoundedThumb ?? globalBoundedThumb,\r\n    renderThumb = localRenderThumb ?? globalRenderThumbs,\r\n    thumbStyle = localThumbStyle ?? globalThumbsStyle ?? {},\r\n    thumbInnerStyle = localThumbInnerStyle ?? globalThumbsInnerStyle ?? {};\r\n\r\n  const borderRadius = getStyle(style, 'borderRadius') ?? 5,\r\n    getHeight = getStyle(style, 'height') ?? 200;\r\n\r\n  const width = useSharedValue(0),\r\n    height = useSharedValue(0);\r\n\r\n  const handleScale = useSharedValue(1);\r\n\r\n  const handleStyle = useAnimatedStyle(() => {\r\n    const length = { x: width.value - (boundedThumb ? thumbSize : 0), y: height.value - (boundedThumb ? thumbSize : 0) },\r\n      calcThumb = boundedThumb ? 0 : thumbSize / 2,\r\n      // saturation\r\n      saturationPercentX = (saturationValue.value / 100) * (length.x / 2),\r\n      saturationPosX = (reverseHorizontalChannels ? length.x - saturationPercentX : saturationPercentX) - calcThumb,\r\n      // brightness\r\n      brightnessPercentX = (brightnessValue.value / 100) * (length.x / 2),\r\n      brightnessPosX = (reverseHorizontalChannels ? brightnessPercentX : length.x - brightnessPercentX) - calcThumb,\r\n      // both\r\n      isSaturationActive = reverseHorizontalChannels\r\n        ? saturationPosX > length.x / 2 - calcThumb\r\n        : saturationPosX < length.x / 2 - calcThumb,\r\n      posX = isSaturationActive ? saturationPosX : brightnessPosX,\r\n      // hue\r\n      percentY = (hueValue.value / 360) * length.y,\r\n      posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;\r\n\r\n    return {\r\n      transform: [{ translateX: posX }, { translateY: posY }, { scale: handleScale.value }],\r\n    };\r\n  }, [localThumbSize, reverseHue, reverseHorizontalChannels]);\r\n\r\n  const onGestureUpdate = ({ x, y }: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n\r\n    const lengthX = width.value - (boundedThumb ? thumbSize : 0),\r\n      lengthY = height.value - (boundedThumb ? thumbSize : 0),\r\n      posX = clamp(x - (boundedThumb ? thumbSize / 2 : 0), lengthX),\r\n      posY = clamp(y - (boundedThumb ? thumbSize / 2 : 0), lengthY),\r\n      valueX = Math.round((posX / lengthX) * 200),\r\n      valueY = Math.round((posY / lengthY) * 360),\r\n      newHueValue = reverseHue ? valueY : 360 - valueY,\r\n      newSaturationValue = clamp(reverseHorizontalChannels ? 200 - valueX : valueX, 100),\r\n      newBrightnessValue = clamp(reverseHorizontalChannels ? valueX : 200 - valueX, 100);\r\n    if (\r\n      hueValue.value === newHueValue &&\r\n      saturationValue.value === newSaturationValue &&\r\n      brightnessValue.value === newBrightnessValue\r\n    )\r\n      return;\r\n\r\n    hueValue.value = newHueValue;\r\n    saturationValue.value = newSaturationValue;\r\n    brightnessValue.value = newBrightnessValue;\r\n    runOnJS(onGestureChange)();\r\n  };\r\n  const onGestureBegin = (event: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1.2, { duration: 100 });\r\n    onGestureUpdate(event);\r\n  };\r\n  const onGestureFinish = () => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1, { duration: 100 });\r\n    runOnJS(onGestureEnd)();\r\n  };\r\n\r\n  const pan = Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);\r\n  const tap = Gesture.Tap().onTouchesUp(onGestureFinish);\r\n  const longPress = Gesture.LongPress().onTouchesUp(onGestureFinish);\r\n  const composed = Gesture.Exclusive(pan, tap, longPress);\r\n\r\n  const onLayout = useCallback(({ nativeEvent: { layout } }: LayoutChangeEvent) => {\r\n    width.value = layout.width;\r\n    height.value = layout.height;\r\n  }, []);\r\n\r\n  const rotatePanelImage = useAnimatedStyle(() => ({\r\n    width: height.value,\r\n    height: width.value,\r\n    transform: [\r\n      { scaleY: reverseHue ? -1 : 1 },\r\n      { rotate: '270deg' },\r\n      { translateX: ((width.value - height.value) / 2) * (reverseHue ? -1 : 1) },\r\n      { translateY: ((width.value - height.value) / 2) * (isRtl ? -1 : 1) },\r\n    ],\r\n  }));\r\n\r\n  return (\r\n    <GestureDetector gesture={composed}>\r\n      <Animated.View\r\n        onLayout={onLayout}\r\n        style={[styles.panel_container, { height: getHeight }, style, { position: 'relative', borderWidth: 0, padding: 0 }]}\r\n      >\r\n        <Animated.Image\r\n          source={require('@assets/Hue.png')}\r\n          style={[styles.panel_image, { borderRadius }, rotatePanelImage]}\r\n          resizeMode='stretch'\r\n        />\r\n\r\n        <View\r\n          style={[\r\n            styles.panel_image,\r\n            {\r\n              borderRadius,\r\n              flexDirection: isRtl ? 'row-reverse' : 'row',\r\n              transform: [{ scaleX: reverseHorizontalChannels ? -1 : 1 }],\r\n            },\r\n          ]}\r\n        >\r\n          <Image source={require('@assets/blackGradient.png')} style={{ flex: 1, tintColor: '#fff' }} resizeMode='stretch' />\r\n          <Image\r\n            source={require('@assets/blackGradient.png')}\r\n            style={{ flex: 1, transform: [{ scaleX: -1 }] }}\r\n            resizeMode='stretch'\r\n          />\r\n        </View>\r\n\r\n        <Thumb\r\n          {...{\r\n            thumbShape,\r\n            thumbSize,\r\n            thumbColor,\r\n            renderThumb,\r\n            innerStyle: thumbInnerStyle,\r\n            style: thumbStyle,\r\n            handleStyle,\r\n          }}\r\n        />\r\n      </Animated.View>\r\n    </GestureDetector>\r\n  );\r\n}\r\n"
+    "import React, { useContext, useCallback } from 'react';\r\nimport { Image, View } from 'react-native';\r\nimport { GestureDetector, Gesture } from 'react-native-gesture-handler';\r\nimport Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\r\n\r\nimport { styles } from '@styles';\r\nimport pickerContext from '@context';\r\nimport { clamp, getStyle, isRtl } from '@utils';\r\nimport Thumb from '@thumb';\r\n\r\nimport type { LayoutChangeEvent } from 'react-native';\r\nimport type { PanGestureHandlerEventPayload } from 'react-native-gesture-handler';\r\nimport type { Panel4Props } from '@types';\r\n\r\nexport function Panel4({\r\n  thumbColor: localThumbColor,\r\n  boundedThumb: localBoundedThumb,\r\n  renderThumb: localRenderThumb,\r\n  thumbShape: localThumbShape,\r\n  thumbSize: localThumbSize,\r\n  thumbStyle: localThumbStyle,\r\n  thumbInnerStyle: localThumbInnerStyle,\r\n  reverseHue = false,\r\n  reverseHorizontalChannels = false,\r\n  style = {},\r\n}: Panel4Props) {\r\n  const {\r\n    hueValue,\r\n    saturationValue,\r\n    brightnessValue,\r\n    onGestureChange,\r\n    onGestureEnd,\r\n    thumbSize: globalThumbsSize,\r\n    thumbShape: globalThumbShape,\r\n    thumbColor: globalThumbsColor,\r\n    boundedThumb: globalBoundedThumb,\r\n    renderThumb: globalRenderThumbs,\r\n    thumbStyle: globalThumbsStyle,\r\n    thumbInnerStyle: globalThumbsInnerStyle,\r\n  } = useContext(pickerContext);\r\n\r\n  const thumbShape = localThumbShape ?? globalThumbShape,\r\n    thumbSize = localThumbSize ?? globalThumbsSize,\r\n    thumbColor = localThumbColor ?? globalThumbsColor,\r\n    boundedThumb = localBoundedThumb ?? globalBoundedThumb,\r\n    renderThumb = localRenderThumb ?? globalRenderThumbs,\r\n    thumbStyle = localThumbStyle ?? globalThumbsStyle ?? {},\r\n    thumbInnerStyle = localThumbInnerStyle ?? globalThumbsInnerStyle ?? {};\r\n\r\n  const borderRadius = getStyle(style, 'borderRadius') ?? 5,\r\n    getHeight = getStyle(style, 'height') ?? 200;\r\n\r\n  const width = useSharedValue(0),\r\n    height = useSharedValue(0);\r\n\r\n  const handleScale = useSharedValue(1);\r\n\r\n  const handleStyle = useAnimatedStyle(() => {\r\n    const length = { x: width.value - (boundedThumb ? thumbSize : 0), y: height.value - (boundedThumb ? thumbSize : 0) },\r\n      calcThumb = boundedThumb ? 0 : thumbSize / 2,\r\n      // saturation\r\n      saturationPercentX = (saturationValue.value / 100) * (length.x / 2),\r\n      saturationPosX = (reverseHorizontalChannels ? length.x - saturationPercentX : saturationPercentX) - calcThumb,\r\n      // brightness\r\n      brightnessPercentX = (brightnessValue.value / 100) * (length.x / 2),\r\n      brightnessPosX = (reverseHorizontalChannels ? brightnessPercentX : length.x - brightnessPercentX) - calcThumb,\r\n      // both\r\n      posX = brightnessValue.value === 100 ? saturationPosX : brightnessPosX,\r\n      // hue\r\n      percentY = (hueValue.value / 360) * length.y,\r\n      posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;\r\n\r\n    return {\r\n      transform: [{ translateX: posX }, { translateY: posY }, { scale: handleScale.value }],\r\n    };\r\n  }, [localThumbSize, reverseHue, reverseHorizontalChannels]);\r\n\r\n  const onGestureUpdate = ({ x, y }: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n\r\n    const lengthX = width.value - (boundedThumb ? thumbSize : 0),\r\n      lengthY = height.value - (boundedThumb ? thumbSize : 0),\r\n      posX = clamp(x - (boundedThumb ? thumbSize / 2 : 0), lengthX),\r\n      posY = clamp(y - (boundedThumb ? thumbSize / 2 : 0), lengthY),\r\n      valueX = Math.round((posX / lengthX) * 200),\r\n      valueY = Math.round((posY / lengthY) * 360),\r\n      newHueValue = reverseHue ? valueY : 360 - valueY,\r\n      newSaturationValue = clamp(reverseHorizontalChannels ? 200 - valueX : valueX, 100),\r\n      newBrightnessValue = clamp(reverseHorizontalChannels ? valueX : 200 - valueX, 100);\r\n    if (\r\n      hueValue.value === newHueValue &&\r\n      saturationValue.value === newSaturationValue &&\r\n      brightnessValue.value === newBrightnessValue\r\n    )\r\n      return;\r\n\r\n    hueValue.value = newHueValue;\r\n    saturationValue.value = newSaturationValue;\r\n    brightnessValue.value = newBrightnessValue;\r\n    runOnJS(onGestureChange)();\r\n  };\r\n  const onGestureBegin = (event: PanGestureHandlerEventPayload) => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1.2, { duration: 100 });\r\n    onGestureUpdate(event);\r\n  };\r\n  const onGestureFinish = () => {\r\n    'worklet';\r\n    handleScale.value = withTiming(1, { duration: 100 });\r\n    runOnJS(onGestureEnd)();\r\n  };\r\n\r\n  const pan = Gesture.Pan().onBegin(onGestureBegin).onUpdate(onGestureUpdate).onEnd(onGestureFinish);\r\n  const tap = Gesture.Tap().onTouchesUp(onGestureFinish);\r\n  const longPress = Gesture.LongPress().onTouchesUp(onGestureFinish);\r\n  const composed = Gesture.Exclusive(pan, tap, longPress);\r\n\r\n  const onLayout = useCallback(({ nativeEvent: { layout } }: LayoutChangeEvent) => {\r\n    width.value = layout.width;\r\n    height.value = layout.height;\r\n  }, []);\r\n\r\n  const rotatePanelImage = useAnimatedStyle(() => ({\r\n    width: height.value,\r\n    height: width.value,\r\n    transform: [\r\n      { scaleY: reverseHue ? -1 : 1 },\r\n      { rotate: '270deg' },\r\n      { translateX: ((width.value - height.value) / 2) * (reverseHue ? -1 : 1) },\r\n      { translateY: ((width.value - height.value) / 2) * (isRtl ? -1 : 1) },\r\n    ],\r\n  }));\r\n\r\n  return (\r\n    <GestureDetector gesture={composed}>\r\n      <Animated.View\r\n        onLayout={onLayout}\r\n        style={[styles.panel_container, { height: getHeight }, style, { position: 'relative', borderWidth: 0, padding: 0 }]}\r\n      >\r\n        <Animated.Image\r\n          source={require('@assets/Hue.png')}\r\n          style={[styles.panel_image, { borderRadius }, rotatePanelImage]}\r\n          resizeMode='stretch'\r\n        />\r\n\r\n        <View\r\n          style={[\r\n            styles.panel_image,\r\n            {\r\n              borderRadius,\r\n              flexDirection: isRtl ? 'row-reverse' : 'row',\r\n              transform: [{ scaleX: reverseHorizontalChannels ? -1 : 1 }],\r\n            },\r\n          ]}\r\n        >\r\n          <Image source={require('@assets/blackGradient.png')} style={{ flex: 1, tintColor: '#fff' }} resizeMode='stretch' />\r\n          <Image\r\n            source={require('@assets/blackGradient.png')}\r\n            style={{ flex: 1, transform: [{ scaleX: -1 }] }}\r\n            resizeMode='stretch'\r\n          />\r\n        </View>\r\n\r\n        <Thumb\r\n          {...{\r\n            thumbShape,\r\n            thumbSize,\r\n            thumbColor,\r\n            renderThumb,\r\n            innerStyle: thumbInnerStyle,\r\n            style: thumbStyle,\r\n            handleStyle,\r\n          }}\r\n        />\r\n      </Animated.View>\r\n    </GestureDetector>\r\n  );\r\n}\r\n"
   ],
-  "mappings": "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"
+  "mappings": "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"
 }

package/lib/src/ColorPicker.js

@@ -77,6 +77,14 @@ const ColorPicker = forwardRef(
     useEffect(() => {
       setColor(value);
     }, [value]);
+    // Addressing a sporadic problem where the shared value for color channels fails to update upon component mounting.
+    // This issue appears to manifest randomly and might be correlated with the Reanimated library.
+    useEffect(() => {
+      hueValue.value += 1;
+      saturationValue.value += 1;
+      brightnessValue.value += 1;
+      setColor(value, 100);
+    }, []);
     useImperativeHandle(ref, () => ({ setColor }));
     const ctxValue = {
       hueValue,

package/lib/src/components/Panels/Panel4.js

@@ -54,10 +54,7 @@ export function Panel4({
       brightnessPercentX = (brightnessValue.value / 100) * (length.x / 2),
       brightnessPosX = (reverseHorizontalChannels ? brightnessPercentX : length.x - brightnessPercentX) - calcThumb,
       // both
-      isSaturationActive = reverseHorizontalChannels
-        ? saturationPosX > length.x / 2 - calcThumb
-        : saturationPosX < length.x / 2 - calcThumb,
-      posX = isSaturationActive ? saturationPosX : brightnessPosX,
+      posX = brightnessValue.value === 100 ? saturationPosX : brightnessPosX,
       // hue
       percentY = (hueValue.value / 360) * length.y,
       posY = (reverseHue ? percentY : length.y - percentY) - calcThumb;

package/lib/typescript/ColorPicker.d.ts.map

@@ -4,5 +4,5 @@
   "sourceRoot": "",
   "sources": ["../../src/ColorPicker.tsx"],
   "names": [],
-  "mappings": "AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAUlF,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAsB,MAAM,QAAQ,CAAC;AAanF,QAAA,MAAM,WAAW,yFAsGhB,CAAC;AAEF,eAAe,WAAW,CAAC"
+  "mappings": "AAAA,OAAO,KAA6D,MAAM,OAAO,CAAC;AAUlF,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAsB,MAAM,QAAQ,CAAC;AAanF,QAAA,MAAM,WAAW,yFA+GhB,CAAC;AAEF,eAAe,WAAW,CAAC"
 }

package/lib/typescript/components/Panels/Panel4.d.ts.map

@@ -4,5 +4,5 @@
   "sourceRoot": "",
   "sources": ["../../../../src/components/Panels/Panel4.tsx"],
   "names": [],
-  "mappings": "AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,wBAAgB,MAAM,CAAC,EACrB,UAAU,EAAE,eAAe,EAC3B,YAAY,EAAE,iBAAiB,EAC/B,WAAW,EAAE,gBAAgB,EAC7B,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,UAAkB,EAClB,yBAAiC,EACjC,KAAU,GACX,EAAE,WAAW,eA2Jb"
+  "mappings": "AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAE1C,wBAAgB,MAAM,CAAC,EACrB,UAAU,EAAE,eAAe,EAC3B,YAAY,EAAE,iBAAiB,EAC/B,WAAW,EAAE,gBAAgB,EAC7B,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,cAAc,EACzB,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,oBAAoB,EACrC,UAAkB,EAClB,yBAAiC,EACjC,KAAU,GACX,EAAE,WAAW,eAwJb"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reanimated-color-picker",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "description": "A Pure JavaScript Color Picker for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",