@adiraku/react-native-ui 1.2.10-canary-18 → 1.2.10
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/InputPIN/InputPIN.component.js +130 -0
- package/lib/commonjs/components/InputPIN/InputPIN.component.js.map +1 -0
- package/lib/commonjs/components/InputPIN/InputPIN.style.js +63 -0
- package/lib/commonjs/components/InputPIN/InputPIN.style.js.map +1 -0
- package/lib/commonjs/components/InputPIN/InputPIN.type.js +2 -0
- package/lib/commonjs/components/InputPIN/InputPIN.type.js.map +1 -0
- package/lib/commonjs/components/index.js +7 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/typography/typography.style.js +28 -28
- package/lib/commonjs/icons/actions/IconDelete.js +31 -0
- package/lib/commonjs/icons/actions/IconDelete.js.map +1 -0
- package/lib/commonjs/icons/index.js +7 -0
- package/lib/commonjs/icons/index.js.map +1 -1
- package/lib/module/components/InputPIN/InputPIN.component.js +123 -0
- package/lib/module/components/InputPIN/InputPIN.component.js.map +1 -0
- package/lib/module/components/InputPIN/InputPIN.style.js +56 -0
- package/lib/module/components/InputPIN/InputPIN.style.js.map +1 -0
- package/lib/module/components/InputPIN/InputPIN.type.js +2 -0
- package/lib/module/components/InputPIN/InputPIN.type.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/typography/typography.style.js +28 -28
- package/lib/module/icons/actions/IconDelete.js +22 -0
- package/lib/module/icons/actions/IconDelete.js.map +1 -0
- package/lib/module/icons/index.js +1 -0
- package/lib/module/icons/index.js.map +1 -1
- package/lib/typescript/components/InputPIN/InputPIN.component.d.ts +8 -0
- package/lib/typescript/components/InputPIN/InputPIN.component.d.ts.map +1 -0
- package/lib/typescript/components/InputPIN/InputPIN.style.d.ts +14 -0
- package/lib/typescript/components/InputPIN/InputPIN.style.d.ts.map +1 -0
- package/lib/typescript/components/InputPIN/InputPIN.type.d.ts +9 -0
- package/lib/typescript/components/InputPIN/InputPIN.type.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +2 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconDelete.d.ts +4 -0
- package/lib/typescript/icons/actions/IconDelete.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +1 -0
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/InputPIN/InputPIN.component.tsx +110 -0
- package/src/components/InputPIN/InputPIN.style.tsx +79 -0
- package/src/components/InputPIN/InputPIN.type.ts +15 -0
- package/src/components/index.ts +2 -0
- package/src/components/typography/typography.style.tsx +28 -28
- package/src/icons/actions/IconDelete.tsx +27 -0
- package/src/icons/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EACL,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EACL,eAAe,EACf,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { TouchableOpacity, View } from "react-native";
|
|
3
|
+
import { IconDelete } from "../../icons/actions/IconDelete";
|
|
4
|
+
import { TextLink } from "../textlink/textlink.component";
|
|
5
|
+
import { Typography } from "../typography/typography.component";
|
|
6
|
+
import { getStyle } from "./InputPIN.style";
|
|
7
|
+
import type { InputPINProps } from "./InputPIN.type";
|
|
8
|
+
|
|
9
|
+
type InputPinRefHandle = {
|
|
10
|
+
clearPin: () => void;
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
const InputPIN = React.forwardRef<InputPinRefHandle, InputPINProps>((props, ref) => {
|
|
14
|
+
const {
|
|
15
|
+
pinLength = 6,
|
|
16
|
+
onFinish = () => { },
|
|
17
|
+
errorMessage = "",
|
|
18
|
+
onPressForgetPin = () => { },
|
|
19
|
+
showForgetPin = true,
|
|
20
|
+
disabled = false,
|
|
21
|
+
} = props;
|
|
22
|
+
|
|
23
|
+
const computedStyle = getStyle();
|
|
24
|
+
|
|
25
|
+
const [curPin, setCurPin] = React.useState('');
|
|
26
|
+
|
|
27
|
+
React.useImperativeHandle(
|
|
28
|
+
ref, () => {
|
|
29
|
+
return {
|
|
30
|
+
clearPin() {
|
|
31
|
+
setCurPin("")
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
},
|
|
35
|
+
[]
|
|
36
|
+
);
|
|
37
|
+
|
|
38
|
+
function NumberButton({ number = '' }) {
|
|
39
|
+
const computedStyle = getStyle();
|
|
40
|
+
return (
|
|
41
|
+
<TouchableOpacity testID={'PID_' + number} activeOpacity={1} disabled={disabled} onPress={() => onNumberPress(number)} style={computedStyle.numberPadStyle}>
|
|
42
|
+
{number == 'delete' ? <IconDelete /> : <Typography testID={'pin_' + number} key={'pin_' + number} variant="heading5-semibold">{number}</Typography>}
|
|
43
|
+
</TouchableOpacity>
|
|
44
|
+
);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
function onNumberPress(value: string) {
|
|
48
|
+
if (value == 'delete') {
|
|
49
|
+
const newPin = curPin.substring(0, curPin.length - 1)
|
|
50
|
+
setCurPin(newPin);
|
|
51
|
+
} else {
|
|
52
|
+
if (curPin.length < pinLength) {
|
|
53
|
+
const newPin = curPin + value
|
|
54
|
+
setCurPin(newPin);
|
|
55
|
+
if (newPin.length == pinLength) {
|
|
56
|
+
onFinish(newPin)
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
return (
|
|
63
|
+
<View style={computedStyle.container}>
|
|
64
|
+
<View>
|
|
65
|
+
<Dot pinLength={pinLength} curPin={curPin} />
|
|
66
|
+
<Typography testID="txtErrorMessage" numberOfLines={2} style={computedStyle.errorMessage} variant="text-caption-regular">{errorMessage}</Typography>
|
|
67
|
+
{
|
|
68
|
+
showForgetPin && <TextLink testID="buttonLupaPin" containerStyles={computedStyle.forgetPinContainer} label="Lupa PIN" onPress={onPressForgetPin} />
|
|
69
|
+
}
|
|
70
|
+
</View>
|
|
71
|
+
<View>
|
|
72
|
+
<View style={computedStyle.numberContainerStyle}>
|
|
73
|
+
<NumberButton number="1" />
|
|
74
|
+
<NumberButton number="2" />
|
|
75
|
+
<NumberButton number="3" />
|
|
76
|
+
</View>
|
|
77
|
+
<View style={computedStyle.numberContainerStyle}>
|
|
78
|
+
<NumberButton number="4" />
|
|
79
|
+
<NumberButton number="5" />
|
|
80
|
+
<NumberButton number="6" />
|
|
81
|
+
</View>
|
|
82
|
+
<View style={computedStyle.numberContainerStyle}>
|
|
83
|
+
<NumberButton number="7" />
|
|
84
|
+
<NumberButton number="8" />
|
|
85
|
+
<NumberButton number="9" />
|
|
86
|
+
</View>
|
|
87
|
+
<View style={computedStyle.numberContainerStyle}>
|
|
88
|
+
<NumberButton number="" />
|
|
89
|
+
<NumberButton number="0" />
|
|
90
|
+
<NumberButton number="delete" />
|
|
91
|
+
</View>
|
|
92
|
+
</View>
|
|
93
|
+
</View>
|
|
94
|
+
);
|
|
95
|
+
})
|
|
96
|
+
|
|
97
|
+
function Dot({ pinLength = 0, curPin = "" }) {
|
|
98
|
+
const computedStyle = getStyle();
|
|
99
|
+
|
|
100
|
+
const items: JSX.Element[] = [];
|
|
101
|
+
for (let i = 1; i <= pinLength; i++) {
|
|
102
|
+
const style = curPin.length < i ? computedStyle.dotStyle : computedStyle.dotFillStyle
|
|
103
|
+
items.push(<View key={'pin_' + i} testID={'pin_' + i} style={style} />);
|
|
104
|
+
}
|
|
105
|
+
return <View style={computedStyle.dotContainerStyle}>
|
|
106
|
+
{items}
|
|
107
|
+
</View>
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
export { InputPIN };
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { StyleSheet } from "react-native";
|
|
2
|
+
|
|
3
|
+
import { Palettes, Spacing } from "../../themes";
|
|
4
|
+
|
|
5
|
+
import type { ViewStyle, TextStyle } from "react-native";
|
|
6
|
+
|
|
7
|
+
interface ComputedStyleProps {
|
|
8
|
+
container?: ViewStyle;
|
|
9
|
+
numberContainerStyle?: ViewStyle;
|
|
10
|
+
numberPadStyle?: ViewStyle;
|
|
11
|
+
dotContainerStyle?: ViewStyle;
|
|
12
|
+
dotStyle?: ViewStyle;
|
|
13
|
+
dotFillStyle?: ViewStyle;
|
|
14
|
+
errorMessage?: TextStyle;
|
|
15
|
+
forgetPinContainer?: ViewStyle;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export const getStyle = () => {
|
|
19
|
+
const computedStyle: ComputedStyleProps = {};
|
|
20
|
+
|
|
21
|
+
computedStyle.container = {
|
|
22
|
+
flex: 1,
|
|
23
|
+
backgroundColor: Palettes.whiteDark[50],
|
|
24
|
+
justifyContent: 'space-between',
|
|
25
|
+
marginTop: Spacing[48],
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
computedStyle.dotContainerStyle = {
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
gap: Spacing[20],
|
|
31
|
+
marginBottom: Spacing[24],
|
|
32
|
+
justifyContent: 'center',
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
computedStyle.numberContainerStyle = {
|
|
36
|
+
flexDirection: 'row',
|
|
37
|
+
justifyContent: 'space-between',
|
|
38
|
+
marginHorizontal: Spacing[32],
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
computedStyle.dotStyle = {
|
|
42
|
+
width: 14,
|
|
43
|
+
height: 14,
|
|
44
|
+
borderRadius: 14,
|
|
45
|
+
borderWidth: 1.75,
|
|
46
|
+
borderColor: Palettes.grey[200]
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
computedStyle.dotFillStyle = {
|
|
50
|
+
width: 14,
|
|
51
|
+
height: 14,
|
|
52
|
+
borderRadius: 14,
|
|
53
|
+
backgroundColor: Palettes.black[900]
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
computedStyle.numberPadStyle = {
|
|
57
|
+
padding: Spacing[24],
|
|
58
|
+
margin: Spacing[8],
|
|
59
|
+
justifyContent: 'center',
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
flex: 1,
|
|
62
|
+
// backgroundColor: 'blue'
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
computedStyle.errorMessage = {
|
|
66
|
+
color: Palettes.red[500],
|
|
67
|
+
marginHorizontal: Spacing[48],
|
|
68
|
+
textAlign: 'center',
|
|
69
|
+
minHeight: Spacing[48]
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
computedStyle.forgetPinContainer = {
|
|
73
|
+
justifyContent: 'center',
|
|
74
|
+
alignSelf: 'center',
|
|
75
|
+
padding: Spacing[4],
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
return StyleSheet.create(computedStyle);
|
|
79
|
+
};
|
package/src/components/index.ts
CHANGED
|
@@ -47,6 +47,7 @@ export { FilterList } from './FilterList/FilterList.component';
|
|
|
47
47
|
export { BasicTab } from './BasicTab/BasicTab.component';
|
|
48
48
|
export { InformationCard } from './Information-Card/Information-Card.component';
|
|
49
49
|
export { NotificationBox } from './NotificationBox/NotificationBox.component';
|
|
50
|
+
export { InputPIN } from './InputPIN/InputPIN.component';
|
|
50
51
|
export {
|
|
51
52
|
Mask,
|
|
52
53
|
MaskArray,
|
|
@@ -99,3 +100,4 @@ export type { RibbonProps } from './Ribbon/Ribbon.type';
|
|
|
99
100
|
export type { StickyBarProps } from './StickyBar/StickyBar.type';
|
|
100
101
|
export type { LimitAngsuranCardProps } from './LimitAngsuranCard/LimitAngsuranCard.type';
|
|
101
102
|
export type { ToolTipProps } from './ToolTip/tooltip.type';
|
|
103
|
+
export type { InputPINProps } from './InputPIN/InputPIN.type';
|
|
@@ -289,92 +289,92 @@ export const getStyle = (props: TypographyProps) => {
|
|
|
289
289
|
...baseTextStyle,
|
|
290
290
|
...textSemiboldV2,
|
|
291
291
|
fontSize: 96,
|
|
292
|
-
lineHeight:
|
|
292
|
+
lineHeight: 144,
|
|
293
293
|
};
|
|
294
294
|
|
|
295
295
|
computedStyle['text-heading-h1-regular'] = {
|
|
296
296
|
...baseTextStyle,
|
|
297
297
|
fontSize: 96,
|
|
298
|
-
lineHeight:
|
|
298
|
+
lineHeight: 144,
|
|
299
299
|
};
|
|
300
300
|
|
|
301
301
|
computedStyle['text-heading-h2-semibold'] = {
|
|
302
302
|
...baseTextStyle,
|
|
303
303
|
...textSemiboldV2,
|
|
304
304
|
fontSize: 60,
|
|
305
|
-
lineHeight:
|
|
305
|
+
lineHeight: 90,
|
|
306
306
|
};
|
|
307
307
|
|
|
308
308
|
computedStyle['text-heading-h2-regular'] = {
|
|
309
309
|
...baseTextStyle,
|
|
310
310
|
fontSize: 60,
|
|
311
|
-
lineHeight:
|
|
311
|
+
lineHeight: 90,
|
|
312
312
|
};
|
|
313
313
|
|
|
314
314
|
computedStyle['text-heading-h3-bold'] = {
|
|
315
315
|
...baseTextStyle,
|
|
316
316
|
...textBoldV2,
|
|
317
317
|
fontSize: 48,
|
|
318
|
-
lineHeight:
|
|
318
|
+
lineHeight: 72,
|
|
319
319
|
};
|
|
320
320
|
|
|
321
321
|
computedStyle['text-heading-h3-regular'] = {
|
|
322
322
|
...baseTextStyle,
|
|
323
323
|
fontSize: 48,
|
|
324
|
-
lineHeight:
|
|
324
|
+
lineHeight: 72,
|
|
325
325
|
};
|
|
326
326
|
|
|
327
327
|
computedStyle['text-heading-h4-semibold'] = {
|
|
328
328
|
...baseTextStyle,
|
|
329
329
|
...textSemiboldV2,
|
|
330
330
|
fontSize: 34,
|
|
331
|
-
lineHeight:
|
|
331
|
+
lineHeight: 51,
|
|
332
332
|
};
|
|
333
333
|
|
|
334
334
|
computedStyle['text-heading-h4-regular'] = {
|
|
335
335
|
...baseTextStyle,
|
|
336
336
|
fontSize: 34,
|
|
337
|
-
lineHeight:
|
|
337
|
+
lineHeight: 51,
|
|
338
338
|
};
|
|
339
339
|
|
|
340
340
|
computedStyle['text-heading-h5-bold'] = {
|
|
341
341
|
...baseTextStyle,
|
|
342
342
|
...textBoldV2,
|
|
343
343
|
fontSize: 24,
|
|
344
|
-
lineHeight:
|
|
344
|
+
lineHeight: 36,
|
|
345
345
|
};
|
|
346
346
|
|
|
347
347
|
computedStyle['text-heading-h5-semibold'] = {
|
|
348
348
|
...baseTextStyle,
|
|
349
349
|
...textSemiboldV2,
|
|
350
350
|
fontSize: 24,
|
|
351
|
-
lineHeight:
|
|
351
|
+
lineHeight: 36,
|
|
352
352
|
};
|
|
353
353
|
|
|
354
354
|
computedStyle['text-heading-h5-regular'] = {
|
|
355
355
|
...baseTextStyle,
|
|
356
356
|
fontSize: 24,
|
|
357
|
-
lineHeight:
|
|
357
|
+
lineHeight: 36,
|
|
358
358
|
};
|
|
359
359
|
|
|
360
360
|
computedStyle['text-heading-h6-bold'] = {
|
|
361
361
|
...baseTextStyle,
|
|
362
362
|
...textBoldV2,
|
|
363
363
|
fontSize: 20,
|
|
364
|
-
lineHeight:
|
|
364
|
+
lineHeight: 30,
|
|
365
365
|
};
|
|
366
366
|
|
|
367
367
|
computedStyle['text-heading-h6-semibold'] = {
|
|
368
368
|
...baseTextStyle,
|
|
369
369
|
...textSemiboldV2,
|
|
370
370
|
fontSize: 20,
|
|
371
|
-
lineHeight:
|
|
371
|
+
lineHeight: 30,
|
|
372
372
|
};
|
|
373
373
|
|
|
374
374
|
computedStyle['text-heading-h6-regular'] = {
|
|
375
375
|
...baseTextStyle,
|
|
376
376
|
fontSize: 20,
|
|
377
|
-
lineHeight:
|
|
377
|
+
lineHeight: 30,
|
|
378
378
|
};
|
|
379
379
|
|
|
380
380
|
// Sub Heading
|
|
@@ -382,7 +382,7 @@ export const getStyle = (props: TypographyProps) => {
|
|
|
382
382
|
...baseTextStyle,
|
|
383
383
|
...textSemiboldV2,
|
|
384
384
|
fontSize: 14,
|
|
385
|
-
lineHeight:
|
|
385
|
+
lineHeight: 21,
|
|
386
386
|
};
|
|
387
387
|
|
|
388
388
|
// Subtitle
|
|
@@ -390,21 +390,21 @@ export const getStyle = (props: TypographyProps) => {
|
|
|
390
390
|
...baseTextStyle,
|
|
391
391
|
...textSemiboldV2,
|
|
392
392
|
fontSize: 16,
|
|
393
|
-
lineHeight:
|
|
393
|
+
lineHeight: 24,
|
|
394
394
|
};
|
|
395
395
|
|
|
396
396
|
computedStyle['text-subtitle-secondary-bold'] = {
|
|
397
397
|
...baseTextStyle,
|
|
398
398
|
...textSemiboldV2,
|
|
399
399
|
fontSize: 14,
|
|
400
|
-
lineHeight:
|
|
400
|
+
lineHeight: 21,
|
|
401
401
|
};
|
|
402
402
|
|
|
403
403
|
computedStyle['text-subtitle-secondary-semibold'] = {
|
|
404
404
|
...baseTextStyle,
|
|
405
405
|
...textSemiboldV2,
|
|
406
406
|
fontSize: 14,
|
|
407
|
-
lineHeight:
|
|
407
|
+
lineHeight: 21,
|
|
408
408
|
};
|
|
409
409
|
|
|
410
410
|
// Button
|
|
@@ -412,14 +412,14 @@ export const getStyle = (props: TypographyProps) => {
|
|
|
412
412
|
...baseTextStyle,
|
|
413
413
|
...textSemiboldV2,
|
|
414
414
|
fontSize: 14,
|
|
415
|
-
lineHeight:
|
|
415
|
+
lineHeight: 21,
|
|
416
416
|
};
|
|
417
417
|
|
|
418
418
|
computedStyle['text-button-small-semibold'] = {
|
|
419
419
|
...baseTextStyle,
|
|
420
420
|
...textSemiboldV2,
|
|
421
421
|
fontSize: 12,
|
|
422
|
-
lineHeight:
|
|
422
|
+
lineHeight: 18,
|
|
423
423
|
};
|
|
424
424
|
|
|
425
425
|
// Caption
|
|
@@ -427,13 +427,13 @@ export const getStyle = (props: TypographyProps) => {
|
|
|
427
427
|
...baseTextStyle,
|
|
428
428
|
...textSemiboldV2,
|
|
429
429
|
fontSize: 12,
|
|
430
|
-
lineHeight:
|
|
430
|
+
lineHeight: 18,
|
|
431
431
|
};
|
|
432
432
|
|
|
433
433
|
computedStyle['text-caption-regular'] = {
|
|
434
434
|
...baseTextStyle,
|
|
435
435
|
fontSize: 12,
|
|
436
|
-
lineHeight:
|
|
436
|
+
lineHeight: 18,
|
|
437
437
|
};
|
|
438
438
|
|
|
439
439
|
// Overline
|
|
@@ -441,39 +441,39 @@ export const getStyle = (props: TypographyProps) => {
|
|
|
441
441
|
...baseTextStyle,
|
|
442
442
|
...textSemiboldV2,
|
|
443
443
|
fontSize: 10,
|
|
444
|
-
lineHeight:
|
|
444
|
+
lineHeight: 15,
|
|
445
445
|
};
|
|
446
446
|
|
|
447
447
|
computedStyle['text-overline-regular'] = {
|
|
448
448
|
...baseTextStyle,
|
|
449
449
|
fontSize: 12,
|
|
450
|
-
lineHeight:
|
|
450
|
+
lineHeight: 18,
|
|
451
451
|
};
|
|
452
452
|
|
|
453
453
|
computedStyle['text-overline-strike'] = {
|
|
454
454
|
...baseTextStyle,
|
|
455
455
|
textDecorationLine: 'line-through',
|
|
456
456
|
fontSize: 12,
|
|
457
|
-
lineHeight:
|
|
457
|
+
lineHeight: 18,
|
|
458
458
|
};
|
|
459
459
|
|
|
460
460
|
// Body
|
|
461
461
|
computedStyle['text-body-primary-regular'] = {
|
|
462
462
|
...baseTextStyle,
|
|
463
463
|
fontSize: 16,
|
|
464
|
-
lineHeight:
|
|
464
|
+
lineHeight: 24,
|
|
465
465
|
};
|
|
466
466
|
|
|
467
467
|
computedStyle['text-body-secondary-regular'] = {
|
|
468
468
|
...baseTextStyle,
|
|
469
469
|
fontSize: 14,
|
|
470
|
-
lineHeight:
|
|
470
|
+
lineHeight: 21,
|
|
471
471
|
};
|
|
472
472
|
|
|
473
473
|
computedStyle['text-body-tertiary-regular'] = {
|
|
474
474
|
...baseTextStyle,
|
|
475
475
|
fontSize: 12,
|
|
476
|
-
lineHeight:
|
|
476
|
+
lineHeight: 18,
|
|
477
477
|
};
|
|
478
478
|
|
|
479
479
|
return StyleSheet.create(computedStyle);
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
import { Palettes } from '../../themes';
|
|
4
|
+
|
|
5
|
+
import type { IconProps } from '../../types';
|
|
6
|
+
|
|
7
|
+
export const IconDelete = (props: IconProps) => {
|
|
8
|
+
const {
|
|
9
|
+
width = 24,
|
|
10
|
+
height = 24,
|
|
11
|
+
fill = Palettes.black[900],
|
|
12
|
+
...rest
|
|
13
|
+
} = props;
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<Svg
|
|
17
|
+
width={width}
|
|
18
|
+
height={height}
|
|
19
|
+
viewBox="0 0 24 18"
|
|
20
|
+
fill="none"
|
|
21
|
+
{...rest}
|
|
22
|
+
>
|
|
23
|
+
<Path d="M18.4565 0.00488281C18.6105 0.0048865 18.7711 0.00733885 18.9448 0.0117188C19.3285 0.0169699 19.7118 0.051904 20.0971 0.117188C20.5061 0.191059 20.9022 0.32815 21.2729 0.523438C21.6486 0.721566 21.9917 0.980745 22.2875 1.29102C22.5833 1.59998 22.8308 1.9556 23.0239 2.34863C23.2103 2.73551 23.3413 3.14903 23.4125 3.58105C23.4745 3.97567 23.5079 4.37486 23.5121 4.7627C23.5137 4.81816 23.515 4.87574 23.5161 4.93848C23.5172 5.00557 23.5177 5.05806 23.519 5.17773C23.5195 5.22774 23.5194 5.22786 23.52 5.28516V12.6855C23.5192 12.7465 23.5197 12.7468 23.519 12.8096C23.5168 13.0037 23.5151 13.0915 23.5121 13.1904C23.5075 13.5939 23.4739 13.997 23.4106 14.4004C23.3397 14.8305 23.2081 15.2474 23.018 15.6416C22.8259 16.0329 22.576 16.3912 22.2778 16.7031C21.9783 17.0155 21.6328 17.2762 21.2543 17.4756C20.8808 17.6722 20.4806 17.8096 20.0629 17.8848C19.6805 17.9502 19.294 17.9854 18.9125 17.9902C18.7088 17.9949 18.5618 17.9971 18.4135 17.9971H10.8813C10.7201 17.9964 10.5567 17.995 10.394 17.9912C10.0103 17.9862 9.62722 17.9506 9.2436 17.8848C8.83412 17.8111 8.43715 17.6748 8.06293 17.4785C7.68907 17.2798 7.34773 17.0205 7.06781 16.7275C7.04388 16.7043 7.02663 16.6851 6.97992 16.6338C6.8559 16.5075 6.77616 16.4263 6.6557 16.3008C6.56319 16.2061 6.48918 16.1303 6.32563 15.96L4.1391 13.6787C4.06792 13.6103 4.02926 13.5708 3.9643 13.5039C3.88542 13.4237 3.84118 13.3781 3.74262 13.2754L1.75043 11.1963C1.72408 11.1678 1.69535 11.138 1.66254 11.1035C1.637 11.0767 1.61644 11.0545 1.56879 11.0049C1.49985 10.9331 1.44758 10.8782 1.41254 10.8389C1.24596 10.6673 1.08871 10.4861 0.940861 10.2969C0.80238 10.1444 0.690174 9.96806 0.609806 9.77539L0.587345 9.71484C0.443673 9.25152 0.443735 8.7524 0.587345 8.28906L0.60883 8.23047C0.688556 8.03737 0.800038 7.86027 0.937931 7.70703C1.08648 7.51738 1.24427 7.3357 1.39985 7.17578C1.46759 7.10218 1.516 7.05056 1.5766 6.9873C1.59884 6.96394 1.59939 6.96395 1.63031 6.93164C1.67723 6.88255 1.71377 6.8438 1.75629 6.79785L3.74262 4.72559C3.76801 4.69927 3.78841 4.67795 3.83246 4.63281C3.88348 4.58053 3.90813 4.5563 3.935 4.52832C3.99378 4.46746 4.05047 4.40911 4.1186 4.3418C4.12592 4.3352 6.31599 2.05293 6.32367 2.04492C6.45701 1.90521 6.55687 1.80153 6.64985 1.70703C6.74262 1.61005 6.8388 1.51289 6.94281 1.41016C7.02637 1.31724 7.03654 1.30603 7.05024 1.29199C7.3464 0.981816 7.68828 0.72232 8.06488 0.522461C8.43587 0.327668 8.8326 0.191296 9.24848 0.116211C9.62663 0.0521084 10.0088 0.0168806 10.3852 0.0117188C10.5685 0.00719 10.729 0.00484994 10.8764 0.00488281C11.0389 0.00319206 11.1689 0.00292971 11.4555 0.00292969H17.8832C18.1719 0.00293006 18.301 0.00322125 18.4565 0.00488281ZM10.8823 1.33789C10.7396 1.33789 10.5892 1.3403 10.4086 1.34473C10.0888 1.34916 9.76958 1.37828 9.46039 1.43066C9.17529 1.48217 8.89899 1.57748 8.64301 1.71191C8.38965 1.84639 8.15839 2.02189 7.95356 2.23633C7.95242 2.23751 7.93763 2.25312 7.90863 2.28516C7.85241 2.34729 7.84009 2.36109 7.81977 2.38086C7.72773 2.47179 7.64041 2.56013 7.55024 2.6543C7.45642 2.74973 7.36025 2.84977 7.22992 2.98633L5.02192 5.28906C4.99073 5.31919 4.97959 5.32968 4.97016 5.33789C4.92721 5.38078 4.88376 5.42565 4.8393 5.47168C4.8105 5.50168 4.7836 5.52919 4.73871 5.5752C4.68719 5.62799 4.66851 5.64657 4.64692 5.66895L2.67035 7.73047C2.63048 7.77373 2.58849 7.81774 2.53656 7.87207C2.50401 7.90609 2.50376 7.90628 2.46235 7.94922C2.42964 7.98376 2.38667 8.0305 2.31195 8.11133C2.17223 8.25524 2.04007 8.4073 1.91645 8.56641L1.87738 8.6123C1.8446 8.64743 1.8174 8.68777 1.79633 8.73145C1.74812 8.90759 1.74743 9.0943 1.79535 9.27051C1.8164 9.31342 1.84388 9.35328 1.87641 9.3877L1.9184 9.43652C2.04142 9.59542 2.17321 9.74765 2.32856 9.9082C2.36918 9.95313 2.41338 9.99929 2.47406 10.0625C2.5222 10.1126 2.5445 10.1355 2.57172 10.1641C2.60834 10.2025 2.64027 10.2375 2.66352 10.2627L4.64789 12.333C4.7414 12.4304 4.78264 12.4731 4.83539 12.5264C4.90861 12.6017 4.93804 12.6321 4.97211 12.666C4.97664 12.67 5.01982 12.7109 5.02094 12.7119L7.2309 15.0176C7.39148 15.1848 7.46315 15.2593 7.5561 15.3545C7.67164 15.4748 7.74375 15.5477 7.81684 15.6191C7.84024 15.6419 7.83707 15.6383 7.90766 15.7158C7.92876 15.739 7.94542 15.7572 7.95746 15.7695C8.1588 15.9798 8.39114 16.1557 8.64203 16.2891C8.90035 16.4245 9.17647 16.5199 9.45649 16.5703C9.77157 16.6243 10.0902 16.6539 10.4155 16.6582C10.5766 16.6619 10.7325 16.6634 10.8832 16.6641H18.4135C18.5507 16.6641 18.6898 16.6618 18.8911 16.6572C19.2143 16.6531 19.5372 16.624 19.851 16.5703C20.1383 16.5186 20.4172 16.423 20.6772 16.2861C20.9341 16.1508 21.1686 15.9734 21.3715 15.7617C21.5756 15.5484 21.7468 15.3029 21.8764 15.0391C22.0078 14.7666 22.0992 14.4751 22.1479 14.1797C22.2001 13.8474 22.2288 13.5115 22.2329 13.1631L22.2407 12.6709V5.29297C22.2401 5.24256 22.2402 5.24241 22.2397 5.19238C22.2385 5.07571 22.2378 5.02505 22.2368 4.96191C22.2358 4.90428 22.2345 4.85162 22.2329 4.79004C22.2291 4.45708 22.2005 4.12498 22.1498 3.80176C22.1008 3.50455 22.0099 3.21604 21.8823 2.95117C21.752 2.68608 21.5831 2.44328 21.3803 2.23145C21.1802 2.02154 20.9489 1.84647 20.6957 1.71289C20.4384 1.57732 20.1627 1.48181 19.8852 1.43164C19.5687 1.37805 19.248 1.34923 18.9204 1.34473C18.7493 1.34045 18.5989 1.33792 18.4496 1.33789C18.2934 1.33626 18.1675 1.33594 17.8832 1.33594H11.4555C11.1729 1.33594 11.0456 1.33622 10.8823 1.33789ZM16.9936 5.44824C17.1578 5.27723 17.4051 5.22582 17.6196 5.31836C17.8339 5.411 17.9731 5.6294 17.9731 5.87109C17.973 6.0316 17.9103 6.18031 17.8061 6.29004L17.8139 6.29883L15.225 8.99805L17.7289 11.6055C17.7603 11.6272 17.7898 11.6525 17.8168 11.6807L17.8149 11.6816C17.9791 11.8526 18.0287 12.1106 17.9399 12.334C17.851 12.5572 17.6416 12.703 17.4096 12.7031C17.2547 12.7031 17.1109 12.6369 17.0053 12.5273L17.0004 12.5342L14.4135 9.84277L11.8305 12.5381L11.8188 12.5264C11.7669 12.5799 11.7063 12.625 11.6362 12.6553C11.4217 12.7478 11.1744 12.6973 11.0102 12.5264C10.9022 12.4142 10.8413 12.2614 10.8413 12.1025C10.8413 11.9436 10.9022 11.7909 11.0102 11.6787V11.6807C11.0397 11.6499 11.0727 11.6234 11.1069 11.6006L13.602 8.99805L11.0102 6.30176L11.019 6.29199C10.9678 6.23806 10.9249 6.17438 10.8959 6.10156C10.8071 5.87815 10.8558 5.62022 11.02 5.44922C11.1276 5.33636 11.2745 5.27353 11.4272 5.27344C11.5799 5.27344 11.7267 5.33646 11.8344 5.44922H11.8325C11.8578 5.47563 11.8791 5.50508 11.8989 5.53516L14.4125 8.15234L16.934 5.52344C16.952 5.49735 16.9711 5.4717 16.9936 5.44824ZM4.16254 4.30371C4.16069 4.30522 4.15911 4.30742 4.15766 4.30859C4.16002 4.30656 4.16181 4.30484 4.16449 4.30273L4.16254 4.30371Z"
|
|
24
|
+
fill={fill} />
|
|
25
|
+
</Svg>
|
|
26
|
+
);
|
|
27
|
+
};
|
package/src/icons/index.ts
CHANGED
|
@@ -121,3 +121,4 @@ export { IconBikeSportbike } from './vehicles/IconBikeSportbike';
|
|
|
121
121
|
export { IconBikeSportstouring } from './vehicles/IconBikeSportstouring';
|
|
122
122
|
export { IconBikeTouring } from './vehicles/IconBikeTouring';
|
|
123
123
|
export { IconBikeTrialbike } from './vehicles/IconBikeTrialbike';
|
|
124
|
+
export { IconDelete } from './actions/IconDelete';
|