reanimated-color-picker 2.2.0 → 2.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/InputWidget/InputWidget.js +10 -1
- package/lib/commonjs/components/InputWidget/InputWidget.js.map +11 -3
- package/lib/commonjs/components/InputWidget/Widgets/HexWidget.js +1 -2
- package/lib/commonjs/components/InputWidget/Widgets/HslWidget.js +19 -13
- package/lib/commonjs/components/InputWidget/Widgets/HslWidget.js.map +5 -2
- package/lib/commonjs/components/InputWidget/Widgets/HsvWidget.js +19 -13
- package/lib/commonjs/components/InputWidget/Widgets/HsvWidget.js.map +5 -2
- package/lib/commonjs/components/InputWidget/Widgets/HwbWidget.js +19 -13
- package/lib/commonjs/components/InputWidget/Widgets/HwbWidget.js.map +5 -2
- package/lib/commonjs/components/InputWidget/Widgets/RgbWidget.js +19 -13
- package/lib/commonjs/components/InputWidget/Widgets/RgbWidget.js.map +5 -2
- package/lib/commonjs/components/Panels/Panel1.js +6 -6
- package/lib/commonjs/components/Panels/Panel2.js +6 -6
- package/lib/commonjs/components/Panels/Panel3.js +5 -5
- package/lib/commonjs/components/Panels/Panel4.js +5 -5
- package/lib/commonjs/components/Panels/Panel5.js +3 -3
- package/lib/commonjs/components/Panels/Panel5.js.map +2 -2
- package/lib/commonjs/components/Preview.js +4 -4
- package/lib/commonjs/components/PreviewText.js +1 -1
- package/lib/commonjs/components/Sliders/BrightnessSlider.js +6 -12
- package/lib/commonjs/components/Sliders/HueCircular.js +8 -16
- package/lib/commonjs/components/Sliders/HueSlider.js +7 -12
- package/lib/commonjs/components/Sliders/OpacitySlider.js +6 -12
- package/lib/commonjs/components/Sliders/RGB/BlueSlider.js +6 -12
- package/lib/commonjs/components/Sliders/RGB/GreenSlider.js +6 -12
- package/lib/commonjs/components/Sliders/RGB/RedSlider.js +6 -12
- package/lib/commonjs/components/Sliders/SaturationSlider.js +7 -14
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Circle.js +1 -2
- package/lib/commonjs/components/Thumb/BuiltinThumbs/DoubleTriangle.js +1 -1
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Hollow.js +2 -4
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Line.js +1 -2
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Pill.js +1 -2
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Plus.js +2 -4
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Rect.js +1 -2
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Ring.js +1 -2
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Solid.js +1 -2
- package/lib/commonjs/components/Thumb/BuiltinThumbs/TriangleDown.js +1 -2
- package/lib/commonjs/components/Thumb/BuiltinThumbs/TriangleUp.js +1 -2
- package/lib/commonjs/components/Thumb/Thumb.js +3 -3
- package/lib/commonjs/types.js.map +1 -1
- package/lib/commonjs/utils.js +5 -5
- package/lib/module/components/InputWidget/InputWidget.js +10 -1
- package/lib/module/components/InputWidget/InputWidget.js.map +10 -3
- package/lib/module/components/InputWidget/Widgets/HexWidget.js +1 -2
- package/lib/module/components/InputWidget/Widgets/HslWidget.js +20 -14
- package/lib/module/components/InputWidget/Widgets/HslWidget.js.map +5 -2
- package/lib/module/components/InputWidget/Widgets/HsvWidget.js +20 -14
- package/lib/module/components/InputWidget/Widgets/HsvWidget.js.map +5 -2
- package/lib/module/components/InputWidget/Widgets/HwbWidget.js +20 -14
- package/lib/module/components/InputWidget/Widgets/HwbWidget.js.map +5 -2
- package/lib/module/components/InputWidget/Widgets/RgbWidget.js +20 -14
- package/lib/module/components/InputWidget/Widgets/RgbWidget.js.map +5 -2
- package/lib/module/components/Panels/Panel1.js +6 -6
- package/lib/module/components/Panels/Panel2.js +6 -6
- package/lib/module/components/Panels/Panel3.js +5 -5
- package/lib/module/components/Panels/Panel4.js +5 -5
- package/lib/module/components/Panels/Panel5.js +3 -3
- package/lib/module/components/Panels/Panel5.js.map +2 -2
- package/lib/module/components/Preview.js +4 -4
- package/lib/module/components/PreviewText.js +1 -1
- package/lib/module/components/Sliders/BrightnessSlider.js +6 -12
- package/lib/module/components/Sliders/HueCircular.js +8 -16
- package/lib/module/components/Sliders/HueSlider.js +7 -12
- package/lib/module/components/Sliders/OpacitySlider.js +6 -12
- package/lib/module/components/Sliders/RGB/BlueSlider.js +6 -12
- package/lib/module/components/Sliders/RGB/GreenSlider.js +6 -12
- package/lib/module/components/Sliders/RGB/RedSlider.js +6 -12
- package/lib/module/components/Sliders/SaturationSlider.js +7 -14
- package/lib/module/components/Thumb/BuiltinThumbs/Circle.js +1 -2
- package/lib/module/components/Thumb/BuiltinThumbs/DoubleTriangle.js +1 -1
- package/lib/module/components/Thumb/BuiltinThumbs/Hollow.js +2 -4
- package/lib/module/components/Thumb/BuiltinThumbs/Line.js +1 -2
- package/lib/module/components/Thumb/BuiltinThumbs/Pill.js +1 -2
- package/lib/module/components/Thumb/BuiltinThumbs/Plus.js +2 -4
- package/lib/module/components/Thumb/BuiltinThumbs/Rect.js +1 -2
- package/lib/module/components/Thumb/BuiltinThumbs/Ring.js +1 -2
- package/lib/module/components/Thumb/BuiltinThumbs/Solid.js +1 -2
- package/lib/module/components/Thumb/BuiltinThumbs/TriangleDown.js +1 -2
- package/lib/module/components/Thumb/BuiltinThumbs/TriangleUp.js +1 -2
- package/lib/module/components/Thumb/Thumb.js +3 -3
- package/lib/module/types.js.map +1 -1
- package/lib/module/utils.js +5 -5
- package/lib/src/components/InputWidget/InputWidget.js +6 -1
- package/lib/src/components/InputWidget/Widgets/HslWidget.js +15 -12
- package/lib/src/components/InputWidget/Widgets/HsvWidget.js +15 -12
- package/lib/src/components/InputWidget/Widgets/HwbWidget.js +15 -12
- package/lib/src/components/InputWidget/Widgets/RgbWidget.js +15 -12
- package/lib/src/components/Panels/Panel5.js +1 -1
- package/lib/typescript/components/InputWidget/InputWidget.d.ts +1 -0
- package/lib/typescript/components/InputWidget/InputWidget.d.ts.map +1 -1
- package/lib/typescript/components/InputWidget/Widgets/HslWidget.d.ts +1 -0
- package/lib/typescript/components/InputWidget/Widgets/HslWidget.d.ts.map +1 -1
- package/lib/typescript/components/InputWidget/Widgets/HsvWidget.d.ts +1 -0
- package/lib/typescript/components/InputWidget/Widgets/HsvWidget.d.ts.map +1 -1
- package/lib/typescript/components/InputWidget/Widgets/HwbWidget.d.ts +1 -0
- package/lib/typescript/components/InputWidget/Widgets/HwbWidget.d.ts.map +1 -1
- package/lib/typescript/components/InputWidget/Widgets/RgbWidget.d.ts +1 -0
- package/lib/typescript/components/InputWidget/Widgets/RgbWidget.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +3 -0
- package/lib/typescript/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -6,9 +6,10 @@ Object.defineProperty(exports, '__esModule', {
|
|
|
6
6
|
exports.InputWidget = InputWidget;
|
|
7
7
|
var _react = _interopRequireWildcard(require('react'));
|
|
8
8
|
var _reactNative = require('react-native');
|
|
9
|
-
var _styles = require('../../styles');
|
|
10
9
|
var _utils = require('../../utils');
|
|
11
10
|
var _AppContext = _interopRequireDefault(require('../../AppContext'));
|
|
11
|
+
var _styles = require('../../styles');
|
|
12
|
+
var _colorKit = _interopRequireDefault(require('../../colorKit/colorKit'));
|
|
12
13
|
var _HexWidget = _interopRequireDefault(require('./Widgets/HexWidget'));
|
|
13
14
|
var _RgbWidget = _interopRequireDefault(require('./Widgets/RgbWidget'));
|
|
14
15
|
var _HslWidget = _interopRequireDefault(require('./Widgets/HslWidget'));
|
|
@@ -60,6 +61,7 @@ function InputWidget(_ref) {
|
|
|
60
61
|
defaultFormat = 'HEX',
|
|
61
62
|
formats = defaultFormats,
|
|
62
63
|
iconColor = 'black',
|
|
64
|
+
disableAlphaChannel = false,
|
|
63
65
|
containerStyle = {},
|
|
64
66
|
inputStyle = {},
|
|
65
67
|
inputTitleStyle = {},
|
|
@@ -70,6 +72,12 @@ function InputWidget(_ref) {
|
|
|
70
72
|
_react.useContext)(_AppContext.default);
|
|
71
73
|
const [format, setFormat] = (0, _react.useState)(formats.includes(defaultFormat) ? defaultFormat : formats[0] ?? 'HEX');
|
|
72
74
|
const onChange = color => {
|
|
75
|
+
var _colorKit$getFormat;
|
|
76
|
+
const isHex =
|
|
77
|
+
(_colorKit$getFormat = _colorKit.default.getFormat(color)) === null || _colorKit$getFormat === void 0
|
|
78
|
+
? void 0
|
|
79
|
+
: _colorKit$getFormat.includes('hex');
|
|
80
|
+
if (disableAlphaChannel && isHex) color = _colorKit.default.setAlpha(color, 1).hex();
|
|
73
81
|
setColor(color);
|
|
74
82
|
onGestureChange(color);
|
|
75
83
|
onGestureEnd(color);
|
|
@@ -89,6 +97,7 @@ function InputWidget(_ref) {
|
|
|
89
97
|
inputStyle,
|
|
90
98
|
inputTitleStyle,
|
|
91
99
|
inputProps,
|
|
100
|
+
disableAlphaChannel,
|
|
92
101
|
};
|
|
93
102
|
const Input = () => {
|
|
94
103
|
switch (format) {
|
|
@@ -6,10 +6,11 @@
|
|
|
6
6
|
"_interopRequireWildcard",
|
|
7
7
|
"require",
|
|
8
8
|
"_reactNative",
|
|
9
|
-
"_styles",
|
|
10
9
|
"_utils",
|
|
11
10
|
"_AppContext",
|
|
12
11
|
"_interopRequireDefault",
|
|
12
|
+
"_styles",
|
|
13
|
+
"_colorKit",
|
|
13
14
|
"_HexWidget",
|
|
14
15
|
"_RgbWidget",
|
|
15
16
|
"_HslWidget",
|
|
@@ -43,6 +44,7 @@
|
|
|
43
44
|
"defaultFormat",
|
|
44
45
|
"formats",
|
|
45
46
|
"iconColor",
|
|
47
|
+
"disableAlphaChannel",
|
|
46
48
|
"containerStyle",
|
|
47
49
|
"inputStyle",
|
|
48
50
|
"inputTitleStyle",
|
|
@@ -64,6 +66,12 @@
|
|
|
64
66
|
"includes",
|
|
65
67
|
"onChange",
|
|
66
68
|
"color",
|
|
69
|
+
"_colorKit$getFormat",
|
|
70
|
+
"isHex",
|
|
71
|
+
"colorKit",
|
|
72
|
+
"getFormat",
|
|
73
|
+
"setAlpha",
|
|
74
|
+
"hex",
|
|
67
75
|
"cycle",
|
|
68
76
|
"index",
|
|
69
77
|
"indexOf",
|
|
@@ -97,7 +105,7 @@
|
|
|
97
105
|
],
|
|
98
106
|
"sources": ["../../../../src/components/InputWidget/InputWidget.tsx"],
|
|
99
107
|
"sourcesContent": [
|
|
100
|
-
"import React, { useContext, useState } from 'react';\r\nimport { View, Text, Pressable, Image, StyleSheet } from 'react-native';\r\n\r\nimport {
|
|
108
|
+
"import React, { useContext, useState } from 'react';\r\nimport { View, Text, Pressable, Image, StyleSheet } from 'react-native';\r\n\r\nimport { ConditionalRendering, getStyle } from '@utils';\r\nimport pickerContext from '@context';\r\nimport { styles } from '@styles';\r\nimport colorKit from '@colorKit';\r\nimport HexWidget from './Widgets/HexWidget';\r\nimport RgbWidget from './Widgets/RgbWidget';\r\nimport HslWidget from './Widgets/HslWidget';\r\nimport HwbWidget from './Widgets/HwbWidget';\r\nimport HsvWidget from './Widgets/HsvWidget';\r\n\r\nimport type { InputWidgetProps } from '@types';\r\n\r\nconst defaultFormats = ['HEX', 'RGB', 'HSL', 'HWB', 'HSV'] as const;\r\n\r\nexport function InputWidget({\r\n defaultFormat = 'HEX',\r\n formats = defaultFormats,\r\n iconColor = 'black',\r\n disableAlphaChannel = false,\r\n containerStyle = {},\r\n inputStyle = {},\r\n inputTitleStyle = {},\r\n iconStyle = {},\r\n inputProps = {},\r\n}: InputWidgetProps) {\r\n const { setColor, returnedResults, hueValue, saturationValue, brightnessValue, alphaValue, onGestureChange, onGestureEnd } =\r\n useContext(pickerContext);\r\n\r\n const [format, setFormat] = useState<typeof defaultFormat>(\r\n formats.includes(defaultFormat) ? defaultFormat : formats[0] ?? 'HEX'\r\n );\r\n\r\n const onChange = (color: string) => {\r\n const isHex = colorKit.getFormat(color)?.includes('hex');\r\n if (disableAlphaChannel && isHex) color = colorKit.setAlpha(color, 1).hex();\r\n\r\n setColor(color);\r\n onGestureChange(color);\r\n onGestureEnd(color);\r\n };\r\n\r\n const cycle = () => {\r\n const index = formats.indexOf(format);\r\n const nextIndex = (index + 1) % formats.length;\r\n setFormat(formats[nextIndex]);\r\n };\r\n\r\n const inputsProps = {\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n disableAlphaChannel,\r\n };\r\n const Input = () => {\r\n switch (format) {\r\n case 'HEX':\r\n return <HexWidget {...inputsProps} />;\r\n case 'RGB':\r\n return <RgbWidget {...inputsProps} />;\r\n case 'HSL':\r\n return <HslWidget {...inputsProps} />;\r\n case 'HWB':\r\n return <HwbWidget {...inputsProps} />;\r\n case 'HSV':\r\n return <HsvWidget {...inputsProps} />;\r\n }\r\n };\r\n\r\n const gap = getStyle(containerStyle, 'gap') ?? 5;\r\n const iconWidth = getStyle(iconStyle, 'width') ?? 24;\r\n const buttonIconStyle = StyleSheet.flatten([styles.arrowButton, iconStyle]);\r\n\r\n return (\r\n <View style={[styles.container, containerStyle]}>\r\n <View style={[styles.inputsWrapper, { gap }]}>\r\n <Input />\r\n </View>\r\n\r\n <ConditionalRendering render={formats.length > 1}>\r\n <View style={{ width: iconWidth }}>\r\n <Pressable onPress={cycle}>\r\n <Image style={[buttonIconStyle, { tintColor: iconColor }]} source={require('@assets/arrow-icon.png')} />\r\n </Pressable>\r\n <Text style={styles.inputTitle}> </Text>\r\n </View>\r\n </ConditionalRendering>\r\n </View>\r\n );\r\n}\r\n"
|
|
101
109
|
],
|
|
102
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,
|
|
110
|
+
"mappings": "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"
|
|
103
111
|
}
|
|
@@ -82,8 +82,7 @@ function HexWidget(_ref) {
|
|
|
82
82
|
_f.asString =
|
|
83
83
|
'function _f(){const{hueValue,saturationValue,brightnessValue,alphaValue,runOnJS,updateText}=jsThis._closure;{[hueValue.value,saturationValue.value,brightnessValue.value,alphaValue.value];runOnJS(updateText)();}}';
|
|
84
84
|
_f.__workletHash = 8119592659489;
|
|
85
|
-
_f.__location =
|
|
86
|
-
'D:\\Development\\--- Packages ---\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HexWidget.tsx (28:18)';
|
|
85
|
+
_f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HexWidget.tsx (28:18)';
|
|
87
86
|
return _f;
|
|
88
87
|
})(),
|
|
89
88
|
[]
|
|
@@ -60,6 +60,7 @@ function HslWidget(_ref) {
|
|
|
60
60
|
inputStyle,
|
|
61
61
|
inputTitleStyle,
|
|
62
62
|
inputProps,
|
|
63
|
+
disableAlphaChannel,
|
|
63
64
|
} = _ref;
|
|
64
65
|
const [hslValues, setHslValues] = (0, _react.useState)(_colorKit.default.HSL(returnedResults().hsla).object());
|
|
65
66
|
const isFocused = (0, _react.useRef)(false);
|
|
@@ -90,8 +91,7 @@ function HslWidget(_ref) {
|
|
|
90
91
|
_f.asString =
|
|
91
92
|
'function _f(){const{hueValue,saturationValue,brightnessValue,alphaValue,runOnJS,updateText}=jsThis._closure;{[hueValue.value,saturationValue.value,brightnessValue.value,alphaValue.value];runOnJS(updateText)();}}';
|
|
92
93
|
_f.__workletHash = 8119592659489;
|
|
93
|
-
_f.__location =
|
|
94
|
-
'D:\\Development\\--- Packages ---\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HslWidget.tsx (30:18)';
|
|
94
|
+
_f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HslWidget.tsx (31:18)';
|
|
95
95
|
return _f;
|
|
96
96
|
})(),
|
|
97
97
|
[]
|
|
@@ -171,17 +171,23 @@ function HslWidget(_ref) {
|
|
|
171
171
|
onFocus: onFocus,
|
|
172
172
|
inputProps: inputProps,
|
|
173
173
|
}),
|
|
174
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
174
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
+
_utils.ConditionalRendering,
|
|
176
|
+
{
|
|
177
|
+
render: !disableAlphaChannel,
|
|
178
|
+
},
|
|
179
|
+
/*#__PURE__*/ _react.default.createElement(_WidgetTextInput.default, {
|
|
180
|
+
inputStyle: inputStyle,
|
|
181
|
+
textStyle: inputTitleStyle,
|
|
182
|
+
value: hslValues.a,
|
|
183
|
+
title: 'A',
|
|
184
|
+
onChange: onAlphaChange,
|
|
185
|
+
onBlur: onBlur,
|
|
186
|
+
onFocus: onFocus,
|
|
187
|
+
inputProps: inputProps,
|
|
188
|
+
decimal: true,
|
|
189
|
+
})
|
|
190
|
+
)
|
|
185
191
|
);
|
|
186
192
|
}
|
|
187
193
|
//# sourceMappingURL=HslWidget.js.map
|
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
"inputStyle",
|
|
44
44
|
"inputTitleStyle",
|
|
45
45
|
"inputProps",
|
|
46
|
+
"disableAlphaChannel",
|
|
46
47
|
"hslValues",
|
|
47
48
|
"setHslValues",
|
|
48
49
|
"useState",
|
|
@@ -85,11 +86,13 @@
|
|
|
85
86
|
"Fragment",
|
|
86
87
|
"textStyle",
|
|
87
88
|
"title",
|
|
89
|
+
"ConditionalRendering",
|
|
90
|
+
"render",
|
|
88
91
|
"decimal"
|
|
89
92
|
],
|
|
90
93
|
"sources": ["../../../../../src/components/InputWidget/Widgets/HslWidget.tsx"],
|
|
91
94
|
"sourcesContent": [
|
|
92
|
-
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport WidgetTextInput from './WidgetTextInput';\r\nimport colorKit from '@colorKit';\r\nimport { clamp } from '@utils';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function HslWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n}: WidgetProps) {\r\n const [hslValues, setHslValues] = useState(colorKit.HSL(returnedResults().hsla).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { h, s, l, a } = colorKit.HSL(returnedResults().hsla).object();\r\n if (!isFocused.current) setHslValues({ h, s, l, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onHueChange = (text: string) => {\r\n let hue = +text;\r\n hue = clamp(isNaN(hue) ? 0 : hue, 360);\r\n setHslValues(prev => ({ ...prev, h: hue }));\r\n onChange(`hsla(${hue}, ${hslValues.s}%, ${hslValues.l}%, ${hslValues.a})`);\r\n };\r\n const onSaturationChange = (text: string) => {\r\n let saturation = +text;\r\n saturation = clamp(isNaN(saturation) ? 0 : saturation, 100);\r\n setHslValues(prev => ({ ...prev, s: saturation }));\r\n onChange(`hsla(${hslValues.h}, ${saturation}%, ${hslValues.l}%, ${hslValues.a})`);\r\n };\r\n const onLumChange = (text: string) => {\r\n let lum = +text;\r\n lum = clamp(isNaN(lum) ? 0 : lum, 100);\r\n setHslValues(prev => ({ ...prev, l: lum }));\r\n onChange(`hsla(${hslValues.h}, ${hslValues.s}%, ${lum}%, ${hslValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setHslValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`hsla(${hslValues.h}, ${hslValues.s}%, ${hslValues.l}%, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hslValues.h}\r\n title='H'\r\n onChange={onHueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hslValues.s}\r\n title='S'\r\n onChange={onSaturationChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hslValues.l}\r\n title='L'\r\n onChange={onLumChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n
|
|
95
|
+
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport WidgetTextInput from './WidgetTextInput';\r\nimport colorKit from '@colorKit';\r\nimport { clamp, ConditionalRendering } from '@utils';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function HslWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n disableAlphaChannel,\r\n}: WidgetProps) {\r\n const [hslValues, setHslValues] = useState(colorKit.HSL(returnedResults().hsla).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { h, s, l, a } = colorKit.HSL(returnedResults().hsla).object();\r\n if (!isFocused.current) setHslValues({ h, s, l, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onHueChange = (text: string) => {\r\n let hue = +text;\r\n hue = clamp(isNaN(hue) ? 0 : hue, 360);\r\n setHslValues(prev => ({ ...prev, h: hue }));\r\n onChange(`hsla(${hue}, ${hslValues.s}%, ${hslValues.l}%, ${hslValues.a})`);\r\n };\r\n const onSaturationChange = (text: string) => {\r\n let saturation = +text;\r\n saturation = clamp(isNaN(saturation) ? 0 : saturation, 100);\r\n setHslValues(prev => ({ ...prev, s: saturation }));\r\n onChange(`hsla(${hslValues.h}, ${saturation}%, ${hslValues.l}%, ${hslValues.a})`);\r\n };\r\n const onLumChange = (text: string) => {\r\n let lum = +text;\r\n lum = clamp(isNaN(lum) ? 0 : lum, 100);\r\n setHslValues(prev => ({ ...prev, l: lum }));\r\n onChange(`hsla(${hslValues.h}, ${hslValues.s}%, ${lum}%, ${hslValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setHslValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`hsla(${hslValues.h}, ${hslValues.s}%, ${hslValues.l}%, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hslValues.h}\r\n title='H'\r\n onChange={onHueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hslValues.s}\r\n title='S'\r\n onChange={onSaturationChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hslValues.l}\r\n title='L'\r\n onChange={onLumChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <ConditionalRendering render={!disableAlphaChannel}>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hslValues.a}\r\n title='A'\r\n onChange={onAlphaChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n decimal\r\n />\r\n </ConditionalRendering>\r\n </>\r\n );\r\n}\r\n"
|
|
93
96
|
],
|
|
94
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;
|
|
97
|
+
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAqD,SAAAG,uBAAAG,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,SAAAX,wBAAAO,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;AAItC,SAASW,SAASA,CAAAC,IAAA,EAWjB;EAAA,IAXkB;IAChCC,QAAQ;IACRC,eAAe;IACfC,QAAQ;IACRC,eAAe;IACfC,eAAe;IACfC,UAAU;IACVC,UAAU;IACVC,eAAe;IACfC,UAAU;IACVC;EACW,CAAC,GAAAV,IAAA;EACZ,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAACC,iBAAQ,CAACC,GAAG,CAACb,eAAe,EAAE,CAACc,IAAI,CAAC,CAACC,MAAM,EAAE,CAAC;EAEzF,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EAE/B,MAAMC,UAAU,GAAGA,CAAA,KAAM;IACvB,MAAM;MAAEC,CAAC;MAAEC,CAAC;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAGV,iBAAQ,CAACC,GAAG,CAACb,eAAe,EAAE,CAACc,IAAI,CAAC,CAACC,MAAM,EAAE;IACpE,IAAI,CAACC,SAAS,CAACO,OAAO,EAAEb,YAAY,CAAC;MAAES,CAAC;MAAEC,CAAC;MAAEC,CAAC;MAAEC;IAAE,CAAC,CAAC;EACtD,CAAC;EAED,IAAAE,sCAAe;IAAA,MAAAC,EAAA,YAAAA,CAAA,EAAO;MACpB,CAACxB,QAAQ,CAACyB,KAAK,EAAExB,eAAe,CAACwB,KAAK,EAAEvB,eAAe,CAACuB,KAAK,EAAEtB,UAAU,CAACsB,KAAK,CAAC,CAAC,CAAC;MAClF,IAAAC,8BAAO,EAACT,UAAU,CAAC,EAAE;IACvB,CAAC;IAAAO,EAAA,CAAAG,QAAA;MAAA3B,QAAA;MAAAC,eAAA;MAAAC,eAAA;MAAAC,UAAA;MAAAuB,OAAA,EA9BDA,8BAAO;MAAAT;IAAA;IAAAO,EAAA,CAAAI,QAAA;IAAAJ,EAAA,CAAAK,aAAA;IAAAL,EAAA,CAAAM,UAAA;IAAA,OAAAN,EAAA;EAAA,KA8BJ,EAAE,CAAC;EAEN,MAAMO,WAAW,GAAIC,IAAY,IAAK;IACpC,IAAIC,GAAG,GAAG,CAACD,IAAI;IACfC,GAAG,GAAG,IAAAC,YAAK,EAACC,KAAK,CAACF,GAAG,CAAC,GAAG,CAAC,GAAGA,GAAG,EAAE,GAAG,CAAC;IACtCxB,YAAY,CAAC2B,IAAI,KAAK;MAAE,GAAGA,IAAI;MAAElB,CAAC,EAAEe;IAAI,CAAC,CAAC,CAAC;IAC3CnC,QAAQ,CAAE,QAAOmC,GAAI,KAAIzB,SAAS,CAACW,CAAE,MAAKX,SAAS,CAACY,CAAE,MAAKZ,SAAS,CAACa,CAAE,GAAE,CAAC;EAC5E,CAAC;EACD,MAAMgB,kBAAkB,GAAIL,IAAY,IAAK;IAC3C,IAAIM,UAAU,GAAG,CAACN,IAAI;IACtBM,UAAU,GAAG,IAAAJ,YAAK,EAACC,KAAK,CAACG,UAAU,CAAC,GAAG,CAAC,GAAGA,UAAU,EAAE,GAAG,CAAC;IAC3D7B,YAAY,CAAC2B,IAAI,KAAK;MAAE,GAAGA,IAAI;MAAEjB,CAAC,EAAEmB;IAAW,CAAC,CAAC,CAAC;IAClDxC,QAAQ,CAAE,QAAOU,SAAS,CAACU,CAAE,KAAIoB,UAAW,MAAK9B,SAAS,CAACY,CAAE,MAAKZ,SAAS,CAACa,CAAE,GAAE,CAAC;EACnF,CAAC;EACD,MAAMkB,WAAW,GAAIP,IAAY,IAAK;IACpC,IAAIQ,GAAG,GAAG,CAACR,IAAI;IACfQ,GAAG,GAAG,IAAAN,YAAK,EAACC,KAAK,CAACK,GAAG,CAAC,GAAG,CAAC,GAAGA,GAAG,EAAE,GAAG,CAAC;IACtC/B,YAAY,CAAC2B,IAAI,KAAK;MAAE,GAAGA,IAAI;MAAEhB,CAAC,EAAEoB;IAAI,CAAC,CAAC,CAAC;IAC3C1C,QAAQ,CAAE,QAAOU,SAAS,CAACU,CAAE,KAAIV,SAAS,CAACW,CAAE,MAAKqB,GAAI,MAAKhC,SAAS,CAACa,CAAE,GAAE,CAAC;EAC5E,CAAC;EACD,MAAMoB,aAAa,GAAIT,IAAY,IAAK;IACtC,IAAIU,KAAK,GAAGC,UAAU,CAACX,IAAI,CAAC;IAC5BU,KAAK,GAAG,IAAAR,YAAK,EAACC,KAAK,CAACO,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,EAAE,CAAC,CAAC;IAC1CjC,YAAY,CAAC2B,IAAI,KAAK;MAAE,GAAGA,IAAI;MAAEf,CAAC,EAAEqB;IAAM,CAAC,CAAC,CAAC;IAC7C5C,QAAQ,CAAE,QAAOU,SAAS,CAACU,CAAE,KAAIV,SAAS,CAACW,CAAE,MAAKX,SAAS,CAACY,CAAE,MAAKsB,KAAM,GAAE,CAAC;EAC9E,CAAC;EAED,MAAME,OAAO,GAAGA,CAAA,KAAM;IACpB7B,SAAS,CAACO,OAAO,GAAG,IAAI;EAC1B,CAAC;EACD,MAAMuB,MAAM,GAAGA,CAAA,KAAM;IACnB9B,SAAS,CAACO,OAAO,GAAG,KAAK;EAC3B,CAAC;EAED,oBACExD,MAAA,CAAAU,OAAA,CAAAsE,aAAA,CAAAhF,MAAA,CAAAU,OAAA,CAAAuE,QAAA,qBACEjF,MAAA,CAAAU,OAAA,CAAAsE,aAAA,CAAC5E,gBAAA,CAAAM,OAAe;IACd4B,UAAU,EAAEA,UAAW;IACvB4C,SAAS,EAAE3C,eAAgB;IAC3BoB,KAAK,EAAEjB,SAAS,CAACU,CAAE;IACnB+B,KAAK,EAAC,GAAG;IACTnD,QAAQ,EAAEiC,WAAY;IACtBc,MAAM,EAAEA,MAAO;IACfD,OAAO,EAAEA,OAAQ;IACjBtC,UAAU,EAAEA;EAAW,EACvB,eACFxC,MAAA,CAAAU,OAAA,CAAAsE,aAAA,CAAC5E,gBAAA,CAAAM,OAAe;IACd4B,UAAU,EAAEA,UAAW;IACvB4C,SAAS,EAAE3C,eAAgB;IAC3BoB,KAAK,EAAEjB,SAAS,CAACW,CAAE;IACnB8B,KAAK,EAAC,GAAG;IACTnD,QAAQ,EAAEuC,kBAAmB;IAC7BQ,MAAM,EAAEA,MAAO;IACfD,OAAO,EAAEA,OAAQ;IACjBtC,UAAU,EAAEA;EAAW,EACvB,eACFxC,MAAA,CAAAU,OAAA,CAAAsE,aAAA,CAAC5E,gBAAA,CAAAM,OAAe;IACd4B,UAAU,EAAEA,UAAW;IACvB4C,SAAS,EAAE3C,eAAgB;IAC3BoB,KAAK,EAAEjB,SAAS,CAACY,CAAE;IACnB6B,KAAK,EAAC,GAAG;IACTnD,QAAQ,EAAEyC,WAAY;IACtBM,MAAM,EAAEA,MAAO;IACfD,OAAO,EAAEA,OAAQ;IACjBtC,UAAU,EAAEA;EAAW,EACvB,eACFxC,MAAA,CAAAU,OAAA,CAAAsE,aAAA,CAACzE,MAAA,CAAA6E,oBAAoB;IAACC,MAAM,EAAE,CAAC5C;EAAoB,gBACjDzC,MAAA,CAAAU,OAAA,CAAAsE,aAAA,CAAC5E,gBAAA,CAAAM,OAAe;IACd4B,UAAU,EAAEA,UAAW;IACvB4C,SAAS,EAAE3C,eAAgB;IAC3BoB,KAAK,EAAEjB,SAAS,CAACa,CAAE;IACnB4B,KAAK,EAAC,GAAG;IACTnD,QAAQ,EAAE2C,aAAc;IACxBI,MAAM,EAAEA,MAAO;IACfD,OAAO,EAAEA,OAAQ;IACjBtC,UAAU,EAAEA,UAAW;IACvB8C,OAAO;EAAA,EACP,CACmB,CACtB;AAEP"
|
|
95
98
|
}
|
|
@@ -60,6 +60,7 @@ function HsvWidget(_ref) {
|
|
|
60
60
|
inputStyle,
|
|
61
61
|
inputTitleStyle,
|
|
62
62
|
inputProps,
|
|
63
|
+
disableAlphaChannel,
|
|
63
64
|
} = _ref;
|
|
64
65
|
const [hsvValues, setHsvValues] = (0, _react.useState)(_colorKit.default.HSV(returnedResults().hsva).object());
|
|
65
66
|
const isFocused = (0, _react.useRef)(false);
|
|
@@ -90,8 +91,7 @@ function HsvWidget(_ref) {
|
|
|
90
91
|
_f.asString =
|
|
91
92
|
'function _f(){const{hueValue,saturationValue,brightnessValue,alphaValue,runOnJS,updateText}=jsThis._closure;{[hueValue.value,saturationValue.value,brightnessValue.value,alphaValue.value];runOnJS(updateText)();}}';
|
|
92
93
|
_f.__workletHash = 8119592659489;
|
|
93
|
-
_f.__location =
|
|
94
|
-
'D:\\Development\\--- Packages ---\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HsvWidget.tsx (30:18)';
|
|
94
|
+
_f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HsvWidget.tsx (31:18)';
|
|
95
95
|
return _f;
|
|
96
96
|
})(),
|
|
97
97
|
[]
|
|
@@ -171,17 +171,23 @@ function HsvWidget(_ref) {
|
|
|
171
171
|
onFocus: onFocus,
|
|
172
172
|
inputProps: inputProps,
|
|
173
173
|
}),
|
|
174
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
174
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
+
_utils.ConditionalRendering,
|
|
176
|
+
{
|
|
177
|
+
render: !disableAlphaChannel,
|
|
178
|
+
},
|
|
179
|
+
/*#__PURE__*/ _react.default.createElement(_WidgetTextInput.default, {
|
|
180
|
+
inputStyle: inputStyle,
|
|
181
|
+
textStyle: inputTitleStyle,
|
|
182
|
+
value: hsvValues.a,
|
|
183
|
+
title: 'A',
|
|
184
|
+
onChange: onAlphaChange,
|
|
185
|
+
onBlur: onBlur,
|
|
186
|
+
onFocus: onFocus,
|
|
187
|
+
inputProps: inputProps,
|
|
188
|
+
decimal: true,
|
|
189
|
+
})
|
|
190
|
+
)
|
|
185
191
|
);
|
|
186
192
|
}
|
|
187
193
|
//# sourceMappingURL=HsvWidget.js.map
|
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
"inputStyle",
|
|
44
44
|
"inputTitleStyle",
|
|
45
45
|
"inputProps",
|
|
46
|
+
"disableAlphaChannel",
|
|
46
47
|
"hsvValues",
|
|
47
48
|
"setHsvValues",
|
|
48
49
|
"useState",
|
|
@@ -84,11 +85,13 @@
|
|
|
84
85
|
"Fragment",
|
|
85
86
|
"textStyle",
|
|
86
87
|
"title",
|
|
88
|
+
"ConditionalRendering",
|
|
89
|
+
"render",
|
|
87
90
|
"decimal"
|
|
88
91
|
],
|
|
89
92
|
"sources": ["../../../../../src/components/InputWidget/Widgets/HsvWidget.tsx"],
|
|
90
93
|
"sourcesContent": [
|
|
91
|
-
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport WidgetTextInput from './WidgetTextInput';\r\nimport colorKit from '@colorKit';\r\nimport { clamp } from '@utils';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function HsvWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n}: WidgetProps) {\r\n const [hsvValues, setHsvValues] = useState(colorKit.HSV(returnedResults().hsva).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { h, s, v, a } = colorKit.HSV(returnedResults().hsva).object();\r\n if (!isFocused.current) setHsvValues({ h, s, v, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onHueChange = (text: string) => {\r\n let hue = +text;\r\n hue = clamp(isNaN(hue) ? 0 : hue, 360);\r\n setHsvValues(prev => ({ ...prev, h: hue }));\r\n onChange(`hsva(${hue}, ${hsvValues.s}%, ${hsvValues.v}%, ${hsvValues.a})`);\r\n };\r\n const onSaturationChange = (text: string) => {\r\n let saturation = +text;\r\n saturation = clamp(isNaN(saturation) ? 0 : saturation, 100);\r\n setHsvValues(prev => ({ ...prev, s: saturation }));\r\n onChange(`hsva(${hsvValues.h}, ${saturation}%, ${hsvValues.v}%, ${hsvValues.a})`);\r\n };\r\n const onValueChange = (text: string) => {\r\n let value = +text;\r\n value = clamp(isNaN(value) ? 0 : value, 100);\r\n setHsvValues(prev => ({ ...prev, v: value }));\r\n onChange(`hsva(${hsvValues.h}, ${hsvValues.s}%, ${value}%, ${hsvValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setHsvValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`hsva(${hsvValues.h}, ${hsvValues.s}%, ${hsvValues.v}%, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hsvValues.h}\r\n title='H'\r\n onChange={onHueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hsvValues.s}\r\n title='S'\r\n onChange={onSaturationChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hsvValues.v}\r\n title='V'\r\n onChange={onValueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n
|
|
94
|
+
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport WidgetTextInput from './WidgetTextInput';\r\nimport colorKit from '@colorKit';\r\nimport { clamp, ConditionalRendering } from '@utils';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function HsvWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n disableAlphaChannel,\r\n}: WidgetProps) {\r\n const [hsvValues, setHsvValues] = useState(colorKit.HSV(returnedResults().hsva).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { h, s, v, a } = colorKit.HSV(returnedResults().hsva).object();\r\n if (!isFocused.current) setHsvValues({ h, s, v, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onHueChange = (text: string) => {\r\n let hue = +text;\r\n hue = clamp(isNaN(hue) ? 0 : hue, 360);\r\n setHsvValues(prev => ({ ...prev, h: hue }));\r\n onChange(`hsva(${hue}, ${hsvValues.s}%, ${hsvValues.v}%, ${hsvValues.a})`);\r\n };\r\n const onSaturationChange = (text: string) => {\r\n let saturation = +text;\r\n saturation = clamp(isNaN(saturation) ? 0 : saturation, 100);\r\n setHsvValues(prev => ({ ...prev, s: saturation }));\r\n onChange(`hsva(${hsvValues.h}, ${saturation}%, ${hsvValues.v}%, ${hsvValues.a})`);\r\n };\r\n const onValueChange = (text: string) => {\r\n let value = +text;\r\n value = clamp(isNaN(value) ? 0 : value, 100);\r\n setHsvValues(prev => ({ ...prev, v: value }));\r\n onChange(`hsva(${hsvValues.h}, ${hsvValues.s}%, ${value}%, ${hsvValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setHsvValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`hsva(${hsvValues.h}, ${hsvValues.s}%, ${hsvValues.v}%, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hsvValues.h}\r\n title='H'\r\n onChange={onHueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hsvValues.s}\r\n title='S'\r\n onChange={onSaturationChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hsvValues.v}\r\n title='V'\r\n onChange={onValueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <ConditionalRendering render={!disableAlphaChannel}>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hsvValues.a}\r\n title='A'\r\n onChange={onAlphaChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n decimal\r\n />\r\n </ConditionalRendering>\r\n </>\r\n );\r\n}\r\n"
|
|
92
95
|
],
|
|
93
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;
|
|
96
|
+
"mappings": "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"
|
|
94
97
|
}
|
|
@@ -60,6 +60,7 @@ function HwbWidget(_ref) {
|
|
|
60
60
|
inputStyle,
|
|
61
61
|
inputTitleStyle,
|
|
62
62
|
inputProps,
|
|
63
|
+
disableAlphaChannel,
|
|
63
64
|
} = _ref;
|
|
64
65
|
const [hwbValues, setHwbValues] = (0, _react.useState)(_colorKit.default.HWB(returnedResults().hwba).object());
|
|
65
66
|
const isFocused = (0, _react.useRef)(false);
|
|
@@ -90,8 +91,7 @@ function HwbWidget(_ref) {
|
|
|
90
91
|
_f.asString =
|
|
91
92
|
'function _f(){const{hueValue,saturationValue,brightnessValue,alphaValue,runOnJS,updateText}=jsThis._closure;{[hueValue.value,saturationValue.value,brightnessValue.value,alphaValue.value];runOnJS(updateText)();}}';
|
|
92
93
|
_f.__workletHash = 8119592659489;
|
|
93
|
-
_f.__location =
|
|
94
|
-
'D:\\Development\\--- Packages ---\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HwbWidget.tsx (30:18)';
|
|
94
|
+
_f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\HwbWidget.tsx (31:18)';
|
|
95
95
|
return _f;
|
|
96
96
|
})(),
|
|
97
97
|
[]
|
|
@@ -171,17 +171,23 @@ function HwbWidget(_ref) {
|
|
|
171
171
|
onFocus: onFocus,
|
|
172
172
|
inputProps: inputProps,
|
|
173
173
|
}),
|
|
174
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
174
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
+
_utils.ConditionalRendering,
|
|
176
|
+
{
|
|
177
|
+
render: !disableAlphaChannel,
|
|
178
|
+
},
|
|
179
|
+
/*#__PURE__*/ _react.default.createElement(_WidgetTextInput.default, {
|
|
180
|
+
inputStyle: inputStyle,
|
|
181
|
+
textStyle: inputTitleStyle,
|
|
182
|
+
value: hwbValues.a,
|
|
183
|
+
title: 'A',
|
|
184
|
+
onChange: onAlphaChange,
|
|
185
|
+
onBlur: onBlur,
|
|
186
|
+
onFocus: onFocus,
|
|
187
|
+
inputProps: inputProps,
|
|
188
|
+
decimal: true,
|
|
189
|
+
})
|
|
190
|
+
)
|
|
185
191
|
);
|
|
186
192
|
}
|
|
187
193
|
//# sourceMappingURL=HwbWidget.js.map
|
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
"inputStyle",
|
|
44
44
|
"inputTitleStyle",
|
|
45
45
|
"inputProps",
|
|
46
|
+
"disableAlphaChannel",
|
|
46
47
|
"hwbValues",
|
|
47
48
|
"setHwbValues",
|
|
48
49
|
"useState",
|
|
@@ -85,11 +86,13 @@
|
|
|
85
86
|
"Fragment",
|
|
86
87
|
"textStyle",
|
|
87
88
|
"title",
|
|
89
|
+
"ConditionalRendering",
|
|
90
|
+
"render",
|
|
88
91
|
"decimal"
|
|
89
92
|
],
|
|
90
93
|
"sources": ["../../../../../src/components/InputWidget/Widgets/HwbWidget.tsx"],
|
|
91
94
|
"sourcesContent": [
|
|
92
|
-
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport WidgetTextInput from './WidgetTextInput';\r\nimport colorKit from '@colorKit';\r\nimport { clamp } from '@utils';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function HwbWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n}: WidgetProps) {\r\n const [hwbValues, setHwbValues] = useState(colorKit.HWB(returnedResults().hwba).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { h, w, b, a } = colorKit.HWB(returnedResults().hwba).object();\r\n if (!isFocused.current) setHwbValues({ h, w, b, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onHueChange = (text: string) => {\r\n let hue = +text;\r\n hue = clamp(isNaN(hue) ? 0 : hue, 360);\r\n setHwbValues(prev => ({ ...prev, h: hue }));\r\n onChange(`hwba(${hue}, ${hwbValues.w}%, ${hwbValues.b}%, ${hwbValues.a})`);\r\n };\r\n const onWhiteChange = (text: string) => {\r\n let whiteness = +text;\r\n whiteness = clamp(isNaN(whiteness) ? 0 : whiteness, 100);\r\n setHwbValues(prev => ({ ...prev, w: whiteness }));\r\n onChange(`hwba(${hwbValues.h}, ${whiteness}%, ${hwbValues.b}%, ${hwbValues.a})`);\r\n };\r\n const onBlackChange = (text: string) => {\r\n let blackness = +text;\r\n blackness = clamp(isNaN(blackness) ? 0 : blackness, 100);\r\n setHwbValues(prev => ({ ...prev, b: blackness }));\r\n onChange(`hwba(${hwbValues.h}, ${hwbValues.w}%, ${blackness}%, ${hwbValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setHwbValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`hwba(${hwbValues.h}, ${hwbValues.w}%, ${hwbValues.b}%, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hwbValues.h}\r\n title='H'\r\n onChange={onHueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hwbValues.w}\r\n title='W'\r\n onChange={onWhiteChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hwbValues.b}\r\n title='B'\r\n onChange={onBlackChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n
|
|
95
|
+
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport WidgetTextInput from './WidgetTextInput';\r\nimport colorKit from '@colorKit';\r\nimport { clamp, ConditionalRendering } from '@utils';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function HwbWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n disableAlphaChannel,\r\n}: WidgetProps) {\r\n const [hwbValues, setHwbValues] = useState(colorKit.HWB(returnedResults().hwba).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { h, w, b, a } = colorKit.HWB(returnedResults().hwba).object();\r\n if (!isFocused.current) setHwbValues({ h, w, b, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onHueChange = (text: string) => {\r\n let hue = +text;\r\n hue = clamp(isNaN(hue) ? 0 : hue, 360);\r\n setHwbValues(prev => ({ ...prev, h: hue }));\r\n onChange(`hwba(${hue}, ${hwbValues.w}%, ${hwbValues.b}%, ${hwbValues.a})`);\r\n };\r\n const onWhiteChange = (text: string) => {\r\n let whiteness = +text;\r\n whiteness = clamp(isNaN(whiteness) ? 0 : whiteness, 100);\r\n setHwbValues(prev => ({ ...prev, w: whiteness }));\r\n onChange(`hwba(${hwbValues.h}, ${whiteness}%, ${hwbValues.b}%, ${hwbValues.a})`);\r\n };\r\n const onBlackChange = (text: string) => {\r\n let blackness = +text;\r\n blackness = clamp(isNaN(blackness) ? 0 : blackness, 100);\r\n setHwbValues(prev => ({ ...prev, b: blackness }));\r\n onChange(`hwba(${hwbValues.h}, ${hwbValues.w}%, ${blackness}%, ${hwbValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setHwbValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`hwba(${hwbValues.h}, ${hwbValues.w}%, ${hwbValues.b}%, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hwbValues.h}\r\n title='H'\r\n onChange={onHueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hwbValues.w}\r\n title='W'\r\n onChange={onWhiteChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hwbValues.b}\r\n title='B'\r\n onChange={onBlackChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <ConditionalRendering render={!disableAlphaChannel}>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={hwbValues.a}\r\n title='A'\r\n onChange={onAlphaChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n decimal\r\n />\r\n </ConditionalRendering>\r\n </>\r\n );\r\n}\r\n"
|
|
93
96
|
],
|
|
94
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;
|
|
97
|
+
"mappings": "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"
|
|
95
98
|
}
|
|
@@ -60,6 +60,7 @@ function RgbWidget(_ref) {
|
|
|
60
60
|
inputStyle,
|
|
61
61
|
inputTitleStyle,
|
|
62
62
|
inputProps,
|
|
63
|
+
disableAlphaChannel,
|
|
63
64
|
} = _ref;
|
|
64
65
|
const [rgbValues, setRgbValues] = (0, _react.useState)(_colorKit.default.RGB(returnedResults().rgba).object());
|
|
65
66
|
const isFocused = (0, _react.useRef)(false);
|
|
@@ -90,8 +91,7 @@ function RgbWidget(_ref) {
|
|
|
90
91
|
_f.asString =
|
|
91
92
|
'function _f(){const{hueValue,saturationValue,brightnessValue,alphaValue,runOnJS,updateText}=jsThis._closure;{[hueValue.value,saturationValue.value,brightnessValue.value,alphaValue.value];runOnJS(updateText)();}}';
|
|
92
93
|
_f.__workletHash = 8119592659489;
|
|
93
|
-
_f.__location =
|
|
94
|
-
'D:\\Development\\--- Packages ---\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\RgbWidget.tsx (30:18)';
|
|
94
|
+
_f.__location = 'F:\\ReactNative\\reanimated-color-picker\\src\\components\\InputWidget\\Widgets\\RgbWidget.tsx (31:18)';
|
|
95
95
|
return _f;
|
|
96
96
|
})(),
|
|
97
97
|
[]
|
|
@@ -171,17 +171,23 @@ function RgbWidget(_ref) {
|
|
|
171
171
|
onFocus: onFocus,
|
|
172
172
|
inputProps: inputProps,
|
|
173
173
|
}),
|
|
174
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
174
|
+
/*#__PURE__*/ _react.default.createElement(
|
|
175
|
+
_utils.ConditionalRendering,
|
|
176
|
+
{
|
|
177
|
+
render: !disableAlphaChannel,
|
|
178
|
+
},
|
|
179
|
+
/*#__PURE__*/ _react.default.createElement(_WidgetTextInput.default, {
|
|
180
|
+
inputStyle: inputStyle,
|
|
181
|
+
textStyle: inputTitleStyle,
|
|
182
|
+
value: rgbValues.a,
|
|
183
|
+
title: 'A',
|
|
184
|
+
onChange: onAlphaChange,
|
|
185
|
+
onBlur: onBlur,
|
|
186
|
+
onFocus: onFocus,
|
|
187
|
+
inputProps: inputProps,
|
|
188
|
+
decimal: true,
|
|
189
|
+
})
|
|
190
|
+
)
|
|
185
191
|
);
|
|
186
192
|
}
|
|
187
193
|
//# sourceMappingURL=RgbWidget.js.map
|
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
"inputStyle",
|
|
44
44
|
"inputTitleStyle",
|
|
45
45
|
"inputProps",
|
|
46
|
+
"disableAlphaChannel",
|
|
46
47
|
"rgbValues",
|
|
47
48
|
"setRgbValues",
|
|
48
49
|
"useState",
|
|
@@ -85,11 +86,13 @@
|
|
|
85
86
|
"Fragment",
|
|
86
87
|
"textStyle",
|
|
87
88
|
"title",
|
|
89
|
+
"ConditionalRendering",
|
|
90
|
+
"render",
|
|
88
91
|
"decimal"
|
|
89
92
|
],
|
|
90
93
|
"sources": ["../../../../../src/components/InputWidget/Widgets/RgbWidget.tsx"],
|
|
91
94
|
"sourcesContent": [
|
|
92
|
-
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport colorKit from '@colorKit';\r\nimport { clamp } from '@utils';\r\nimport WidgetTextInput from './WidgetTextInput';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function RgbWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n}: WidgetProps) {\r\n const [rgbValues, setRgbValues] = useState(colorKit.RGB(returnedResults().rgba).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { r, g, b, a } = colorKit.RGB(returnedResults().rgba).object();\r\n if (!isFocused.current) setRgbValues({ r, g, b, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onRedChange = (text: string) => {\r\n let red = +text;\r\n red = clamp(isNaN(red) ? 0 : red, 255);\r\n setRgbValues(prev => ({ ...prev, r: red }));\r\n onChange(`rgba(${red}, ${rgbValues.g}, ${rgbValues.b}, ${rgbValues.a})`);\r\n };\r\n const onGreenChange = (text: string) => {\r\n let green = +text;\r\n green = clamp(isNaN(green) ? 0 : green, 255);\r\n setRgbValues(prev => ({ ...prev, g: green }));\r\n onChange(`rgba(${rgbValues.r}, ${green}, ${rgbValues.b}, ${rgbValues.a})`);\r\n };\r\n const onBlueChange = (text: string) => {\r\n let blue = +text;\r\n blue = clamp(isNaN(blue) ? 0 : blue, 255);\r\n setRgbValues(prev => ({ ...prev, b: blue }));\r\n onChange(`rgba(${rgbValues.r}, ${rgbValues.g}, ${blue}, ${rgbValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setRgbValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`rgba(${rgbValues.r}, ${rgbValues.g}, ${rgbValues.b}, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={rgbValues.r}\r\n title='R'\r\n onChange={onRedChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={rgbValues.g}\r\n title='G'\r\n onChange={onGreenChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={rgbValues.b}\r\n title='B'\r\n onChange={onBlueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n
|
|
95
|
+
"import React, { useRef, useState } from 'react';\r\nimport { runOnJS, useDerivedValue } from 'react-native-reanimated';\r\n\r\nimport colorKit from '@colorKit';\r\nimport { clamp, ConditionalRendering } from '@utils';\r\nimport WidgetTextInput from './WidgetTextInput';\r\n\r\nimport type { WidgetProps } from '@types';\r\n\r\nexport default function RgbWidget({\r\n onChange,\r\n returnedResults,\r\n hueValue,\r\n saturationValue,\r\n brightnessValue,\r\n alphaValue,\r\n inputStyle,\r\n inputTitleStyle,\r\n inputProps,\r\n disableAlphaChannel,\r\n}: WidgetProps) {\r\n const [rgbValues, setRgbValues] = useState(colorKit.RGB(returnedResults().rgba).object());\r\n\r\n const isFocused = useRef(false);\r\n\r\n const updateText = () => {\r\n const { r, g, b, a } = colorKit.RGB(returnedResults().rgba).object();\r\n if (!isFocused.current) setRgbValues({ r, g, b, a });\r\n };\r\n\r\n useDerivedValue(() => {\r\n [hueValue.value, saturationValue.value, brightnessValue.value, alphaValue.value]; // To track changes\r\n runOnJS(updateText)();\r\n }, []);\r\n\r\n const onRedChange = (text: string) => {\r\n let red = +text;\r\n red = clamp(isNaN(red) ? 0 : red, 255);\r\n setRgbValues(prev => ({ ...prev, r: red }));\r\n onChange(`rgba(${red}, ${rgbValues.g}, ${rgbValues.b}, ${rgbValues.a})`);\r\n };\r\n const onGreenChange = (text: string) => {\r\n let green = +text;\r\n green = clamp(isNaN(green) ? 0 : green, 255);\r\n setRgbValues(prev => ({ ...prev, g: green }));\r\n onChange(`rgba(${rgbValues.r}, ${green}, ${rgbValues.b}, ${rgbValues.a})`);\r\n };\r\n const onBlueChange = (text: string) => {\r\n let blue = +text;\r\n blue = clamp(isNaN(blue) ? 0 : blue, 255);\r\n setRgbValues(prev => ({ ...prev, b: blue }));\r\n onChange(`rgba(${rgbValues.r}, ${rgbValues.g}, ${blue}, ${rgbValues.a})`);\r\n };\r\n const onAlphaChange = (text: string) => {\r\n let alpha = parseFloat(text);\r\n alpha = clamp(isNaN(alpha) ? 0 : alpha, 1);\r\n setRgbValues(prev => ({ ...prev, a: alpha }));\r\n onChange(`rgba(${rgbValues.r}, ${rgbValues.g}, ${rgbValues.b}, ${alpha})`);\r\n };\r\n\r\n const onFocus = () => {\r\n isFocused.current = true;\r\n };\r\n const onBlur = () => {\r\n isFocused.current = false;\r\n };\r\n\r\n return (\r\n <>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={rgbValues.r}\r\n title='R'\r\n onChange={onRedChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={rgbValues.g}\r\n title='G'\r\n onChange={onGreenChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={rgbValues.b}\r\n title='B'\r\n onChange={onBlueChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n />\r\n <ConditionalRendering render={!disableAlphaChannel}>\r\n <WidgetTextInput\r\n inputStyle={inputStyle}\r\n textStyle={inputTitleStyle}\r\n value={rgbValues.a}\r\n title='A'\r\n onChange={onAlphaChange}\r\n onBlur={onBlur}\r\n onFocus={onFocus}\r\n inputProps={inputProps}\r\n decimal\r\n />\r\n </ConditionalRendering>\r\n </>\r\n );\r\n}\r\n"
|
|
93
96
|
],
|
|
94
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAgD,SAAAG,uBAAAG,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,SAAAX,wBAAAO,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;AAIjC,SAASW,SAASA,CAAAC,IAAA,
|
|
97
|
+
"mappings": "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"
|
|
95
98
|
}
|