@pagopa/io-app-design-system 3.0.0 → 3.0.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/codeInput/CodeInput.js +41 -21
- package/lib/commonjs/components/codeInput/CodeInput.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +2 -2
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/codeInput/CodeInput.js +43 -23
- package/lib/module/components/codeInput/CodeInput.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +2 -2
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/typescript/components/codeInput/CodeInput.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/codeInput/CodeInput.tsx +53 -30
- package/src/components/layout/HeaderSecondLevel.tsx +6 -9
|
@@ -19,25 +19,24 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
19
19
|
dotShape: {
|
|
20
20
|
width: DOT_SIZE,
|
|
21
21
|
height: DOT_SIZE,
|
|
22
|
-
borderRadius:
|
|
22
|
+
borderRadius: DOT_SIZE / 2,
|
|
23
23
|
borderWidth: 2
|
|
24
|
-
},
|
|
25
|
-
dotEmpty: {
|
|
26
|
-
borderColor: _core.IOColors["grey-650"]
|
|
27
|
-
},
|
|
28
|
-
wrapper: {
|
|
29
|
-
justifyContent: "center"
|
|
30
24
|
}
|
|
31
25
|
});
|
|
32
|
-
const EmptyDot = (
|
|
33
|
-
|
|
26
|
+
const EmptyDot = ({
|
|
27
|
+
color: borderColor
|
|
28
|
+
}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
29
|
+
style: [styles.dotShape, {
|
|
30
|
+
borderColor,
|
|
31
|
+
backgroundColor: (0, _core.hexToRgba)(borderColor, 0)
|
|
32
|
+
}]
|
|
34
33
|
});
|
|
35
|
-
const
|
|
36
|
-
color
|
|
34
|
+
const FilledDot = ({
|
|
35
|
+
color: backgroundColor
|
|
37
36
|
}) => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
38
37
|
style: [styles.dotShape, {
|
|
39
|
-
backgroundColor
|
|
40
|
-
borderColor:
|
|
38
|
+
backgroundColor,
|
|
39
|
+
borderColor: backgroundColor
|
|
41
40
|
}]
|
|
42
41
|
});
|
|
43
42
|
const CodeInput = ({
|
|
@@ -47,13 +46,29 @@ const CodeInput = ({
|
|
|
47
46
|
variant = "light",
|
|
48
47
|
onValidate
|
|
49
48
|
}) => {
|
|
50
|
-
const [status, setStatus] = _react.
|
|
49
|
+
const [status, setStatus] = (0, _react.useState)("default");
|
|
50
|
+
const {
|
|
51
|
+
themeType
|
|
52
|
+
} = (0, _core.useIOThemeContext)();
|
|
51
53
|
const {
|
|
52
54
|
translate,
|
|
53
55
|
animatedStyle,
|
|
54
56
|
shakeAnimation
|
|
55
57
|
} = (0, _useErrorShakeAnimation.useErrorShakeAnimation)();
|
|
56
|
-
|
|
58
|
+
|
|
59
|
+
/* Empty Dot
|
|
60
|
+
- Right color depending on both theme and variant */
|
|
61
|
+
const emptyDotColorLightBg = _core.IOColors["grey-650"];
|
|
62
|
+
const emptyDotColorDarkBg = (0, _core.hexToRgba)(_core.IOColors.white, 0.75);
|
|
63
|
+
const emptyDotColorThemeBased = themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
|
|
64
|
+
const emptyDotColor = variant === "light" ? emptyDotColorDarkBg : emptyDotColorThemeBased;
|
|
65
|
+
|
|
66
|
+
/* Filled Dot
|
|
67
|
+
- Right color depending on theme, variant and status */
|
|
68
|
+
const filledDotColorLightBg = _core.IOColors.black;
|
|
69
|
+
const filledDotColorDarkBg = _core.IOColors.white;
|
|
70
|
+
const filledDotColorThemeBased = themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
|
|
71
|
+
const filledDotColor = status === "error" ? _core.IOColors["error-600"] : variant === "light" ? filledDotColorDarkBg : filledDotColorThemeBased;
|
|
57
72
|
(0, _react.useEffect)(() => {
|
|
58
73
|
if (onValidate && value.length === length) {
|
|
59
74
|
const isValid = onValidate(value);
|
|
@@ -73,14 +88,19 @@ const CodeInput = ({
|
|
|
73
88
|
return;
|
|
74
89
|
}, [value, onValidate, length, onValueChange, translate, shakeAnimation]);
|
|
75
90
|
return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
76
|
-
style: [
|
|
91
|
+
style: [{
|
|
92
|
+
flexDirection: "row",
|
|
93
|
+
justifyContent: "center"
|
|
94
|
+
}, animatedStyle]
|
|
77
95
|
}, /*#__PURE__*/_react.default.createElement(_stack.HStack, {
|
|
78
96
|
space: DOT_SIZE
|
|
79
|
-
}, [...Array(length)].map((_, i) => /*#__PURE__*/_react.default.createElement(
|
|
80
|
-
key: i
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
97
|
+
}, [...Array(length)].map((_, i) => value[i] ? /*#__PURE__*/_react.default.createElement(FilledDot, {
|
|
98
|
+
key: i,
|
|
99
|
+
color: filledDotColor
|
|
100
|
+
}) : /*#__PURE__*/_react.default.createElement(EmptyDot, {
|
|
101
|
+
key: i,
|
|
102
|
+
color: emptyDotColor
|
|
103
|
+
}))));
|
|
84
104
|
};
|
|
85
105
|
exports.CodeInput = CodeInput;
|
|
86
106
|
//# sourceMappingURL=CodeInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_functions","_useErrorShakeAnimation","_stack","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_functions","_useErrorShakeAnimation","_stack","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","View","style","backgroundColor","hexToRgba","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","useState","themeType","useIOThemeContext","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","emptyDotColorLightBg","IOColors","emptyDotColorDarkBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorThemeBased","filledDotColor","useEffect","isValid","triggerHaptic","timer","setTimeout","clearTimeout","flexDirection","justifyContent","HStack","space","Array","map","_","i","exports"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"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"}
|
|
@@ -75,11 +75,11 @@ const HeaderSecondLevel = ({
|
|
|
75
75
|
|
|
76
76
|
/* Visual attributes when there are transitions between states */
|
|
77
77
|
const HEADER_DEFAULT_BG_COLOR = theme["appBackground-primary"];
|
|
78
|
-
const headerBgColorTransparentState = backgroundColor ? (0, _core.hexToRgba)(backgroundColor, 0) : transparent ? (0, _core.hexToRgba)(_core.IOColors[HEADER_DEFAULT_BG_COLOR], 0) : _core.IOColors[HEADER_DEFAULT_BG_COLOR];
|
|
79
78
|
const headerBgColorSolidState = backgroundColor ?? _core.IOColors[HEADER_DEFAULT_BG_COLOR];
|
|
79
|
+
const headerBgColorTransparentState = transparent ? (0, _core.hexToRgba)(headerBgColorSolidState, 0) : headerBgColorSolidState;
|
|
80
80
|
const borderColorDefault = _core.IOColors[theme["divider-default"]];
|
|
81
|
-
const borderColorTransparentState = backgroundColor ? (0, _core.hexToRgba)(backgroundColor, 0) : (0, _core.hexToRgba)(borderColorDefault, 0);
|
|
82
81
|
const borderColorSolidState = backgroundColor ?? borderColorDefault;
|
|
82
|
+
const borderColorTransparentState = (0, _core.hexToRgba)(borderColorSolidState, 0);
|
|
83
83
|
(0, React.useLayoutEffect)(() => {
|
|
84
84
|
if (isTitleAccessible) {
|
|
85
85
|
const reactNode = (0, _reactNative.findNodeHandle)(titleRef.current);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_IconButton","_interopRequireDefault","_spacer","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","titleHorizontalMargin","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","HeaderSecondLevel","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","ignoreSafeAreaMargin","enableDiscreteTransition","animatedRef","testID","firstAction","secondAction","thirdAction","scrollOffset","useScrollViewOffset","titleRef","createRef","isExperimental","useIOExperimentalDesign","theme","useIOTheme","themeType","useIOThemeContext","insets","useSafeAreaInsets","isTitleAccessible","useMemo","trim","paddingTop","useSharedValue","top","AnimatedIOText","Animated","createAnimatedComponent","IOText","iconButtonColorDefault","iconButtonColor","titleColor","IOColors","white","HEADER_DEFAULT_BG_COLOR","headerBgColorTransparentState","hexToRgba","headerBgColorSolidState","borderColorDefault","borderColorTransparentState","borderColorSolidState","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","bgColorDiscreteTransition","useDerivedValue","withSpring","value","IOSpringValues","header","useEffect","withTiming","alertEdgeToEdgeInsetTransitionConfig","animatedPaddingStyle","useAnimatedStyle","marginTop","headerWrapperAnimatedStyle","interpolateColor","contentOffsetY","triggerOffset","borderColor","titleAnimatedStyle","opacity","interpolate","createElement","View","accessibilityRole","style","borderBottomWidth","icon","Platform","select","android","color","onPress","accessibilityLabel","HSpacer","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","numberOfLines","font","weight","textAlign","IOStyles","row","Fragment","iconBtnSizeSmall","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_IconButton","_interopRequireDefault","_spacer","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","titleHorizontalMargin","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","HeaderSecondLevel","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","ignoreSafeAreaMargin","enableDiscreteTransition","animatedRef","testID","firstAction","secondAction","thirdAction","scrollOffset","useScrollViewOffset","titleRef","createRef","isExperimental","useIOExperimentalDesign","theme","useIOTheme","themeType","useIOThemeContext","insets","useSafeAreaInsets","isTitleAccessible","useMemo","trim","paddingTop","useSharedValue","top","AnimatedIOText","Animated","createAnimatedComponent","IOText","iconButtonColorDefault","iconButtonColor","titleColor","IOColors","white","HEADER_DEFAULT_BG_COLOR","headerBgColorSolidState","headerBgColorTransparentState","hexToRgba","borderColorDefault","borderColorSolidState","borderColorTransparentState","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","bgColorDiscreteTransition","useDerivedValue","withSpring","value","IOSpringValues","header","useEffect","withTiming","alertEdgeToEdgeInsetTransitionConfig","animatedPaddingStyle","useAnimatedStyle","marginTop","headerWrapperAnimatedStyle","interpolateColor","contentOffsetY","triggerOffset","borderColor","titleAnimatedStyle","opacity","interpolate","createElement","View","accessibilityRole","style","borderBottomWidth","icon","Platform","select","android","color","onPress","accessibilityLabel","HSpacer","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","numberOfLines","font","weight","textAlign","IOStyles","row","Fragment","iconBtnSizeSmall","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { useEffect,
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import Animated from "react-native-reanimated";
|
|
4
|
-
import { IOColors,
|
|
4
|
+
import { hexToRgba, IOColors, useIOThemeContext } from "../../core";
|
|
5
5
|
import { triggerHaptic } from "../../functions";
|
|
6
6
|
import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
|
|
7
7
|
import { HStack } from "../stack";
|
|
@@ -10,25 +10,24 @@ const styles = StyleSheet.create({
|
|
|
10
10
|
dotShape: {
|
|
11
11
|
width: DOT_SIZE,
|
|
12
12
|
height: DOT_SIZE,
|
|
13
|
-
borderRadius:
|
|
13
|
+
borderRadius: DOT_SIZE / 2,
|
|
14
14
|
borderWidth: 2
|
|
15
|
-
},
|
|
16
|
-
dotEmpty: {
|
|
17
|
-
borderColor: IOColors["grey-650"]
|
|
18
|
-
},
|
|
19
|
-
wrapper: {
|
|
20
|
-
justifyContent: "center"
|
|
21
15
|
}
|
|
22
16
|
});
|
|
23
|
-
const EmptyDot = (
|
|
24
|
-
|
|
17
|
+
const EmptyDot = ({
|
|
18
|
+
color: borderColor
|
|
19
|
+
}) => /*#__PURE__*/React.createElement(View, {
|
|
20
|
+
style: [styles.dotShape, {
|
|
21
|
+
borderColor,
|
|
22
|
+
backgroundColor: hexToRgba(borderColor, 0)
|
|
23
|
+
}]
|
|
25
24
|
});
|
|
26
|
-
const
|
|
27
|
-
color
|
|
25
|
+
const FilledDot = ({
|
|
26
|
+
color: backgroundColor
|
|
28
27
|
}) => /*#__PURE__*/React.createElement(View, {
|
|
29
28
|
style: [styles.dotShape, {
|
|
30
|
-
backgroundColor
|
|
31
|
-
borderColor:
|
|
29
|
+
backgroundColor,
|
|
30
|
+
borderColor: backgroundColor
|
|
32
31
|
}]
|
|
33
32
|
});
|
|
34
33
|
export const CodeInput = ({
|
|
@@ -38,13 +37,29 @@ export const CodeInput = ({
|
|
|
38
37
|
variant = "light",
|
|
39
38
|
onValidate
|
|
40
39
|
}) => {
|
|
41
|
-
const [status, setStatus] =
|
|
40
|
+
const [status, setStatus] = useState("default");
|
|
41
|
+
const {
|
|
42
|
+
themeType
|
|
43
|
+
} = useIOThemeContext();
|
|
42
44
|
const {
|
|
43
45
|
translate,
|
|
44
46
|
animatedStyle,
|
|
45
47
|
shakeAnimation
|
|
46
48
|
} = useErrorShakeAnimation();
|
|
47
|
-
|
|
49
|
+
|
|
50
|
+
/* Empty Dot
|
|
51
|
+
- Right color depending on both theme and variant */
|
|
52
|
+
const emptyDotColorLightBg = IOColors["grey-650"];
|
|
53
|
+
const emptyDotColorDarkBg = hexToRgba(IOColors.white, 0.75);
|
|
54
|
+
const emptyDotColorThemeBased = themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
|
|
55
|
+
const emptyDotColor = variant === "light" ? emptyDotColorDarkBg : emptyDotColorThemeBased;
|
|
56
|
+
|
|
57
|
+
/* Filled Dot
|
|
58
|
+
- Right color depending on theme, variant and status */
|
|
59
|
+
const filledDotColorLightBg = IOColors.black;
|
|
60
|
+
const filledDotColorDarkBg = IOColors.white;
|
|
61
|
+
const filledDotColorThemeBased = themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
|
|
62
|
+
const filledDotColor = status === "error" ? IOColors["error-600"] : variant === "light" ? filledDotColorDarkBg : filledDotColorThemeBased;
|
|
48
63
|
useEffect(() => {
|
|
49
64
|
if (onValidate && value.length === length) {
|
|
50
65
|
const isValid = onValidate(value);
|
|
@@ -64,13 +79,18 @@ export const CodeInput = ({
|
|
|
64
79
|
return;
|
|
65
80
|
}, [value, onValidate, length, onValueChange, translate, shakeAnimation]);
|
|
66
81
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
67
|
-
style: [
|
|
82
|
+
style: [{
|
|
83
|
+
flexDirection: "row",
|
|
84
|
+
justifyContent: "center"
|
|
85
|
+
}, animatedStyle]
|
|
68
86
|
}, /*#__PURE__*/React.createElement(HStack, {
|
|
69
87
|
space: DOT_SIZE
|
|
70
|
-
}, [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(
|
|
71
|
-
key: i
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
88
|
+
}, [...Array(length)].map((_, i) => value[i] ? /*#__PURE__*/React.createElement(FilledDot, {
|
|
89
|
+
key: i,
|
|
90
|
+
color: filledDotColor
|
|
91
|
+
}) : /*#__PURE__*/React.createElement(EmptyDot, {
|
|
92
|
+
key: i,
|
|
93
|
+
color: emptyDotColor
|
|
94
|
+
}))));
|
|
75
95
|
};
|
|
76
96
|
//# sourceMappingURL=CodeInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","StyleSheet","View","Animated","hexToRgba","IOColors","useIOThemeContext","triggerHaptic","useErrorShakeAnimation","HStack","DOT_SIZE","styles","create","dotShape","width","height","borderRadius","borderWidth","EmptyDot","color","borderColor","createElement","style","backgroundColor","FilledDot","CodeInput","length","value","onValueChange","variant","onValidate","status","setStatus","themeType","translate","animatedStyle","shakeAnimation","emptyDotColorLightBg","emptyDotColorDarkBg","white","emptyDotColorThemeBased","emptyDotColor","filledDotColorLightBg","black","filledDotColorDarkBg","filledDotColorThemeBased","filledDotColor","isValid","timer","setTimeout","clearTimeout","flexDirection","justifyContent","space","Array","map","_","i","key"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"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"}
|
|
@@ -67,11 +67,11 @@ export const HeaderSecondLevel = ({
|
|
|
67
67
|
|
|
68
68
|
/* Visual attributes when there are transitions between states */
|
|
69
69
|
const HEADER_DEFAULT_BG_COLOR = theme["appBackground-primary"];
|
|
70
|
-
const headerBgColorTransparentState = backgroundColor ? hexToRgba(backgroundColor, 0) : transparent ? hexToRgba(IOColors[HEADER_DEFAULT_BG_COLOR], 0) : IOColors[HEADER_DEFAULT_BG_COLOR];
|
|
71
70
|
const headerBgColorSolidState = backgroundColor ?? IOColors[HEADER_DEFAULT_BG_COLOR];
|
|
71
|
+
const headerBgColorTransparentState = transparent ? hexToRgba(headerBgColorSolidState, 0) : headerBgColorSolidState;
|
|
72
72
|
const borderColorDefault = IOColors[theme["divider-default"]];
|
|
73
|
-
const borderColorTransparentState = backgroundColor ? hexToRgba(backgroundColor, 0) : hexToRgba(borderColorDefault, 0);
|
|
74
73
|
const borderColorSolidState = backgroundColor ?? borderColorDefault;
|
|
74
|
+
const borderColorTransparentState = hexToRgba(borderColorSolidState, 0);
|
|
75
75
|
useLayoutEffect(() => {
|
|
76
76
|
if (isTitleAccessible) {
|
|
77
77
|
const reactNode = findNodeHandle(titleRef.current);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useLayoutEffect","AccessibilityInfo","Platform","StyleSheet","View","findNodeHandle","Animated","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useScrollViewOffset","useSharedValue","withSpring","withTiming","useSafeAreaInsets","IOColors","IOSpringValues","IOStyles","IOVisualCostants","alertEdgeToEdgeInsetTransitionConfig","hexToRgba","iconBtnSizeSmall","useIOExperimentalDesign","useIOTheme","useIOThemeContext","IconButton","HSpacer","IOText","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","HeaderSecondLevel","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","ignoreSafeAreaMargin","enableDiscreteTransition","animatedRef","testID","firstAction","secondAction","thirdAction","scrollOffset","titleRef","createRef","isExperimental","theme","themeType","insets","isTitleAccessible","useMemo","trim","paddingTop","top","AnimatedIOText","createAnimatedComponent","iconButtonColorDefault","iconButtonColor","titleColor","white","HEADER_DEFAULT_BG_COLOR","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useLayoutEffect","AccessibilityInfo","Platform","StyleSheet","View","findNodeHandle","Animated","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useScrollViewOffset","useSharedValue","withSpring","withTiming","useSafeAreaInsets","IOColors","IOSpringValues","IOStyles","IOVisualCostants","alertEdgeToEdgeInsetTransitionConfig","hexToRgba","iconBtnSizeSmall","useIOExperimentalDesign","useIOTheme","useIOThemeContext","IconButton","HSpacer","IOText","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","HeaderSecondLevel","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","variant","backgroundColor","transparent","ignoreSafeAreaMargin","enableDiscreteTransition","animatedRef","testID","firstAction","secondAction","thirdAction","scrollOffset","titleRef","createRef","isExperimental","theme","themeType","insets","isTitleAccessible","useMemo","trim","paddingTop","top","AnimatedIOText","createAnimatedComponent","iconButtonColorDefault","iconButtonColor","titleColor","white","HEADER_DEFAULT_BG_COLOR","headerBgColorSolidState","headerBgColorTransparentState","borderColorDefault","borderColorSolidState","borderColorTransparentState","reactNode","current","setAccessibilityFocus","bgColorDiscreteTransition","value","header","animatedPaddingStyle","marginTop","headerWrapperAnimatedStyle","contentOffsetY","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","numberOfLines","font","weight","textAlign","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/codeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/codeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B,CAAC;AA+BF,eAAO,MAAM,SAAS,0DAMnB,cAAc,sBAqEhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,QAAQ,EAAE,EACf,WAAW,EACX,WAAW,EASZ,MAAM,yBAAyB,CAAC;AAejC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GACxB;IACE,wBAAwB,EAAE,IAAI,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;CAC/C,GACD;IACE,wBAAwB,CAAC,EAAE,KAAK,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEN,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,uBAAuB,GACvB,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAoBjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,kOAiB3B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,QAAQ,EAAE,EACf,WAAW,EACX,WAAW,EASZ,MAAM,yBAAyB,CAAC;AAejC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,uBAAuB,GACxB;IACE,wBAAwB,EAAE,IAAI,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;CAC/C,GACD;IACE,wBAAwB,CAAC,EAAE,KAAK,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEN,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,iBAAiB,CAAC;CAChC;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,uBAAuB,GACvB,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAoBjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,kOAiB3B,iBAAiB,sBA0LnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { useEffect,
|
|
2
|
-
import { StyleSheet, View } from "react-native";
|
|
1
|
+
import React, { useEffect, useState } from "react";
|
|
2
|
+
import { ColorValue, StyleSheet, View } from "react-native";
|
|
3
3
|
import Animated from "react-native-reanimated";
|
|
4
|
-
import { IOColors,
|
|
4
|
+
import { hexToRgba, IOColors, useIOThemeContext } from "../../core";
|
|
5
5
|
import { triggerHaptic } from "../../functions";
|
|
6
6
|
import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
|
|
7
7
|
import { HStack } from "../stack";
|
|
@@ -20,28 +20,29 @@ const styles = StyleSheet.create({
|
|
|
20
20
|
dotShape: {
|
|
21
21
|
width: DOT_SIZE,
|
|
22
22
|
height: DOT_SIZE,
|
|
23
|
-
borderRadius:
|
|
23
|
+
borderRadius: DOT_SIZE / 2,
|
|
24
24
|
borderWidth: 2
|
|
25
|
-
},
|
|
26
|
-
dotEmpty: {
|
|
27
|
-
borderColor: IOColors["grey-650"]
|
|
28
|
-
},
|
|
29
|
-
wrapper: {
|
|
30
|
-
justifyContent: "center"
|
|
31
25
|
}
|
|
32
26
|
});
|
|
33
27
|
|
|
34
|
-
const EmptyDot = (
|
|
35
|
-
|
|
36
|
-
const FilletDot = ({ color }: { color: IOColors }) => (
|
|
28
|
+
const EmptyDot = ({ color: borderColor }: { color: ColorValue }) => (
|
|
37
29
|
<View
|
|
38
30
|
style={[
|
|
39
31
|
styles.dotShape,
|
|
40
|
-
{
|
|
32
|
+
{
|
|
33
|
+
borderColor,
|
|
34
|
+
backgroundColor: hexToRgba(borderColor, 0)
|
|
35
|
+
}
|
|
41
36
|
]}
|
|
42
37
|
/>
|
|
43
38
|
);
|
|
44
39
|
|
|
40
|
+
const FilledDot = ({ color: backgroundColor }: { color: ColorValue }) => (
|
|
41
|
+
<View
|
|
42
|
+
style={[styles.dotShape, { backgroundColor, borderColor: backgroundColor }]}
|
|
43
|
+
/>
|
|
44
|
+
);
|
|
45
|
+
|
|
45
46
|
export const CodeInput = ({
|
|
46
47
|
length,
|
|
47
48
|
value,
|
|
@@ -49,19 +50,34 @@ export const CodeInput = ({
|
|
|
49
50
|
variant = "light",
|
|
50
51
|
onValidate
|
|
51
52
|
}: CodeInputProps) => {
|
|
52
|
-
const [status, setStatus] =
|
|
53
|
+
const [status, setStatus] = useState<"default" | "error">("default");
|
|
54
|
+
const { themeType } = useIOThemeContext();
|
|
53
55
|
|
|
54
56
|
const { translate, animatedStyle, shakeAnimation } = useErrorShakeAnimation();
|
|
55
57
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
58
|
+
/* Empty Dot
|
|
59
|
+
- Right color depending on both theme and variant */
|
|
60
|
+
const emptyDotColorLightBg = IOColors["grey-650"];
|
|
61
|
+
const emptyDotColorDarkBg = hexToRgba(IOColors.white, 0.75);
|
|
62
|
+
const emptyDotColorThemeBased =
|
|
63
|
+
themeType === "light" ? emptyDotColorLightBg : emptyDotColorDarkBg;
|
|
64
|
+
|
|
65
|
+
const emptyDotColor =
|
|
66
|
+
variant === "light" ? emptyDotColorDarkBg : emptyDotColorThemeBased;
|
|
67
|
+
|
|
68
|
+
/* Filled Dot
|
|
69
|
+
- Right color depending on theme, variant and status */
|
|
70
|
+
const filledDotColorLightBg = IOColors.black;
|
|
71
|
+
const filledDotColorDarkBg = IOColors.white;
|
|
72
|
+
const filledDotColorThemeBased =
|
|
73
|
+
themeType === "light" ? filledDotColorLightBg : filledDotColorDarkBg;
|
|
74
|
+
|
|
75
|
+
const filledDotColor =
|
|
76
|
+
status === "error"
|
|
77
|
+
? IOColors["error-600"]
|
|
78
|
+
: variant === "light"
|
|
79
|
+
? filledDotColorDarkBg
|
|
80
|
+
: filledDotColorThemeBased;
|
|
65
81
|
|
|
66
82
|
useEffect(() => {
|
|
67
83
|
if (onValidate && value.length === length) {
|
|
@@ -85,13 +101,20 @@ export const CodeInput = ({
|
|
|
85
101
|
}, [value, onValidate, length, onValueChange, translate, shakeAnimation]);
|
|
86
102
|
|
|
87
103
|
return (
|
|
88
|
-
<Animated.View
|
|
104
|
+
<Animated.View
|
|
105
|
+
style={[
|
|
106
|
+
{ flexDirection: "row", justifyContent: "center" },
|
|
107
|
+
animatedStyle
|
|
108
|
+
]}
|
|
109
|
+
>
|
|
89
110
|
<HStack space={DOT_SIZE}>
|
|
90
|
-
{[...Array(length)].map((_, i) =>
|
|
91
|
-
|
|
92
|
-
{
|
|
93
|
-
|
|
94
|
-
|
|
111
|
+
{[...Array(length)].map((_, i) =>
|
|
112
|
+
value[i] ? (
|
|
113
|
+
<FilledDot key={i} color={filledDotColor} />
|
|
114
|
+
) : (
|
|
115
|
+
<EmptyDot key={i} color={emptyDotColor} />
|
|
116
|
+
)
|
|
117
|
+
)}
|
|
95
118
|
</HStack>
|
|
96
119
|
</Animated.View>
|
|
97
120
|
);
|
|
@@ -178,22 +178,19 @@ export const HeaderSecondLevel = ({
|
|
|
178
178
|
/* Visual attributes when there are transitions between states */
|
|
179
179
|
const HEADER_DEFAULT_BG_COLOR: IOColors = theme["appBackground-primary"];
|
|
180
180
|
|
|
181
|
-
const headerBgColorTransparentState = backgroundColor
|
|
182
|
-
? hexToRgba(backgroundColor, 0)
|
|
183
|
-
: transparent
|
|
184
|
-
? hexToRgba(IOColors[HEADER_DEFAULT_BG_COLOR], 0)
|
|
185
|
-
: IOColors[HEADER_DEFAULT_BG_COLOR];
|
|
186
|
-
|
|
187
181
|
const headerBgColorSolidState =
|
|
188
182
|
backgroundColor ?? IOColors[HEADER_DEFAULT_BG_COLOR];
|
|
189
183
|
|
|
184
|
+
const headerBgColorTransparentState = transparent
|
|
185
|
+
? hexToRgba(headerBgColorSolidState, 0)
|
|
186
|
+
: headerBgColorSolidState;
|
|
187
|
+
|
|
190
188
|
const borderColorDefault = IOColors[theme["divider-default"]];
|
|
191
189
|
|
|
192
|
-
const borderColorTransparentState = backgroundColor
|
|
193
|
-
? hexToRgba(backgroundColor, 0)
|
|
194
|
-
: hexToRgba(borderColorDefault, 0);
|
|
195
190
|
const borderColorSolidState = backgroundColor ?? borderColorDefault;
|
|
196
191
|
|
|
192
|
+
const borderColorTransparentState = hexToRgba(borderColorSolidState, 0);
|
|
193
|
+
|
|
197
194
|
useLayoutEffect(() => {
|
|
198
195
|
if (isTitleAccessible) {
|
|
199
196
|
const reactNode = findNodeHandle(titleRef.current);
|