reanimated-color-picker 4.2.0 → 4.3.0
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/ColorPicker.js +21 -20
- package/lib/commonjs/ColorPicker.js.map +11 -11
- package/lib/commonjs/components/InputWidget/InputWidget.js +22 -21
- package/lib/commonjs/components/InputWidget/InputWidget.js.map +11 -12
- package/lib/commonjs/components/InputWidget/Widgets/HslWidget.js +21 -20
- package/lib/commonjs/components/InputWidget/Widgets/HslWidget.js.map +11 -11
- package/lib/commonjs/components/InputWidget/Widgets/HsvWidget.js +21 -20
- package/lib/commonjs/components/InputWidget/Widgets/HsvWidget.js.map +11 -11
- package/lib/commonjs/components/InputWidget/Widgets/HwbWidget.js +21 -20
- package/lib/commonjs/components/InputWidget/Widgets/HwbWidget.js.map +11 -11
- package/lib/commonjs/components/InputWidget/Widgets/RgbWidget.js +21 -20
- package/lib/commonjs/components/InputWidget/Widgets/RgbWidget.js.map +11 -11
- package/lib/commonjs/components/InputWidget/Widgets/WidgetTextInput.js +23 -21
- package/lib/commonjs/components/InputWidget/Widgets/WidgetTextInput.js.map +12 -13
- package/lib/commonjs/components/Panels/Panel1.js +21 -20
- package/lib/commonjs/components/Panels/Panel1.js.map +10 -11
- package/lib/commonjs/components/Panels/Panel2.js +23 -22
- package/lib/commonjs/components/Panels/Panel2.js.map +12 -13
- package/lib/commonjs/components/Panels/Panel3/ExtraThumb.js +21 -20
- package/lib/commonjs/components/Panels/Panel3/ExtraThumb.js.map +11 -11
- package/lib/commonjs/components/Panels/Panel3/Panel3.js +23 -22
- package/lib/commonjs/components/Panels/Panel3/Panel3.js.map +12 -13
- package/lib/commonjs/components/Panels/Panel4.js +21 -20
- package/lib/commonjs/components/Panels/Panel4.js.map +10 -11
- package/lib/commonjs/components/Panels/Panel5.js +21 -20
- package/lib/commonjs/components/Panels/Panel5.js.map +10 -11
- package/lib/commonjs/components/Preview.js +21 -20
- package/lib/commonjs/components/Preview.js.map +11 -11
- package/lib/commonjs/components/PreviewText.js +27 -30
- package/lib/commonjs/components/PreviewText.js.map +19 -23
- package/lib/commonjs/components/Sliders/HSB/BrightnessSlider.js +21 -20
- package/lib/commonjs/components/Sliders/HSB/BrightnessSlider.js.map +10 -11
- package/lib/commonjs/components/Sliders/HSB/SaturationSlider.js +22 -21
- package/lib/commonjs/components/Sliders/HSB/SaturationSlider.js.map +12 -13
- package/lib/commonjs/components/Sliders/HSL/HSLSaturationSlider.js +22 -21
- package/lib/commonjs/components/Sliders/HSL/HSLSaturationSlider.js.map +12 -13
- package/lib/commonjs/components/Sliders/HSL/LuminanceCircular.js +21 -20
- package/lib/commonjs/components/Sliders/HSL/LuminanceCircular.js.map +10 -11
- package/lib/commonjs/components/Sliders/HSL/LuminanceSlider.js +21 -20
- package/lib/commonjs/components/Sliders/HSL/LuminanceSlider.js.map +10 -11
- package/lib/commonjs/components/Sliders/Hue/HueCircular.js +23 -22
- package/lib/commonjs/components/Sliders/Hue/HueCircular.js.map +12 -13
- package/lib/commonjs/components/Sliders/Hue/HueSlider.js +23 -22
- package/lib/commonjs/components/Sliders/Hue/HueSlider.js.map +12 -13
- package/lib/commonjs/components/Sliders/OpacitySlider.js +21 -20
- package/lib/commonjs/components/Sliders/OpacitySlider.js.map +10 -11
- package/lib/commonjs/components/Sliders/RGB/BlueSlider.js +21 -20
- package/lib/commonjs/components/Sliders/RGB/BlueSlider.js.map +10 -11
- package/lib/commonjs/components/Sliders/RGB/GreenSlider.js +21 -20
- package/lib/commonjs/components/Sliders/RGB/GreenSlider.js.map +10 -11
- package/lib/commonjs/components/Sliders/RGB/RedSlider.js +21 -20
- package/lib/commonjs/components/Sliders/RGB/RedSlider.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Circle.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Circle.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/DoubleTriangle.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/DoubleTriangle.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Hollow.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Hollow.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Line.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Line.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Pill.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Pill.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Plus.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Plus.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Rect.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Rect.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Ring.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Ring.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Solid.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/Solid.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/TriangleDown.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/TriangleDown.js.map +10 -11
- package/lib/commonjs/components/Thumb/BuiltinThumbs/TriangleUp.js +21 -20
- package/lib/commonjs/components/Thumb/BuiltinThumbs/TriangleUp.js.map +10 -11
- package/lib/commonjs/types.js.map +1 -1
- package/lib/module/components/InputWidget/InputWidget.js +1 -1
- package/lib/module/components/InputWidget/InputWidget.js.map +2 -2
- package/lib/module/components/InputWidget/Widgets/WidgetTextInput.js +2 -1
- package/lib/module/components/InputWidget/Widgets/WidgetTextInput.js.map +3 -3
- package/lib/module/components/Panels/Panel2.js +2 -2
- package/lib/module/components/Panels/Panel2.js.map +3 -3
- package/lib/module/components/Panels/Panel3/Panel3.js +2 -2
- package/lib/module/components/Panels/Panel3/Panel3.js.map +3 -3
- package/lib/module/components/PreviewText.js +4 -8
- package/lib/module/components/PreviewText.js.map +6 -9
- package/lib/module/components/Sliders/HSB/SaturationSlider.js +1 -1
- package/lib/module/components/Sliders/HSB/SaturationSlider.js.map +3 -3
- package/lib/module/components/Sliders/HSL/HSLSaturationSlider.js +1 -1
- package/lib/module/components/Sliders/HSL/HSLSaturationSlider.js.map +3 -3
- package/lib/module/components/Sliders/Hue/HueCircular.js +2 -2
- package/lib/module/components/Sliders/Hue/HueCircular.js.map +3 -3
- package/lib/module/components/Sliders/Hue/HueSlider.js +2 -2
- package/lib/module/components/Sliders/Hue/HueSlider.js.map +3 -3
- package/lib/module/types.js.map +1 -1
- package/lib/src/components/InputWidget/InputWidget.tsx +1 -1
- package/lib/src/components/InputWidget/Widgets/WidgetTextInput.tsx +4 -4
- package/lib/src/components/Panels/Panel2.tsx +2 -2
- package/lib/src/components/Panels/Panel3/Panel3.tsx +2 -2
- package/lib/src/components/PreviewText.tsx +7 -12
- package/lib/src/components/Sliders/HSB/SaturationSlider.tsx +1 -1
- package/lib/src/components/Sliders/HSL/HSLSaturationSlider.tsx +1 -1
- package/lib/src/components/Sliders/Hue/HueCircular.tsx +2 -2
- package/lib/src/components/Sliders/Hue/HueSlider.tsx +2 -2
- package/lib/src/types.ts +4 -4
- package/lib/typescript/AppContext.d.ts +0 -1
- package/lib/typescript/AppContext.d.ts.map +1 -1
- package/lib/typescript/colorKit/index.d.ts +1 -1
- package/lib/typescript/colorKit/index.d.ts.map +1 -1
- package/lib/typescript/components/InputWidget/Widgets/WidgetTextInput.d.ts.map +1 -1
- package/lib/typescript/components/Panels/Panel3/Panel3Context.d.ts +0 -1
- package/lib/typescript/components/Panels/Panel3/Panel3Context.d.ts.map +1 -1
- package/lib/typescript/components/PreviewText.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +4 -4
- package/lib/typescript/types.d.ts.map +1 -1
- package/package.json +18 -17
|
@@ -14,27 +14,28 @@ var _utils = require('./utils');
|
|
|
14
14
|
function _interopRequireDefault(e) {
|
|
15
15
|
return e && e.__esModule ? e : { default: e };
|
|
16
16
|
}
|
|
17
|
-
function
|
|
18
|
-
if ('function'
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return (
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var n = { __proto__: null },
|
|
31
|
-
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
32
|
-
for (var u in e)
|
|
33
|
-
if ('default' !== u && {}.hasOwnProperty.call(e, u)) {
|
|
34
|
-
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
35
|
-
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : (n[u] = e[u]);
|
|
17
|
+
function _interopRequireWildcard(e, t) {
|
|
18
|
+
if ('function' == typeof WeakMap)
|
|
19
|
+
var r = new WeakMap(),
|
|
20
|
+
n = new WeakMap();
|
|
21
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
22
|
+
if (!t && e && e.__esModule) return e;
|
|
23
|
+
var o,
|
|
24
|
+
i,
|
|
25
|
+
f = { __proto__: null, default: e };
|
|
26
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e)) return f;
|
|
27
|
+
if ((o = t ? n : r)) {
|
|
28
|
+
if (o.has(e)) return o.get(e);
|
|
29
|
+
o.set(e, f);
|
|
36
30
|
}
|
|
37
|
-
|
|
31
|
+
for (const t in e)
|
|
32
|
+
'default' !== t &&
|
|
33
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
34
|
+
((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set)
|
|
35
|
+
? o(f, t, i)
|
|
36
|
+
: (f[t] = e[t]));
|
|
37
|
+
return f;
|
|
38
|
+
})(e, t);
|
|
38
39
|
}
|
|
39
40
|
// @ts-expect-error no global
|
|
40
41
|
if (_utils.isWeb && !global.setImmediate) {
|
|
@@ -14,23 +14,22 @@
|
|
|
14
14
|
"e",
|
|
15
15
|
"__esModule",
|
|
16
16
|
"default",
|
|
17
|
-
"
|
|
17
|
+
"t",
|
|
18
18
|
"WeakMap",
|
|
19
19
|
"r",
|
|
20
|
-
"t",
|
|
21
|
-
"has",
|
|
22
|
-
"get",
|
|
23
20
|
"n",
|
|
21
|
+
"o",
|
|
22
|
+
"i",
|
|
23
|
+
"f",
|
|
24
24
|
"__proto__",
|
|
25
|
-
"
|
|
25
|
+
"has",
|
|
26
|
+
"get",
|
|
27
|
+
"set",
|
|
28
|
+
"hasOwnProperty",
|
|
29
|
+
"call",
|
|
26
30
|
"Object",
|
|
27
31
|
"defineProperty",
|
|
28
32
|
"getOwnPropertyDescriptor",
|
|
29
|
-
"u",
|
|
30
|
-
"hasOwnProperty",
|
|
31
|
-
"call",
|
|
32
|
-
"i",
|
|
33
|
-
"set",
|
|
34
33
|
"isWeb",
|
|
35
34
|
"global",
|
|
36
35
|
"setImmediate",
|
|
@@ -73,6 +72,7 @@
|
|
|
73
72
|
"brightnessValue",
|
|
74
73
|
"v",
|
|
75
74
|
"alphaValue",
|
|
75
|
+
"a",
|
|
76
76
|
"returnedResults",
|
|
77
77
|
"inputColor",
|
|
78
78
|
"color",
|
|
@@ -116,6 +116,6 @@
|
|
|
116
116
|
"sourcesContent": [
|
|
117
117
|
"import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { Text } from 'react-native';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport { runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';\n\nimport colorKit from './colorKit/index';\nimport { PickerContextProvider } from './AppContext';\nimport { isWeb } from './utils';\n\nimport type { ColorPickerContext, ColorPickerProps, ColorPickerRef } from './types';\nimport type { SupportedColorFormats } from './colorKit/types';\n\n// @ts-expect-error no global\nif (isWeb && !global.setImmediate) {\n // @ts-expect-error no global\n global.setImmediate = setTimeout;\n}\n\nconst ColorPicker = forwardRef<ColorPickerRef, ColorPickerProps>(\n (\n {\n adaptSpectrum = false,\n sliderThickness = 25,\n thumbAnimationDuration = 200,\n thumbSize = 35,\n thumbShape = 'ring',\n boundedThumb = false,\n thumbScaleAnimationValue = 1.2,\n thumbScaleAnimationDuration = 100,\n thumbColor,\n renderThumb,\n thumbStyle,\n thumbInnerStyle,\n value = '#fff',\n onChange,\n onChangeJS,\n onComplete,\n onCompleteJS,\n style = {},\n children = <Text>NO CHILDREN</Text>,\n },\n ref,\n ) => {\n const initialColor = useRef(colorKit.HSV(value).object(false)).current;\n // color's channels values.\n const hueValue = useSharedValue(initialColor.h);\n const saturationValue = useSharedValue(initialColor.s);\n const brightnessValue = useSharedValue(initialColor.v);\n const alphaValue = useSharedValue(initialColor.a);\n\n const returnedResults = (inputColor?: SupportedColorFormats) => {\n 'worklet';\n\n const color = inputColor ?? {\n h: hueValue.value,\n s: saturationValue.value,\n v: brightnessValue.value,\n a: alphaValue.value,\n };\n\n return {\n get hex() {\n return colorKit.runOnUI().HEX(color);\n },\n get rgb() {\n return colorKit.runOnUI().RGB(color).string(false);\n },\n get rgba() {\n return colorKit.runOnUI().RGB(color).string(true);\n },\n get hsl() {\n return colorKit.runOnUI().HSL(color).string(false);\n },\n get hsla() {\n return colorKit.runOnUI().HSL(color).string(true);\n },\n get hsv() {\n return colorKit.runOnUI().HSV(color).string(false);\n },\n get hsva() {\n return colorKit.runOnUI().HSV(color).string(true);\n },\n get hwb() {\n return colorKit.runOnUI().HWB(color).string(false);\n },\n get hwba() {\n return colorKit.runOnUI().HWB(color).string(true);\n },\n };\n };\n\n const onGestureEnd = (color?: SupportedColorFormats) => {\n 'worklet';\n\n if (!onComplete && !onCompleteJS) return;\n const colorObject = returnedResults(color);\n\n if (onComplete) onComplete(colorObject);\n if (onCompleteJS) runOnJS(onCompleteJS)(colorObject);\n };\n\n const onGestureChange = (color?: SupportedColorFormats) => {\n 'worklet';\n\n if (!onChange && !onChangeJS) return;\n const colorObject = returnedResults(color);\n\n if (onChange) onChange(colorObject);\n if (onChangeJS) runOnJS(onChangeJS)(colorObject);\n };\n\n const setColor = (color: SupportedColorFormats, duration = thumbAnimationDuration) => {\n const { h, s, v, a } = colorKit.HSV(color).object(false);\n\n hueValue.value = withTiming(h, { duration });\n saturationValue.value = withTiming(s, { duration });\n brightnessValue.value = withTiming(v, { duration });\n alphaValue.value = withTiming(a, { duration });\n };\n\n useEffect(() => {\n // Ignore value changes if the current color already matches the new color from the value props.\n const newColorFormat = colorKit.getFormat(value);\n const currentColors = returnedResults();\n\n // null or named color E.g \"red\"\n if (!newColorFormat || newColorFormat === 'named') {\n setColor(value);\n return;\n }\n\n // hex color\n if (newColorFormat === 'hex3' || newColorFormat === 'hex4' || newColorFormat === 'hex6' || newColorFormat === 'hex8') {\n if (value !== currentColors.hex) setColor(value);\n return;\n }\n\n // hsl | hsla | rgb | rgba | hsva | hsv | hwba | hwb\n if (newColorFormat in currentColors) {\n if (value !== currentColors[newColorFormat]) setColor(value);\n return;\n }\n\n setColor(value);\n }, [value]);\n\n useImperativeHandle(ref, () => ({ setColor }));\n\n const ctxValue: ColorPickerContext = {\n hueValue,\n saturationValue,\n brightnessValue,\n alphaValue,\n\n adaptSpectrum,\n\n sliderThickness,\n thumbSize,\n thumbShape,\n boundedThumb,\n thumbColor,\n renderThumb,\n thumbStyle,\n thumbInnerStyle,\n thumbScaleAnimationValue,\n thumbScaleAnimationDuration,\n\n value,\n setColor,\n\n returnedResults,\n onGestureEnd,\n onGestureChange,\n };\n\n return (\n <GestureHandlerRootView style={[{ direction: isWeb ? 'ltr' : undefined }, style]}>\n <PickerContextProvider value={ctxValue}>{children}</PickerContextProvider>\n </GestureHandlerRootView>\n );\n },\n);\n\nexport default ColorPicker;\n"
|
|
118
118
|
],
|
|
119
|
-
"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,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAgC,SAAAK,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,
|
|
119
|
+
"mappings": "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",
|
|
120
120
|
"ignoreList": []
|
|
121
121
|
}
|
|
@@ -18,27 +18,28 @@ var _RgbWidget = _interopRequireDefault(require('./Widgets/RgbWidget'));
|
|
|
18
18
|
function _interopRequireDefault(e) {
|
|
19
19
|
return e && e.__esModule ? e : { default: e };
|
|
20
20
|
}
|
|
21
|
-
function
|
|
22
|
-
if ('function'
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return (
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var n = { __proto__: null },
|
|
35
|
-
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
36
|
-
for (var u in e)
|
|
37
|
-
if ('default' !== u && {}.hasOwnProperty.call(e, u)) {
|
|
38
|
-
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
39
|
-
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : (n[u] = e[u]);
|
|
21
|
+
function _interopRequireWildcard(e, t) {
|
|
22
|
+
if ('function' == typeof WeakMap)
|
|
23
|
+
var r = new WeakMap(),
|
|
24
|
+
n = new WeakMap();
|
|
25
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
26
|
+
if (!t && e && e.__esModule) return e;
|
|
27
|
+
var o,
|
|
28
|
+
i,
|
|
29
|
+
f = { __proto__: null, default: e };
|
|
30
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e)) return f;
|
|
31
|
+
if ((o = t ? n : r)) {
|
|
32
|
+
if (o.has(e)) return o.get(e);
|
|
33
|
+
o.set(e, f);
|
|
40
34
|
}
|
|
41
|
-
|
|
35
|
+
for (const t in e)
|
|
36
|
+
'default' !== t &&
|
|
37
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
38
|
+
((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set)
|
|
39
|
+
? o(f, t, i)
|
|
40
|
+
: (f[t] = e[t]));
|
|
41
|
+
return f;
|
|
42
|
+
})(e, t);
|
|
42
43
|
}
|
|
43
44
|
const defaultFormats = ['HEX', 'RGB', 'HSL', 'HWB', 'HSV'];
|
|
44
45
|
function InputWidget({
|
|
@@ -54,7 +55,7 @@ function InputWidget({
|
|
|
54
55
|
}) {
|
|
55
56
|
const { setColor, returnedResults, hueValue, saturationValue, brightnessValue, alphaValue, onGestureChange, onGestureEnd } = (0,
|
|
56
57
|
_AppContext.default)();
|
|
57
|
-
const [format, setFormat] = (0, _react.useState)(formats.includes(defaultFormat) ? defaultFormat : formats[0] ?? 'HEX');
|
|
58
|
+
const [format, setFormat] = (0, _react.useState)(formats.includes(defaultFormat) ? defaultFormat : (formats[0] ?? 'HEX'));
|
|
58
59
|
const onChange = color => {
|
|
59
60
|
var _colorKit$getFormat;
|
|
60
61
|
const isHex =
|
|
@@ -18,23 +18,22 @@
|
|
|
18
18
|
"e",
|
|
19
19
|
"__esModule",
|
|
20
20
|
"default",
|
|
21
|
-
"
|
|
21
|
+
"t",
|
|
22
22
|
"WeakMap",
|
|
23
23
|
"r",
|
|
24
|
-
"t",
|
|
25
|
-
"has",
|
|
26
|
-
"get",
|
|
27
24
|
"n",
|
|
25
|
+
"o",
|
|
26
|
+
"i",
|
|
27
|
+
"f",
|
|
28
28
|
"__proto__",
|
|
29
|
-
"
|
|
29
|
+
"has",
|
|
30
|
+
"get",
|
|
31
|
+
"set",
|
|
32
|
+
"hasOwnProperty",
|
|
33
|
+
"call",
|
|
30
34
|
"Object",
|
|
31
35
|
"defineProperty",
|
|
32
36
|
"getOwnPropertyDescriptor",
|
|
33
|
-
"u",
|
|
34
|
-
"hasOwnProperty",
|
|
35
|
-
"call",
|
|
36
|
-
"i",
|
|
37
|
-
"set",
|
|
38
37
|
"defaultFormats",
|
|
39
38
|
"InputWidget",
|
|
40
39
|
"defaultFormat",
|
|
@@ -102,8 +101,8 @@
|
|
|
102
101
|
"sourceRoot": "../../../src/components/InputWidget",
|
|
103
102
|
"sources": ["InputWidget.tsx"],
|
|
104
103
|
"sourcesContent": [
|
|
105
|
-
"import React, { useState } from 'react';\nimport { Image, Pressable, StyleSheet, Text, View } from 'react-native';\n\nimport colorKit from '../../colorKit/index';\nimport usePickerContext from '../../AppContext';\nimport { styles } from '../../styles';\nimport { ConditionalRendering, getStyle } from '../../utils';\nimport HexWidget from './Widgets/HexWidget';\nimport HslWidget from './Widgets/HslWidget';\nimport HsvWidget from './Widgets/HsvWidget';\nimport HwbWidget from './Widgets/HwbWidget';\nimport RgbWidget from './Widgets/RgbWidget';\n\nimport type { InputWidgetProps } from '../../types';\nimport type { SupportedColorFormats } from '../../colorKit/types';\n\nconst defaultFormats = ['HEX', 'RGB', 'HSL', 'HWB', 'HSV'] as const;\n\nexport function InputWidget({\n defaultFormat = 'HEX',\n formats = defaultFormats,\n iconColor = 'black',\n disableAlphaChannel = false,\n containerStyle = {},\n inputStyle = {},\n inputTitleStyle = {},\n iconStyle = {},\n inputProps = {},\n}: InputWidgetProps) {\n const { setColor, returnedResults, hueValue, saturationValue, brightnessValue, alphaValue, onGestureChange, onGestureEnd } =\n usePickerContext();\n\n const [format, setFormat] = useState<typeof defaultFormat>(\n formats.includes(defaultFormat) ? defaultFormat : formats[0] ?? 'HEX',\n );\n\n const onChange = (color: SupportedColorFormats) => {\n const isHex = colorKit.getFormat(color)?.includes('hex');\n if (disableAlphaChannel && isHex) color = colorKit.setAlpha(color, 1).hsv().object(false);\n\n setColor(color, 0);\n onGestureChange(color);\n onGestureEnd(color);\n };\n\n const cycle = () => {\n const index = formats.indexOf(format);\n const nextIndex = (index + 1) % formats.length;\n setFormat(formats[nextIndex]);\n };\n\n const inputsProps = {\n onChange,\n returnedResults,\n hueValue,\n saturationValue,\n brightnessValue,\n alphaValue,\n inputStyle,\n inputTitleStyle,\n inputProps,\n disableAlphaChannel,\n };\n const Input = () => {\n switch (format) {\n case 'HEX':\n return <HexWidget {...inputsProps} />;\n case 'RGB':\n return <RgbWidget {...inputsProps} />;\n case 'HSL':\n return <HslWidget {...inputsProps} />;\n case 'HWB':\n return <HwbWidget {...inputsProps} />;\n case 'HSV':\n return <HsvWidget {...inputsProps} />;\n }\n };\n\n const gap = getStyle(containerStyle, 'gap') ?? 5;\n const iconWidth = getStyle(iconStyle, 'width') ?? 24;\n const buttonIconStyle = StyleSheet.flatten([styles.arrowButton, iconStyle]);\n\n return (\n <View style={[styles.container, containerStyle]}>\n <View style={[styles.inputsWrapper, { gap }]}>\n <Input />\n </View>\n\n <ConditionalRendering if={formats.length > 1}>\n <View style={{ width: iconWidth }}>\n <Pressable onPress={cycle}>\n <Image style={buttonIconStyle} tintColor={iconColor} source={require('../../assets/arrow-icon.png')} />\n </Pressable>\n <Text style={styles.inputTitle}> </Text>\n </View>\n </ConditionalRendering>\n </View>\n );\n}\n"
|
|
104
|
+
"import React, { useState } from 'react';\nimport { Image, Pressable, StyleSheet, Text, View } from 'react-native';\n\nimport colorKit from '../../colorKit/index';\nimport usePickerContext from '../../AppContext';\nimport { styles } from '../../styles';\nimport { ConditionalRendering, getStyle } from '../../utils';\nimport HexWidget from './Widgets/HexWidget';\nimport HslWidget from './Widgets/HslWidget';\nimport HsvWidget from './Widgets/HsvWidget';\nimport HwbWidget from './Widgets/HwbWidget';\nimport RgbWidget from './Widgets/RgbWidget';\n\nimport type { InputWidgetProps } from '../../types';\nimport type { SupportedColorFormats } from '../../colorKit/types';\n\nconst defaultFormats = ['HEX', 'RGB', 'HSL', 'HWB', 'HSV'] as const;\n\nexport function InputWidget({\n defaultFormat = 'HEX',\n formats = defaultFormats,\n iconColor = 'black',\n disableAlphaChannel = false,\n containerStyle = {},\n inputStyle = {},\n inputTitleStyle = {},\n iconStyle = {},\n inputProps = {},\n}: InputWidgetProps) {\n const { setColor, returnedResults, hueValue, saturationValue, brightnessValue, alphaValue, onGestureChange, onGestureEnd } =\n usePickerContext();\n\n const [format, setFormat] = useState<typeof defaultFormat>(\n formats.includes(defaultFormat) ? defaultFormat : (formats[0] ?? 'HEX'),\n );\n\n const onChange = (color: SupportedColorFormats) => {\n const isHex = colorKit.getFormat(color)?.includes('hex');\n if (disableAlphaChannel && isHex) color = colorKit.setAlpha(color, 1).hsv().object(false);\n\n setColor(color, 0);\n onGestureChange(color);\n onGestureEnd(color);\n };\n\n const cycle = () => {\n const index = formats.indexOf(format);\n const nextIndex = (index + 1) % formats.length;\n setFormat(formats[nextIndex]);\n };\n\n const inputsProps = {\n onChange,\n returnedResults,\n hueValue,\n saturationValue,\n brightnessValue,\n alphaValue,\n inputStyle,\n inputTitleStyle,\n inputProps,\n disableAlphaChannel,\n };\n const Input = () => {\n switch (format) {\n case 'HEX':\n return <HexWidget {...inputsProps} />;\n case 'RGB':\n return <RgbWidget {...inputsProps} />;\n case 'HSL':\n return <HslWidget {...inputsProps} />;\n case 'HWB':\n return <HwbWidget {...inputsProps} />;\n case 'HSV':\n return <HsvWidget {...inputsProps} />;\n }\n };\n\n const gap = getStyle(containerStyle, 'gap') ?? 5;\n const iconWidth = getStyle(iconStyle, 'width') ?? 24;\n const buttonIconStyle = StyleSheet.flatten([styles.arrowButton, iconStyle]);\n\n return (\n <View style={[styles.container, containerStyle]}>\n <View style={[styles.inputsWrapper, { gap }]}>\n <Input />\n </View>\n\n <ConditionalRendering if={formats.length > 1}>\n <View style={{ width: iconWidth }}>\n <Pressable onPress={cycle}>\n <Image style={buttonIconStyle} tintColor={iconColor} source={require('../../assets/arrow-icon.png')} />\n </Pressable>\n <Text style={styles.inputTitle}> </Text>\n </View>\n </ConditionalRendering>\n </View>\n );\n}\n"
|
|
106
105
|
],
|
|
107
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,UAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,UAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,UAAA,GAAAP,sBAAA,CAAAH,OAAA;AACA,IAAAW,UAAA,GAAAR,sBAAA,CAAAH,OAAA;AAA4C,SAAAG,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,
|
|
106
|
+
"mappings": "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",
|
|
108
107
|
"ignoreList": []
|
|
109
108
|
}
|
|
@@ -12,27 +12,28 @@ var _WidgetTextInput = _interopRequireDefault(require('./WidgetTextInput'));
|
|
|
12
12
|
function _interopRequireDefault(e) {
|
|
13
13
|
return e && e.__esModule ? e : { default: e };
|
|
14
14
|
}
|
|
15
|
-
function
|
|
16
|
-
if ('function'
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return (
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var n = { __proto__: null },
|
|
29
|
-
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
30
|
-
for (var u in e)
|
|
31
|
-
if ('default' !== u && {}.hasOwnProperty.call(e, u)) {
|
|
32
|
-
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
33
|
-
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : (n[u] = e[u]);
|
|
15
|
+
function _interopRequireWildcard(e, t) {
|
|
16
|
+
if ('function' == typeof WeakMap)
|
|
17
|
+
var r = new WeakMap(),
|
|
18
|
+
n = new WeakMap();
|
|
19
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
20
|
+
if (!t && e && e.__esModule) return e;
|
|
21
|
+
var o,
|
|
22
|
+
i,
|
|
23
|
+
f = { __proto__: null, default: e };
|
|
24
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e)) return f;
|
|
25
|
+
if ((o = t ? n : r)) {
|
|
26
|
+
if (o.has(e)) return o.get(e);
|
|
27
|
+
o.set(e, f);
|
|
34
28
|
}
|
|
35
|
-
|
|
29
|
+
for (const t in e)
|
|
30
|
+
'default' !== t &&
|
|
31
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
32
|
+
((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set)
|
|
33
|
+
? o(f, t, i)
|
|
34
|
+
: (f[t] = e[t]));
|
|
35
|
+
return f;
|
|
36
|
+
})(e, t);
|
|
36
37
|
}
|
|
37
38
|
function HslWidget({
|
|
38
39
|
onChange,
|
|
@@ -12,23 +12,22 @@
|
|
|
12
12
|
"e",
|
|
13
13
|
"__esModule",
|
|
14
14
|
"default",
|
|
15
|
-
"
|
|
15
|
+
"t",
|
|
16
16
|
"WeakMap",
|
|
17
17
|
"r",
|
|
18
|
-
"t",
|
|
19
|
-
"has",
|
|
20
|
-
"get",
|
|
21
18
|
"n",
|
|
19
|
+
"o",
|
|
20
|
+
"i",
|
|
21
|
+
"f",
|
|
22
22
|
"__proto__",
|
|
23
|
-
"
|
|
23
|
+
"has",
|
|
24
|
+
"get",
|
|
25
|
+
"set",
|
|
26
|
+
"hasOwnProperty",
|
|
27
|
+
"call",
|
|
24
28
|
"Object",
|
|
25
29
|
"defineProperty",
|
|
26
30
|
"getOwnPropertyDescriptor",
|
|
27
|
-
"u",
|
|
28
|
-
"hasOwnProperty",
|
|
29
|
-
"call",
|
|
30
|
-
"i",
|
|
31
|
-
"set",
|
|
32
31
|
"HslWidget",
|
|
33
32
|
"onChange",
|
|
34
33
|
"returnedResults",
|
|
@@ -52,6 +51,7 @@
|
|
|
52
51
|
"toString",
|
|
53
52
|
"s",
|
|
54
53
|
"l",
|
|
54
|
+
"a",
|
|
55
55
|
"useDerivedValue",
|
|
56
56
|
"runOnUI",
|
|
57
57
|
"value",
|
|
@@ -80,6 +80,6 @@
|
|
|
80
80
|
"sourcesContent": [
|
|
81
81
|
"import React, { useRef } from 'react';\nimport { useDerivedValue, useSharedValue } from 'react-native-reanimated';\n\nimport colorKit from '../../../colorKit/index';\nimport { clamp, ConditionalRendering } from '../../../utils';\nimport WidgetTextInput from './WidgetTextInput';\n\nimport type { WidgetProps } from '../../../types';\n\nexport default function HslWidget({\n onChange,\n returnedResults,\n hueValue,\n saturationValue,\n brightnessValue,\n alphaValue,\n inputStyle,\n inputTitleStyle,\n inputProps,\n disableAlphaChannel,\n}: WidgetProps) {\n const hsl = useRef(colorKit.HSL(returnedResults().hsla).object(false));\n\n const h = useSharedValue(hsl.current.h.toString());\n const s = useSharedValue(hsl.current.s.toString());\n const l = useSharedValue(hsl.current.l.toString());\n const a = useSharedValue(hsl.current.a.toString());\n\n useDerivedValue(() => {\n [hueValue, saturationValue, brightnessValue, alphaValue]; // track changes on Native\n hsl.current = colorKit.runOnUI().HSL(returnedResults().hsla).object(false);\n h.value = hsl.current.h.toString();\n s.value = hsl.current.s.toString();\n l.value = hsl.current.l.toString();\n a.value = hsl.current.a.toString();\n }, [hueValue, saturationValue, brightnessValue, alphaValue, h, s, l, a]); // track changes on WEB\n\n const onHueEndEditing = (text: string) => {\n const hue = clamp(+text, 360);\n h.value = ''; // force update in case the value of h didn't change\n onChange({ h: hue, s: +s.value, l: +l.value, a: +a.value });\n };\n\n const onSaturationEndEditing = (text: string) => {\n const saturation = clamp(+text, 100);\n s.value = ''; // force update in case the value of `s` didn't change\n onChange({ h: +h.value, s: saturation, l: +l.value, a: +a.value });\n };\n\n const onLumEndEditing = (text: string) => {\n const lum = clamp(+text, 100);\n l.value = ''; // force update in case the value of `l` didn't change\n onChange({ h: +h.value, s: +s.value, l: lum, a: +a.value });\n };\n\n const onAlphaEndEditing = (text: string) => {\n const alpha = clamp(+text, 1);\n a.value = ''; // force update in case the value of `a` didn't change\n onChange({ h: +h.value, s: +s.value, l: +l.value, a: alpha });\n };\n\n return (\n <>\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={h}\n title='H'\n onEndEditing={onHueEndEditing}\n inputProps={inputProps}\n />\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={s}\n title='S'\n onEndEditing={onSaturationEndEditing}\n inputProps={inputProps}\n />\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={l}\n title='L'\n onEndEditing={onLumEndEditing}\n inputProps={inputProps}\n />\n <ConditionalRendering if={!disableAlphaChannel}>\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={a}\n title='A'\n onEndEditing={onAlphaEndEditing}\n inputProps={inputProps}\n decimal\n />\n </ConditionalRendering>\n </>\n );\n}\n"
|
|
82
82
|
],
|
|
83
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAgD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,
|
|
83
|
+
"mappings": "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",
|
|
84
84
|
"ignoreList": []
|
|
85
85
|
}
|
|
@@ -12,27 +12,28 @@ var _WidgetTextInput = _interopRequireDefault(require('./WidgetTextInput'));
|
|
|
12
12
|
function _interopRequireDefault(e) {
|
|
13
13
|
return e && e.__esModule ? e : { default: e };
|
|
14
14
|
}
|
|
15
|
-
function
|
|
16
|
-
if ('function'
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return (
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var n = { __proto__: null },
|
|
29
|
-
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
30
|
-
for (var u in e)
|
|
31
|
-
if ('default' !== u && {}.hasOwnProperty.call(e, u)) {
|
|
32
|
-
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
33
|
-
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : (n[u] = e[u]);
|
|
15
|
+
function _interopRequireWildcard(e, t) {
|
|
16
|
+
if ('function' == typeof WeakMap)
|
|
17
|
+
var r = new WeakMap(),
|
|
18
|
+
n = new WeakMap();
|
|
19
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
20
|
+
if (!t && e && e.__esModule) return e;
|
|
21
|
+
var o,
|
|
22
|
+
i,
|
|
23
|
+
f = { __proto__: null, default: e };
|
|
24
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e)) return f;
|
|
25
|
+
if ((o = t ? n : r)) {
|
|
26
|
+
if (o.has(e)) return o.get(e);
|
|
27
|
+
o.set(e, f);
|
|
34
28
|
}
|
|
35
|
-
|
|
29
|
+
for (const t in e)
|
|
30
|
+
'default' !== t &&
|
|
31
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
32
|
+
((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set)
|
|
33
|
+
? o(f, t, i)
|
|
34
|
+
: (f[t] = e[t]));
|
|
35
|
+
return f;
|
|
36
|
+
})(e, t);
|
|
36
37
|
}
|
|
37
38
|
function HsvWidget({
|
|
38
39
|
onChange,
|
|
@@ -12,23 +12,22 @@
|
|
|
12
12
|
"e",
|
|
13
13
|
"__esModule",
|
|
14
14
|
"default",
|
|
15
|
-
"
|
|
15
|
+
"t",
|
|
16
16
|
"WeakMap",
|
|
17
17
|
"r",
|
|
18
|
-
"t",
|
|
19
|
-
"has",
|
|
20
|
-
"get",
|
|
21
18
|
"n",
|
|
19
|
+
"o",
|
|
20
|
+
"i",
|
|
21
|
+
"f",
|
|
22
22
|
"__proto__",
|
|
23
|
-
"
|
|
23
|
+
"has",
|
|
24
|
+
"get",
|
|
25
|
+
"set",
|
|
26
|
+
"hasOwnProperty",
|
|
27
|
+
"call",
|
|
24
28
|
"Object",
|
|
25
29
|
"defineProperty",
|
|
26
30
|
"getOwnPropertyDescriptor",
|
|
27
|
-
"u",
|
|
28
|
-
"hasOwnProperty",
|
|
29
|
-
"call",
|
|
30
|
-
"i",
|
|
31
|
-
"set",
|
|
32
31
|
"HsvWidget",
|
|
33
32
|
"onChange",
|
|
34
33
|
"returnedResults",
|
|
@@ -52,6 +51,7 @@
|
|
|
52
51
|
"toString",
|
|
53
52
|
"s",
|
|
54
53
|
"v",
|
|
54
|
+
"a",
|
|
55
55
|
"useDerivedValue",
|
|
56
56
|
"runOnUI",
|
|
57
57
|
"value",
|
|
@@ -79,6 +79,6 @@
|
|
|
79
79
|
"sourcesContent": [
|
|
80
80
|
"import React, { useRef } from 'react';\nimport { useDerivedValue, useSharedValue } from 'react-native-reanimated';\n\nimport colorKit from '../../../colorKit/index';\nimport { clamp, ConditionalRendering } from '../../../utils';\nimport WidgetTextInput from './WidgetTextInput';\n\nimport type { WidgetProps } from '../../../types';\n\nexport default function HsvWidget({\n onChange,\n returnedResults,\n hueValue,\n saturationValue,\n brightnessValue,\n alphaValue,\n inputStyle,\n inputTitleStyle,\n inputProps,\n disableAlphaChannel,\n}: WidgetProps) {\n const hsv = useRef(colorKit.HSV(returnedResults().hsva).object(false));\n\n const h = useSharedValue(hsv.current.h.toString());\n const s = useSharedValue(hsv.current.s.toString());\n const v = useSharedValue(hsv.current.v.toString());\n const a = useSharedValue(hsv.current.a.toString());\n\n useDerivedValue(() => {\n [hueValue, saturationValue, brightnessValue, alphaValue]; // track changes on Native\n hsv.current = colorKit.runOnUI().HSV(returnedResults().hsva).object(false);\n h.value = hsv.current.h.toString();\n s.value = hsv.current.s.toString();\n v.value = hsv.current.v.toString();\n a.value = hsv.current.a.toString();\n }, [hueValue, saturationValue, brightnessValue, alphaValue, h, s, v, a]); // track changes on WEB\n\n const onHueEndEditing = (text: string) => {\n const hue = clamp(+text, 360);\n h.value = ''; // force update in case the value of `h` didn't change\n onChange({ h: hue, s: +s.value, v: +v.value, a: +a.value });\n };\n\n const onSaturationEndEditing = (text: string) => {\n const saturation = clamp(+text, 100);\n s.value = ''; // force update in case the value of `s` didn't change\n onChange({ h: +h.value, s: saturation, v: +v.value, a: +a.value });\n };\n\n const onValueEndEditing = (text: string) => {\n const value = clamp(+text, 100);\n v.value = ''; // force update in case the value of `v` didn't change\n onChange({ h: +h.value, s: +s.value, v: value, a: +a.value });\n };\n\n const onAlphaEndEditing = (text: string) => {\n const alpha = clamp(+text, 1);\n a.value = ''; // force update in case the value of `a` didn't change\n onChange({ h: +h.value, s: +s.value, v: +v.value, a: alpha });\n };\n\n return (\n <>\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={h}\n title='H'\n onEndEditing={onHueEndEditing}\n inputProps={inputProps}\n />\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={s}\n title='S'\n onEndEditing={onSaturationEndEditing}\n inputProps={inputProps}\n />\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={v}\n title='V'\n onEndEditing={onValueEndEditing}\n inputProps={inputProps}\n />\n <ConditionalRendering if={!disableAlphaChannel}>\n <WidgetTextInput\n inputStyle={inputStyle}\n textStyle={inputTitleStyle}\n textValue={a}\n title='A'\n onEndEditing={onAlphaEndEditing}\n inputProps={inputProps}\n decimal\n />\n </ConditionalRendering>\n </>\n );\n}\n"
|
|
81
81
|
],
|
|
82
|
-
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAgD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,
|
|
82
|
+
"mappings": ";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAgD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAO,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAIjC,SAASgB,SAASA,CAAC;EAChCC,QAAQ;EACRC,eAAe;EACfC,QAAQ;EACRC,eAAe;EACfC,eAAe;EACfC,UAAU;EACVC,UAAU;EACVC,eAAe;EACfC,UAAU;EACVC;AACW,CAAC,EAAE;EACd,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAACC,cAAQ,CAACC,GAAG,CAACZ,eAAe,CAAC,CAAC,CAACa,IAAI,CAAC,CAACC,MAAM,CAAC,KAAK,CAAC,CAAC;EAEtE,MAAMC,CAAC,GAAG,IAAAC,qCAAc,EAACP,GAAG,CAACQ,OAAO,CAACF,CAAC,CAACG,QAAQ,CAAC,CAAC,CAAC;EAClD,MAAMC,CAAC,GAAG,IAAAH,qCAAc,EAACP,GAAG,CAACQ,OAAO,CAACE,CAAC,CAACD,QAAQ,CAAC,CAAC,CAAC;EAClD,MAAME,CAAC,GAAG,IAAAJ,qCAAc,EAACP,GAAG,CAACQ,OAAO,CAACG,CAAC,CAACF,QAAQ,CAAC,CAAC,CAAC;EAClD,MAAMG,CAAC,GAAG,IAAAL,qCAAc,EAACP,GAAG,CAACQ,OAAO,CAACI,CAAC,CAACH,QAAQ,CAAC,CAAC,CAAC;EAElD,IAAAI,sCAAe,EAAC,MAAM;IACpB,CAACrB,QAAQ,EAAEC,eAAe,EAAEC,eAAe,EAAEC,UAAU,CAAC,CAAC,CAAC;IAC1DK,GAAG,CAACQ,OAAO,GAAGN,cAAQ,CAACY,OAAO,CAAC,CAAC,CAACX,GAAG,CAACZ,eAAe,CAAC,CAAC,CAACa,IAAI,CAAC,CAACC,MAAM,CAAC,KAAK,CAAC;IAC1EC,CAAC,CAACS,KAAK,GAAGf,GAAG,CAACQ,OAAO,CAACF,CAAC,CAACG,QAAQ,CAAC,CAAC;IAClCC,CAAC,CAACK,KAAK,GAAGf,GAAG,CAACQ,OAAO,CAACE,CAAC,CAACD,QAAQ,CAAC,CAAC;IAClCE,CAAC,CAACI,KAAK,GAAGf,GAAG,CAACQ,OAAO,CAACG,CAAC,CAACF,QAAQ,CAAC,CAAC;IAClCG,CAAC,CAACG,KAAK,GAAGf,GAAG,CAACQ,OAAO,CAACI,CAAC,CAACH,QAAQ,CAAC,CAAC;EACpC,CAAC,EAAE,CAACjB,QAAQ,EAAEC,eAAe,EAAEC,eAAe,EAAEC,UAAU,EAAEW,CAAC,EAAEI,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CAAC,CAAC,CAAC;;EAE1E,MAAMI,eAAe,GAAIC,IAAY,IAAK;IACxC,MAAMC,GAAG,GAAG,IAAAC,YAAK,EAAC,CAACF,IAAI,EAAE,GAAG,CAAC;IAC7BX,CAAC,CAACS,KAAK,GAAG,EAAE,CAAC,CAAC;IACdzB,QAAQ,CAAC;MAAEgB,CAAC,EAAEY,GAAG;MAAER,CAAC,EAAE,CAACA,CAAC,CAACK,KAAK;MAAEJ,CAAC,EAAE,CAACA,CAAC,CAACI,KAAK;MAAEH,CAAC,EAAE,CAACA,CAAC,CAACG;IAAM,CAAC,CAAC;EAC7D,CAAC;EAED,MAAMK,sBAAsB,GAAIH,IAAY,IAAK;IAC/C,MAAMI,UAAU,GAAG,IAAAF,YAAK,EAAC,CAACF,IAAI,EAAE,GAAG,CAAC;IACpCP,CAAC,CAACK,KAAK,GAAG,EAAE,CAAC,CAAC;IACdzB,QAAQ,CAAC;MAAEgB,CAAC,EAAE,CAACA,CAAC,CAACS,KAAK;MAAEL,CAAC,EAAEW,UAAU;MAAEV,CAAC,EAAE,CAACA,CAAC,CAACI,KAAK;MAAEH,CAAC,EAAE,CAACA,CAAC,CAACG;IAAM,CAAC,CAAC;EACpE,CAAC;EAED,MAAMO,iBAAiB,GAAIL,IAAY,IAAK;IAC1C,MAAMF,KAAK,GAAG,IAAAI,YAAK,EAAC,CAACF,IAAI,EAAE,GAAG,CAAC;IAC/BN,CAAC,CAACI,KAAK,GAAG,EAAE,CAAC,CAAC;IACdzB,QAAQ,CAAC;MAAEgB,CAAC,EAAE,CAACA,CAAC,CAACS,KAAK;MAAEL,CAAC,EAAE,CAACA,CAAC,CAACK,KAAK;MAAEJ,CAAC,EAAEI,KAAK;MAAEH,CAAC,EAAE,CAACA,CAAC,CAACG;IAAM,CAAC,CAAC;EAC/D,CAAC;EAED,MAAMQ,iBAAiB,GAAIN,IAAY,IAAK;IAC1C,MAAMO,KAAK,GAAG,IAAAL,YAAK,EAAC,CAACF,IAAI,EAAE,CAAC,CAAC;IAC7BL,CAAC,CAACG,KAAK,GAAG,EAAE,CAAC,CAAC;IACdzB,QAAQ,CAAC;MAAEgB,CAAC,EAAE,CAACA,CAAC,CAACS,KAAK;MAAEL,CAAC,EAAE,CAACA,CAAC,CAACK,KAAK;MAAEJ,CAAC,EAAE,CAACA,CAAC,CAACI,KAAK;MAAEH,CAAC,EAAEY;IAAM,CAAC,CAAC;EAC/D,CAAC;EAED,oBACE9D,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAAA/D,MAAA,CAAAU,OAAA,CAAAsD,QAAA,qBACEhE,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAACxD,gBAAA,CAAAG,OAAe;IACdwB,UAAU,EAAEA,UAAW;IACvB+B,SAAS,EAAE9B,eAAgB;IAC3B+B,SAAS,EAAEtB,CAAE;IACbuB,KAAK,EAAC,GAAG;IACTC,YAAY,EAAEd,eAAgB;IAC9BlB,UAAU,EAAEA;EAAW,CACxB,CAAC,eACFpC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAACxD,gBAAA,CAAAG,OAAe;IACdwB,UAAU,EAAEA,UAAW;IACvB+B,SAAS,EAAE9B,eAAgB;IAC3B+B,SAAS,EAAElB,CAAE;IACbmB,KAAK,EAAC,GAAG;IACTC,YAAY,EAAEV,sBAAuB;IACrCtB,UAAU,EAAEA;EAAW,CACxB,CAAC,eACFpC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAACxD,gBAAA,CAAAG,OAAe;IACdwB,UAAU,EAAEA,UAAW;IACvB+B,SAAS,EAAE9B,eAAgB;IAC3B+B,SAAS,EAAEjB,CAAE;IACbkB,KAAK,EAAC,GAAG;IACTC,YAAY,EAAER,iBAAkB;IAChCxB,UAAU,EAAEA;EAAW,CACxB,CAAC,eACFpC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAACzD,MAAA,CAAA+D,oBAAoB;IAACC,EAAE,EAAE,CAACjC;EAAoB,gBAC7CrC,MAAA,CAAAU,OAAA,CAAAqD,aAAA,CAACxD,gBAAA,CAAAG,OAAe;IACdwB,UAAU,EAAEA,UAAW;IACvB+B,SAAS,EAAE9B,eAAgB;IAC3B+B,SAAS,EAAEhB,CAAE;IACbiB,KAAK,EAAC,GAAG;IACTC,YAAY,EAAEP,iBAAkB;IAChCzB,UAAU,EAAEA,UAAW;IACvBmC,OAAO;EAAA,CACR,CACmB,CACtB,CAAC;AAEP",
|
|
83
83
|
"ignoreList": []
|
|
84
84
|
}
|
|
@@ -12,27 +12,28 @@ var _WidgetTextInput = _interopRequireDefault(require('./WidgetTextInput'));
|
|
|
12
12
|
function _interopRequireDefault(e) {
|
|
13
13
|
return e && e.__esModule ? e : { default: e };
|
|
14
14
|
}
|
|
15
|
-
function
|
|
16
|
-
if ('function'
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return (
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var n = { __proto__: null },
|
|
29
|
-
a = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
30
|
-
for (var u in e)
|
|
31
|
-
if ('default' !== u && {}.hasOwnProperty.call(e, u)) {
|
|
32
|
-
var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
|
|
33
|
-
i && (i.get || i.set) ? Object.defineProperty(n, u, i) : (n[u] = e[u]);
|
|
15
|
+
function _interopRequireWildcard(e, t) {
|
|
16
|
+
if ('function' == typeof WeakMap)
|
|
17
|
+
var r = new WeakMap(),
|
|
18
|
+
n = new WeakMap();
|
|
19
|
+
return (_interopRequireWildcard = function (e, t) {
|
|
20
|
+
if (!t && e && e.__esModule) return e;
|
|
21
|
+
var o,
|
|
22
|
+
i,
|
|
23
|
+
f = { __proto__: null, default: e };
|
|
24
|
+
if (null === e || ('object' != typeof e && 'function' != typeof e)) return f;
|
|
25
|
+
if ((o = t ? n : r)) {
|
|
26
|
+
if (o.has(e)) return o.get(e);
|
|
27
|
+
o.set(e, f);
|
|
34
28
|
}
|
|
35
|
-
|
|
29
|
+
for (const t in e)
|
|
30
|
+
'default' !== t &&
|
|
31
|
+
{}.hasOwnProperty.call(e, t) &&
|
|
32
|
+
((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set)
|
|
33
|
+
? o(f, t, i)
|
|
34
|
+
: (f[t] = e[t]));
|
|
35
|
+
return f;
|
|
36
|
+
})(e, t);
|
|
36
37
|
}
|
|
37
38
|
function HwbWidget({
|
|
38
39
|
onChange,
|