@herca/rn-kit 0.1.26 → 0.1.27
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/module/BottomSheet/BottomSheet.js +4 -1
- package/lib/module/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/module/Button/tests/Button.test.js +70 -0
- package/lib/module/Button/tests/Button.test.js.map +1 -0
- package/lib/module/Button/type.js +1 -1
- package/lib/module/DatePicker/TimePicker.js +84 -39
- package/lib/module/DatePicker/TimePicker.js.map +1 -1
- package/lib/module/Icon/Icon.js +7 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +6 -0
- package/lib/module/Icon/icons/Bold.js +25 -0
- package/lib/module/Icon/icons/Bold.js.map +1 -0
- package/lib/module/Icon/icons/Italic.js +25 -0
- package/lib/module/Icon/icons/Italic.js.map +1 -0
- package/lib/module/Icon/icons/UnderLine.js +25 -0
- package/lib/module/Icon/icons/UnderLine.js.map +1 -0
- package/lib/module/Input/InputOtp.js +7 -5
- package/lib/module/Input/InputOtp.js.map +1 -1
- package/lib/module/Input/README_INPUT_OTP.md +8 -7
- package/lib/module/TextEditor/TextEditor.js +206 -4
- package/lib/module/TextEditor/TextEditor.js.map +1 -1
- package/lib/typescript/src/Button/tests/Button.test.d.ts +2 -0
- package/lib/typescript/src/Button/tests/Button.test.d.ts.map +1 -0
- package/lib/typescript/src/DatePicker/TimePicker.d.ts.map +1 -1
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/Bold.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Bold.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/Italic.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Italic.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/UnderLine.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/UnderLine.d.ts.map +1 -0
- package/lib/typescript/src/Icon/type.d.ts +1 -1
- package/lib/typescript/src/Icon/type.d.ts.map +1 -1
- package/lib/typescript/src/Input/InputOtp.d.ts +1 -0
- package/lib/typescript/src/Input/InputOtp.d.ts.map +1 -1
- package/lib/typescript/src/TextEditor/TextEditor.d.ts +2 -1
- package/lib/typescript/src/TextEditor/TextEditor.d.ts.map +1 -1
- package/lib/typescript/src/TextEditor/types.d.ts +7 -0
- package/lib/typescript/src/TextEditor/types.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/BottomSheet/BottomSheet.tsx +4 -1
- package/src/Button/tests/Button.test.tsx +49 -0
- package/src/Button/type.tsx +1 -1
- package/src/DatePicker/TimePicker.tsx +116 -52
- package/src/Icon/Icon.tsx +6 -0
- package/src/Icon/README.md +6 -0
- package/src/Icon/icons/Bold.tsx +22 -0
- package/src/Icon/icons/Italic.tsx +22 -0
- package/src/Icon/icons/UnderLine.tsx +26 -0
- package/src/Icon/type.tsx +3 -0
- package/src/Input/InputOtp.tsx +7 -3
- package/src/Input/README_INPUT_OTP.md +8 -7
- package/src/TextEditor/TextEditor.tsx +222 -3
- package/src/TextEditor/types.tsx +7 -0
|
@@ -200,9 +200,12 @@ const styles = StyleSheet.create({
|
|
|
200
200
|
},
|
|
201
201
|
contentWithFooter: {},
|
|
202
202
|
footer: {
|
|
203
|
+
borderTopWidth: 1,
|
|
204
|
+
borderTopColor: Color.gray[100],
|
|
203
205
|
backgroundColor: Color.base.white100,
|
|
204
206
|
position: 'absolute',
|
|
205
|
-
|
|
207
|
+
paddingTop: 10,
|
|
208
|
+
marginBottom: 32,
|
|
206
209
|
bottom: 0,
|
|
207
210
|
left: 0,
|
|
208
211
|
right: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","useState","useCallback","View","StyleSheet","PanResponder","TouchableOpacity","Animated","Modal","KeyboardAvoidingView","Keyboard","Dimensions","SafeAreaView","Platform","StatusBar","Container","Typography","Color","jsx","_jsx","jsxs","_jsxs","statusBarHeight","OS","currentHeight","screenHeight","get","height","actualScreenHeight","DEFAULT_PADDING_BOTTOM","BottomSheet","isOpen","onClose","children","backdrop","closable","onRequestClose","buttonClose","pullBar","footer","isVisible","setIsVisible","heightFooter","setHeightFooter","heighContent","setHeighContent","maxHeight","setMaxHeight","translateY","Value","current","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","setValue","onPanResponderRelease","handleRequestClose","resetModalPosition","hideModal","timing","toValue","duration","useNativeDriver","start","showModal","spring","e","keyboardDidShowListener","addListener","keyboardHeight","endCoordinates","keyboardDidHideListener","remove","transparent","visible","animationType","style","styles","modalContainer","onPress","activeOpacity","backdropTouchable","behavior","undefined","enabled","keyboardAvoiding","bottomSheet","transform","paddingBottom","closeButton","panHandlers","dragIndicatorContainer","dragIndicator","contentContainer","contentWithFooter","onLayout","event","nativeEvent","layout","flex","justifyContent","backgroundColor","borderTopLeftRadius","borderTopRightRadius","position","paddingVertical","paddingHorizontal","borderRadius","top","right","zIndex","alignItems","width","marginTop","flexGrow","base","white100","marginBottom","bottom","left"],"sourceRoot":"../../../src","sources":["BottomSheet/BottomSheet.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","useState","useCallback","View","StyleSheet","PanResponder","TouchableOpacity","Animated","Modal","KeyboardAvoidingView","Keyboard","Dimensions","SafeAreaView","Platform","StatusBar","Container","Typography","Color","jsx","_jsx","jsxs","_jsxs","statusBarHeight","OS","currentHeight","screenHeight","get","height","actualScreenHeight","DEFAULT_PADDING_BOTTOM","BottomSheet","isOpen","onClose","children","backdrop","closable","onRequestClose","buttonClose","pullBar","footer","isVisible","setIsVisible","heightFooter","setHeightFooter","heighContent","setHeighContent","maxHeight","setMaxHeight","translateY","Value","current","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","setValue","onPanResponderRelease","handleRequestClose","resetModalPosition","hideModal","timing","toValue","duration","useNativeDriver","start","showModal","spring","e","keyboardDidShowListener","addListener","keyboardHeight","endCoordinates","keyboardDidHideListener","remove","transparent","visible","animationType","style","styles","modalContainer","onPress","activeOpacity","backdropTouchable","behavior","undefined","enabled","keyboardAvoiding","bottomSheet","transform","paddingBottom","closeButton","panHandlers","dragIndicatorContainer","dragIndicator","contentContainer","contentWithFooter","onLayout","event","nativeEvent","layout","flex","justifyContent","backgroundColor","borderTopLeftRadius","borderTopRightRadius","position","paddingVertical","paddingHorizontal","borderRadius","top","right","zIndex","alignItems","width","marginTop","flexGrow","borderTopWidth","borderTopColor","gray","base","white100","paddingTop","marginBottom","bottom","left"],"sourceRoot":"../../../src","sources":["BottomSheet/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { render, fireEvent } from '@testing-library/react-native';
|
|
5
|
+
import { Text } from 'react-native';
|
|
6
|
+
import Button from "../Button.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
describe('Button Component', () => {
|
|
9
|
+
it('renders with title', () => {
|
|
10
|
+
const {
|
|
11
|
+
getByText
|
|
12
|
+
} = render(/*#__PURE__*/_jsx(Button, {
|
|
13
|
+
title: "Submit",
|
|
14
|
+
onPress: () => {}
|
|
15
|
+
}));
|
|
16
|
+
expect(getByText('Submit')).toBeTruthy();
|
|
17
|
+
});
|
|
18
|
+
it('calls onPress when pressed', () => {
|
|
19
|
+
const mockFn = jest.fn();
|
|
20
|
+
const {
|
|
21
|
+
getByText
|
|
22
|
+
} = render(/*#__PURE__*/_jsx(Button, {
|
|
23
|
+
title: "Click me",
|
|
24
|
+
onPress: mockFn
|
|
25
|
+
}));
|
|
26
|
+
fireEvent.press(getByText('Click me'));
|
|
27
|
+
expect(mockFn).toHaveBeenCalledTimes(1);
|
|
28
|
+
});
|
|
29
|
+
it('does not call onPress when disabled', () => {
|
|
30
|
+
const mockFn = jest.fn();
|
|
31
|
+
const {
|
|
32
|
+
getByText
|
|
33
|
+
} = render(/*#__PURE__*/_jsx(Button, {
|
|
34
|
+
title: "Disabled",
|
|
35
|
+
onPress: mockFn,
|
|
36
|
+
disabled: true
|
|
37
|
+
}));
|
|
38
|
+
fireEvent.press(getByText('Disabled'));
|
|
39
|
+
expect(mockFn).not.toHaveBeenCalled();
|
|
40
|
+
});
|
|
41
|
+
it('renders loading indicator when loading', () => {
|
|
42
|
+
const {
|
|
43
|
+
getByTestId
|
|
44
|
+
} = render(/*#__PURE__*/_jsx(Button, {
|
|
45
|
+
title: "Load",
|
|
46
|
+
onPress: () => {},
|
|
47
|
+
loading: true
|
|
48
|
+
}));
|
|
49
|
+
// You might want to set `testID="loading-indicator"` in <ActivityIndicator /> in the component
|
|
50
|
+
// For now, we check for presence of ActivityIndicator via accessibilityRole
|
|
51
|
+
const indicator = getByTestId('ActivityIndicator');
|
|
52
|
+
expect(indicator).toBeTruthy();
|
|
53
|
+
});
|
|
54
|
+
it('renders custom child instead of title', () => {
|
|
55
|
+
const {
|
|
56
|
+
queryByText,
|
|
57
|
+
getByText
|
|
58
|
+
} = render(/*#__PURE__*/_jsx(Button, {
|
|
59
|
+
onPress: () => {},
|
|
60
|
+
children: /*#__PURE__*/_jsx(React.Fragment, {
|
|
61
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
62
|
+
children: "Custom Child"
|
|
63
|
+
})
|
|
64
|
+
})
|
|
65
|
+
}));
|
|
66
|
+
expect(getByText('Custom Child')).toBeTruthy();
|
|
67
|
+
expect(queryByText('title')).toBeNull();
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=Button.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","render","fireEvent","Text","Button","jsx","_jsx","describe","it","getByText","title","onPress","expect","toBeTruthy","mockFn","jest","fn","press","toHaveBeenCalledTimes","disabled","not","toHaveBeenCalled","getByTestId","loading","indicator","queryByText","children","Fragment","toBeNull"],"sourceRoot":"../../../../src","sources":["Button/tests/Button.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,EAAEC,SAAS,QAAQ,+BAA+B;AACjE,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,MAAM,MAAM,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/BC,QAAQ,CAAC,kBAAkB,EAAE,MAAM;EACjCC,EAAE,CAAC,oBAAoB,EAAE,MAAM;IAC7B,MAAM;MAAEC;IAAU,CAAC,GAAGR,MAAM,cAACK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,QAAQ;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAE,CAAC,CAAC;IAC1EC,MAAM,CAACH,SAAS,CAAC,QAAQ,CAAC,CAAC,CAACI,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFL,EAAE,CAAC,4BAA4B,EAAE,MAAM;IACrC,MAAMM,MAAM,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACxB,MAAM;MAAEP;IAAU,CAAC,GAAGR,MAAM,cAACK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,UAAU;MAACC,OAAO,EAAEG;IAAO,CAAE,CAAC,CAAC;IAC1EZ,SAAS,CAACe,KAAK,CAACR,SAAS,CAAC,UAAU,CAAC,CAAC;IACtCG,MAAM,CAACE,MAAM,CAAC,CAACI,qBAAqB,CAAC,CAAC,CAAC;EACzC,CAAC,CAAC;EAEFV,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMM,MAAM,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACxB,MAAM;MAAEP;IAAU,CAAC,GAAGR,MAAM,cAC1BK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,UAAU;MAACC,OAAO,EAAEG,MAAO;MAACK,QAAQ;IAAA,CAAE,CACtD,CAAC;IACDjB,SAAS,CAACe,KAAK,CAACR,SAAS,CAAC,UAAU,CAAC,CAAC;IACtCG,MAAM,CAACE,MAAM,CAAC,CAACM,GAAG,CAACC,gBAAgB,CAAC,CAAC;EACvC,CAAC,CAAC;EAEFb,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAM;MAAEc;IAAY,CAAC,GAAGrB,MAAM,cAC5BK,IAAA,CAACF,MAAM;MAACM,KAAK,EAAC,MAAM;MAACC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAACY,OAAO;IAAA,CAAE,CACnD,CAAC;IACD;IACA;IACA,MAAMC,SAAS,GAAGF,WAAW,CAAC,mBAAmB,CAAC;IAClDV,MAAM,CAACY,SAAS,CAAC,CAACX,UAAU,CAAC,CAAC;EAChC,CAAC,CAAC;EAEFL,EAAE,CAAC,uCAAuC,EAAE,MAAM;IAChD,MAAM;MAAEiB,WAAW;MAAEhB;IAAU,CAAC,GAAGR,MAAM,cACvCK,IAAA,CAACF,MAAM;MAACO,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;MAAAe,QAAA,eACxBpB,IAAA,CAACN,KAAK,CAAC2B,QAAQ;QAAAD,QAAA,eACbpB,IAAA,CAACH,IAAI;UAAAuB,QAAA,EAAC;QAAY,CAAM;MAAC,CACX;IAAC,CACX,CACV,CAAC;IACDd,MAAM,CAACH,SAAS,CAAC,cAAc,CAAC,CAAC,CAACI,UAAU,CAAC,CAAC;IAC9CD,MAAM,CAACa,WAAW,CAAC,OAAO,CAAC,CAAC,CAACG,QAAQ,CAAC,CAAC;EACzC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -191,7 +191,7 @@ export const COLOR_MAP = {
|
|
|
191
191
|
tertiaryFocusBorderColor: Color.info[200],
|
|
192
192
|
tertiaryPressTextColor: Color.info[700],
|
|
193
193
|
tertiaryPressBorderColor: 'transparent',
|
|
194
|
-
tertiaryDisabledTextColor: Color.info[
|
|
194
|
+
tertiaryDisabledTextColor: Color.info[200],
|
|
195
195
|
tertiaryDisabledBorderColor: Color.base.white100
|
|
196
196
|
},
|
|
197
197
|
orange: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { useRef, useState, useEffect } from 'react';
|
|
4
|
-
import { View,
|
|
3
|
+
import React, { useRef, useState, useEffect, useMemo } from 'react';
|
|
4
|
+
import { View, StyleSheet, Text, Dimensions, Animated } from 'react-native';
|
|
5
5
|
import BottomSheet from "../BottomSheet/BottomSheet.js";
|
|
6
6
|
import Button from "../Button/Button.js";
|
|
7
7
|
import Typography from "../Typography/Typography.js";
|
|
@@ -11,9 +11,13 @@ const ITEM_HEIGHT = 40;
|
|
|
11
11
|
const SCREEN_WIDTH = Dimensions.get('window').width;
|
|
12
12
|
const VISIBLE_ITEMS = 5;
|
|
13
13
|
const MIDDLE_INDEX = Math.floor(VISIBLE_ITEMS / 2);
|
|
14
|
+
const REPEAT_COUNT = 5;
|
|
14
15
|
const generateItems = max => Array.from({
|
|
15
16
|
length: max
|
|
16
17
|
}, (_, i) => i);
|
|
18
|
+
const repeatItems = (items, repeatCount) => Array.from({
|
|
19
|
+
length: repeatCount
|
|
20
|
+
}).flatMap(() => items);
|
|
17
21
|
export default function TimePickerWheel({
|
|
18
22
|
isOpen,
|
|
19
23
|
onClose,
|
|
@@ -23,36 +27,45 @@ export default function TimePickerWheel({
|
|
|
23
27
|
const [selectedMinute, setSelectedMinute] = useState(0);
|
|
24
28
|
const hourRef = useRef(null);
|
|
25
29
|
const minuteRef = useRef(null);
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
const
|
|
30
|
+
const hourScrollY = useRef(new Animated.Value(0)).current;
|
|
31
|
+
const minuteScrollY = useRef(new Animated.Value(0)).current;
|
|
32
|
+
const hoursBase = generateItems(24);
|
|
33
|
+
const minutesBase = generateItems(60);
|
|
34
|
+
const hours = useMemo(() => repeatItems(hoursBase, REPEAT_COUNT), [hoursBase]);
|
|
35
|
+
const minutes = useMemo(() => repeatItems(minutesBase, REPEAT_COUNT), [minutesBase]);
|
|
36
|
+
const CENTER_INDEX_HOUR = Math.floor(hours.length / 2 / 24) * 24 + selectedHour;
|
|
37
|
+
const CENTER_INDEX_MINUTE = Math.floor(minutes.length / 2 / 60) * 60 + selectedMinute;
|
|
31
38
|
useEffect(() => {
|
|
32
39
|
if (isOpen) {
|
|
33
40
|
setTimeout(() => {
|
|
34
|
-
scrollToIndex(hourRef,
|
|
35
|
-
scrollToIndex(minuteRef,
|
|
41
|
+
scrollToIndex(hourRef, CENTER_INDEX_HOUR);
|
|
42
|
+
scrollToIndex(minuteRef, CENTER_INDEX_MINUTE);
|
|
36
43
|
}, 100);
|
|
37
44
|
}
|
|
38
|
-
}, [isOpen, selectedMinute, selectedHour]);
|
|
39
|
-
const scrollToIndex = (ref, index) => {
|
|
45
|
+
}, [isOpen, selectedMinute, selectedHour, CENTER_INDEX_HOUR, CENTER_INDEX_MINUTE]);
|
|
46
|
+
const scrollToIndex = (ref, index, animated = true) => {
|
|
40
47
|
ref.current?.scrollTo({
|
|
41
48
|
y: index * ITEM_HEIGHT,
|
|
42
|
-
animated
|
|
49
|
+
animated
|
|
43
50
|
});
|
|
44
51
|
};
|
|
45
52
|
const handleScrollEnd = (event, type) => {
|
|
46
53
|
const offsetY = event.nativeEvent.contentOffset.y;
|
|
47
54
|
const index = Math.round(offsetY / ITEM_HEIGHT);
|
|
48
55
|
if (type === 'hour') {
|
|
49
|
-
const
|
|
50
|
-
setSelectedHour(
|
|
51
|
-
|
|
56
|
+
const realValue = hours[index % 24];
|
|
57
|
+
setSelectedHour(realValue);
|
|
58
|
+
const newCenter = Math.floor(hours.length / 2 / 24) * 24 + realValue;
|
|
59
|
+
if (Math.abs(index - newCenter) > 12) {
|
|
60
|
+
scrollToIndex(hourRef, newCenter, false);
|
|
61
|
+
}
|
|
52
62
|
} else {
|
|
53
|
-
const
|
|
54
|
-
setSelectedMinute(
|
|
55
|
-
|
|
63
|
+
const realValue = minutes[index % 60];
|
|
64
|
+
setSelectedMinute(realValue);
|
|
65
|
+
const newCenter = Math.floor(minutes.length / 2 / 60) * 60 + realValue;
|
|
66
|
+
if (Math.abs(index - newCenter) > 12) {
|
|
67
|
+
scrollToIndex(minuteRef, newCenter, false);
|
|
68
|
+
}
|
|
56
69
|
}
|
|
57
70
|
};
|
|
58
71
|
const handleSubmit = () => {
|
|
@@ -62,16 +75,31 @@ export default function TimePickerWheel({
|
|
|
62
75
|
});
|
|
63
76
|
onClose?.();
|
|
64
77
|
};
|
|
65
|
-
const
|
|
66
|
-
const
|
|
67
|
-
const
|
|
68
|
-
|
|
69
|
-
|
|
78
|
+
const renderAnimatedItem = (value, type, index, scrollY) => {
|
|
79
|
+
const normalizedValue = type === 'hour' ? (value % 24 + 24) % 24 : (value % 60 + 60) % 60;
|
|
80
|
+
const inputRange = [(index - 2) * ITEM_HEIGHT, (index - 1) * ITEM_HEIGHT, index * ITEM_HEIGHT, (index + 1) * ITEM_HEIGHT, (index + 2) * ITEM_HEIGHT];
|
|
81
|
+
const scale = scrollY.interpolate({
|
|
82
|
+
inputRange,
|
|
83
|
+
outputRange: [0.7, 0.85, 1, 0.85, 0.7],
|
|
84
|
+
extrapolate: 'clamp'
|
|
85
|
+
});
|
|
86
|
+
const opacity = scrollY.interpolate({
|
|
87
|
+
inputRange,
|
|
88
|
+
outputRange: [0.3, 0.6, 1, 0.6, 0.3],
|
|
89
|
+
extrapolate: 'clamp'
|
|
90
|
+
});
|
|
91
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
92
|
+
style: [styles.item, {
|
|
93
|
+
transform: [{
|
|
94
|
+
scale
|
|
95
|
+
}],
|
|
96
|
+
opacity
|
|
97
|
+
}],
|
|
70
98
|
children: /*#__PURE__*/_jsx(Text, {
|
|
71
|
-
style:
|
|
72
|
-
children:
|
|
99
|
+
style: styles.itemText,
|
|
100
|
+
children: normalizedValue.toString().padStart(2, '0')
|
|
73
101
|
})
|
|
74
|
-
}, `${type}-${
|
|
102
|
+
}, `${type}-${index}`);
|
|
75
103
|
};
|
|
76
104
|
return /*#__PURE__*/_jsxs(BottomSheet, {
|
|
77
105
|
isOpen: isOpen,
|
|
@@ -102,9 +130,7 @@ export default function TimePickerWheel({
|
|
|
102
130
|
weight: "semibold",
|
|
103
131
|
color: Color.gray[900],
|
|
104
132
|
center: true,
|
|
105
|
-
style:
|
|
106
|
-
marginBottom: 16
|
|
107
|
-
},
|
|
133
|
+
style: styles.hintTime,
|
|
108
134
|
children: "Pilih Waktu"
|
|
109
135
|
}), /*#__PURE__*/_jsxs(View, {
|
|
110
136
|
style: styles.container,
|
|
@@ -118,25 +144,45 @@ export default function TimePickerWheel({
|
|
|
118
144
|
style: styles.scrollContainer,
|
|
119
145
|
children: [/*#__PURE__*/_jsx(View, {
|
|
120
146
|
style: styles.pickerColumn,
|
|
121
|
-
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
147
|
+
children: /*#__PURE__*/_jsx(Animated.ScrollView, {
|
|
122
148
|
ref: hourRef,
|
|
123
149
|
showsVerticalScrollIndicator: false,
|
|
124
150
|
snapToInterval: ITEM_HEIGHT,
|
|
125
151
|
decelerationRate: "fast",
|
|
126
152
|
onMomentumScrollEnd: e => handleScrollEnd(e, 'hour'),
|
|
153
|
+
onScroll: Animated.event([{
|
|
154
|
+
nativeEvent: {
|
|
155
|
+
contentOffset: {
|
|
156
|
+
y: hourScrollY
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
}], {
|
|
160
|
+
useNativeDriver: true
|
|
161
|
+
}),
|
|
162
|
+
scrollEventThrottle: 16,
|
|
127
163
|
contentContainerStyle: styles.scrollContent,
|
|
128
|
-
children: hours.map(h =>
|
|
164
|
+
children: hours.map((h, i) => renderAnimatedItem(h, 'hour', i, hourScrollY))
|
|
129
165
|
})
|
|
130
166
|
}), /*#__PURE__*/_jsx(View, {
|
|
131
167
|
style: styles.pickerColumn,
|
|
132
|
-
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
168
|
+
children: /*#__PURE__*/_jsx(Animated.ScrollView, {
|
|
133
169
|
ref: minuteRef,
|
|
134
170
|
showsVerticalScrollIndicator: false,
|
|
135
171
|
snapToInterval: ITEM_HEIGHT,
|
|
136
172
|
decelerationRate: "fast",
|
|
137
173
|
onMomentumScrollEnd: e => handleScrollEnd(e, 'minute'),
|
|
174
|
+
onScroll: Animated.event([{
|
|
175
|
+
nativeEvent: {
|
|
176
|
+
contentOffset: {
|
|
177
|
+
y: minuteScrollY
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}], {
|
|
181
|
+
useNativeDriver: true
|
|
182
|
+
}),
|
|
183
|
+
scrollEventThrottle: 16,
|
|
138
184
|
contentContainerStyle: styles.scrollContent,
|
|
139
|
-
children: minutes.map(m =>
|
|
185
|
+
children: minutes.map((m, i) => renderAnimatedItem(m, 'minute', i, minuteScrollY))
|
|
140
186
|
})
|
|
141
187
|
})]
|
|
142
188
|
})]
|
|
@@ -174,13 +220,9 @@ const styles = StyleSheet.create({
|
|
|
174
220
|
alignItems: 'center'
|
|
175
221
|
},
|
|
176
222
|
itemText: {
|
|
177
|
-
fontSize:
|
|
178
|
-
color: Color.gray[400]
|
|
179
|
-
},
|
|
180
|
-
selectedItemText: {
|
|
223
|
+
fontSize: 22,
|
|
181
224
|
color: Color.gray[900],
|
|
182
|
-
fontWeight: '
|
|
183
|
-
fontSize: 22
|
|
225
|
+
fontWeight: '600'
|
|
184
226
|
},
|
|
185
227
|
highlightOverlay: {
|
|
186
228
|
position: 'absolute',
|
|
@@ -195,6 +237,9 @@ const styles = StyleSheet.create({
|
|
|
195
237
|
height: ITEM_HEIGHT,
|
|
196
238
|
zIndex: -1,
|
|
197
239
|
backgroundColor: Color.primary[50]
|
|
240
|
+
},
|
|
241
|
+
hintTime: {
|
|
242
|
+
marginBottom: 16
|
|
198
243
|
}
|
|
199
244
|
});
|
|
200
245
|
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","useState","useEffect","
|
|
1
|
+
{"version":3,"names":["React","useRef","useState","useEffect","useMemo","View","StyleSheet","Text","Dimensions","Animated","BottomSheet","Button","Typography","Color","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","SCREEN_WIDTH","get","width","VISIBLE_ITEMS","MIDDLE_INDEX","Math","floor","REPEAT_COUNT","generateItems","max","Array","from","length","_","i","repeatItems","items","repeatCount","flatMap","TimePickerWheel","isOpen","onClose","onChange","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","hourRef","minuteRef","hourScrollY","Value","current","minuteScrollY","hoursBase","minutesBase","hours","minutes","CENTER_INDEX_HOUR","CENTER_INDEX_MINUTE","setTimeout","scrollToIndex","ref","index","animated","scrollTo","y","handleScrollEnd","event","type","offsetY","nativeEvent","contentOffset","round","realValue","newCenter","abs","handleSubmit","hour","minute","renderAnimatedItem","value","scrollY","normalizedValue","inputRange","scale","interpolate","outputRange","extrapolate","opacity","style","styles","item","transform","children","itemText","toString","padStart","footer","flex1","title","variant","onPress","color","size","weight","gray","center","hintTime","container","highlightOverlay","pointerEvents","highlight","scrollContainer","pickerColumn","ScrollView","showsVerticalScrollIndicator","snapToInterval","decelerationRate","onMomentumScrollEnd","e","onScroll","useNativeDriver","scrollEventThrottle","contentContainerStyle","scrollContent","map","h","m","create","position","height","marginBottom","flexDirection","gap","flex","justifyContent","paddingVertical","overflow","alignItems","fontSize","fontWeight","zIndex","top","left","right","bottom","backgroundColor","primary"],"sourceRoot":"../../../src","sources":["DatePicker/TimePicker.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/Icon/Icon.js
CHANGED
|
@@ -56,6 +56,9 @@ import QuestionCircleOutline from "./icons/QuestionCircleOutline.js";
|
|
|
56
56
|
import ShieldFill from "./icons/ShieldFill.js";
|
|
57
57
|
import Users from "./icons/Users.js";
|
|
58
58
|
import WhatsAppFill from "./icons/WhatsappFill.js";
|
|
59
|
+
import Bold from "./icons/Bold.js";
|
|
60
|
+
import Italic from "./icons/Italic.js";
|
|
61
|
+
import UnderLine from "./icons/UnderLine.js";
|
|
59
62
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
60
63
|
const icons = {
|
|
61
64
|
'Search': Search,
|
|
@@ -112,7 +115,10 @@ const icons = {
|
|
|
112
115
|
'question-circle-outline': QuestionCircleOutline,
|
|
113
116
|
'shield-fill': ShieldFill,
|
|
114
117
|
'Users': Users,
|
|
115
|
-
'whatsapp-fill': WhatsAppFill
|
|
118
|
+
'whatsapp-fill': WhatsAppFill,
|
|
119
|
+
'Bold': Bold,
|
|
120
|
+
'Italic': Italic,
|
|
121
|
+
'UnderLine': UnderLine
|
|
116
122
|
};
|
|
117
123
|
const Icon = ({
|
|
118
124
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,KAAK,MAAM,kBAAe;AAEjC,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,cAAc,MAAM,2BAAwB;AACnD,OAAOC,iBAAiB,MAAM,8BAA2B;AACzD,OAAOC,kBAAkB,MAAM,+BAA4B;AAC3D,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,gBAAgB,MAAM,6BAA0B;AACvD,OAAOC,iBAAiB,MAAM,iBAAc;AAC5C,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,qBAAqB,MAAM,kCAA+B;AACjE,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,YAAY,MAAM,yBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","Bold","Italic","UnderLine","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -53,6 +53,7 @@ export default function App() {
|
|
|
53
53
|
- ArrowLeft
|
|
54
54
|
- ArrowRight
|
|
55
55
|
- ArrowUp
|
|
56
|
+
- Bold
|
|
56
57
|
- Camera
|
|
57
58
|
- Calendar
|
|
58
59
|
- Check
|
|
@@ -64,12 +65,14 @@ export default function App() {
|
|
|
64
65
|
- Filter
|
|
65
66
|
- Home
|
|
66
67
|
- Image
|
|
68
|
+
- Italic
|
|
67
69
|
- Pdf
|
|
68
70
|
- RadioButton
|
|
69
71
|
- Search
|
|
70
72
|
- StickyNote
|
|
71
73
|
- Times
|
|
72
74
|
- User
|
|
75
|
+
- UnderLine
|
|
73
76
|
- x-circle
|
|
74
77
|
- Plus
|
|
75
78
|
- Bell
|
|
@@ -100,3 +103,6 @@ export default function App() {
|
|
|
100
103
|
- shield-fill
|
|
101
104
|
- Users
|
|
102
105
|
- whatsapp-fill
|
|
106
|
+
- Bold
|
|
107
|
+
- UnderLine
|
|
108
|
+
- Italic
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const Bold = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 13 16",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M1 8.07682H7.66667C9.50762 8.07682 11 6.58444 11 4.74349C11 2.90254 9.50762 1.41016 7.66667 1.41016H1V8.07682ZM1 8.07682H8.5C10.3409 8.07682 11.8333 9.56921 11.8333 11.4102C11.8333 13.2511 10.3409 14.7435 8.5 14.7435H1V8.07682Z",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default Bold;
|
|
25
|
+
//# sourceMappingURL=Bold.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Bold","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/Bold.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,IAAqB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACjEJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,qOAAqO;IACvOC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,IAAI","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const Italic = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#909090',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 14 16",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M12.8334 1.41016H5.33341M8.66675 14.7435H1.16675M9.50008 1.41016L4.50008 14.7435",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default Italic;
|
|
25
|
+
//# sourceMappingURL=Italic.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Italic","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/Italic.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,MAAuB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;EAAEC;AAAM,CAAC,kBACtEJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,kFAAkF;IACpFC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const UnderLine = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#909090',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 16 17",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M12.9999 1.41016V7.24349C12.9999 10.0049 10.7613 12.2435 7.99992 12.2435C5.23849 12.2435 2.99992 10.0049 2.99992 7.24349V1.41016M1.33325 15.5768H14.6666",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default UnderLine;
|
|
25
|
+
//# sourceMappingURL=UnderLine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","UnderLine","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/UnderLine.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,SAA0B,GAAGA,CAAC;EAClCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC;AACF,CAAC,kBACCJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,0JAA0J;IAC5JC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,SAAS","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useRef, useState } from 'react';
|
|
4
|
-
import {
|
|
4
|
+
import { StyleSheet, TextInput, View } from 'react-native';
|
|
5
5
|
import Color from "../Color/Color.js";
|
|
6
6
|
import LabelForm from "../LabelForm/LabelForm.js";
|
|
7
7
|
import Typography from "../Typography/Typography.js";
|
|
@@ -11,7 +11,8 @@ const InputOtp = ({
|
|
|
11
11
|
onChange,
|
|
12
12
|
label,
|
|
13
13
|
hint,
|
|
14
|
-
hasError
|
|
14
|
+
hasError,
|
|
15
|
+
inputCenter = false
|
|
15
16
|
}) => {
|
|
16
17
|
const inputs = useRef([]);
|
|
17
18
|
const values = useRef(Array(length).fill(''));
|
|
@@ -36,7 +37,9 @@ const InputOtp = ({
|
|
|
36
37
|
children: [label ? /*#__PURE__*/_jsx(LabelForm, {
|
|
37
38
|
title: label
|
|
38
39
|
}) : null, /*#__PURE__*/_jsx(View, {
|
|
39
|
-
style: styles.container,
|
|
40
|
+
style: [styles.container, {
|
|
41
|
+
justifyContent: inputCenter ? 'center' : 'flex-start'
|
|
42
|
+
}],
|
|
40
43
|
onLayout: e => {
|
|
41
44
|
// cek apakah lebar container itu cukup untuk menampilkan semua input
|
|
42
45
|
containerWidth.current = e.nativeEvent.layout.width;
|
|
@@ -74,8 +77,7 @@ const styles = StyleSheet.create({
|
|
|
74
77
|
},
|
|
75
78
|
container: {
|
|
76
79
|
flexDirection: 'row',
|
|
77
|
-
gap: 10
|
|
78
|
-
justifyContent: 'flex-start'
|
|
80
|
+
gap: 10
|
|
79
81
|
},
|
|
80
82
|
input: {
|
|
81
83
|
flexGrow: 1,
|