@herca/rn-kit 0.1.84 → 0.1.86
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/DatePicker/README_TIMEPICKER.md +24 -18
- package/lib/module/DatePicker/TimePicker.js +11 -2
- package/lib/module/DatePicker/TimePicker.js.map +1 -1
- package/lib/module/Icon/Icon.js +3 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +6 -0
- package/lib/module/Icon/icons/WarningLetter.js +40 -0
- package/lib/module/Icon/icons/WarningLetter.js.map +1 -0
- package/lib/typescript/src/DatePicker/TimePicker.d.ts +5 -1
- 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/WarningLetter.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/WarningLetter.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/package.json +1 -8
- package/src/DatePicker/README_TIMEPICKER.md +24 -18
- package/src/DatePicker/TimePicker.tsx +14 -2
- package/src/Icon/Icon.tsx +2 -0
- package/src/Icon/README.md +6 -0
- package/src/Icon/icons/WarningLetter.tsx +41 -0
- package/src/Icon/type.tsx +2 -1
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
# TimePickerWheel
|
|
2
2
|
|
|
3
|
-
**TimePickerWheel** adalah komponen pemilih waktu berbentuk
|
|
3
|
+
**TimePickerWheel** adalah komponen pemilih waktu berbentuk _wheel_ (picker bergulir) untuk **React Native**. Komponen ini menampilkan dua kolom (jam & menit) yang dapat digulir secara vertikal, dibungkus di dalam komponen **BottomSheet**.
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
7
|
## API Reference
|
|
8
8
|
|
|
9
|
-
| Prop | Tipe | Default
|
|
10
|
-
| ---------- | --------------------------------------------------- |
|
|
11
|
-
| `isOpen` | `boolean` | `false`
|
|
12
|
-
| `onClose` | `() => void` | `-`
|
|
13
|
-
| `onChange` | `(value: { hour: number; minute: number }) => void` | `-`
|
|
9
|
+
| Prop | Tipe | Default | Deskripsi |
|
|
10
|
+
| ---------- | --------------------------------------------------- | ---------------------- | --------------------------------------------------------------------------------------------- |
|
|
11
|
+
| `isOpen` | `boolean` | `false` | Menentukan apakah **BottomSheet** terbuka. |
|
|
12
|
+
| `onClose` | `() => void` | `-` | Callback saat pengguna menutup **BottomSheet** atau menekan tombol **Batal**. |
|
|
13
|
+
| `onChange` | `(value: { hour: number; minute: number }) => void` | `-` | Callback saat pengguna menekan tombol **Pilih**. Objek yang dikirim berisi `hour` & `minute`. |
|
|
14
|
+
| `value` | `{ hour: number; minute: number }` | `{hour: 0, minute: 0}` | Props untuk mengontrol value dari parent |
|
|
14
15
|
|
|
15
|
-
### Bentuk
|
|
16
|
+
### Bentuk _value_ `onChange`
|
|
16
17
|
|
|
17
18
|
```ts
|
|
18
19
|
{
|
|
19
|
-
hour: number;
|
|
20
|
+
hour: number; // 0–23
|
|
20
21
|
minute: number; // 0–59
|
|
21
22
|
}
|
|
22
23
|
```
|
|
@@ -25,9 +26,9 @@
|
|
|
25
26
|
|
|
26
27
|
## Cara Kerja Singkat
|
|
27
28
|
|
|
28
|
-
1. **Wheel Padding** – Komponen menambahkan elemen
|
|
29
|
+
1. **Wheel Padding** – Komponen menambahkan elemen _dummy_ di atas & bawah daftar agar item tengah selalu berada di posisi highlight.
|
|
29
30
|
2. **Highlight** – Baris tengah diberi `backgroundColor` khusus (`Color.primary[50]`) untuk menonjolkan pilihan aktif.
|
|
30
|
-
3. **Snapping** – Properti `snapToInterval={ITEM_HEIGHT}` memastikan scroll
|
|
31
|
+
3. **Snapping** – Properti `snapToInterval={ITEM_HEIGHT}` memastikan scroll _wheel_ berhenti tepat di setiap item.
|
|
31
32
|
4. **Sync & Loop** – Setelah scroll selesai, komponen menghitung indeks nyata (0‑23 untuk jam, 0‑59 untuk menit) agar wheel terasa tak terbatas.
|
|
32
33
|
|
|
33
34
|
---
|
|
@@ -45,11 +46,16 @@ export default function Example() {
|
|
|
45
46
|
null
|
|
46
47
|
);
|
|
47
48
|
|
|
48
|
-
const formatted = time
|
|
49
|
+
const formatted = time
|
|
50
|
+
? `${time.hour.toString().padStart(2, '0')}:${time.minute.toString().padStart(2, '0')}`
|
|
51
|
+
: '—';
|
|
49
52
|
|
|
50
53
|
return (
|
|
51
54
|
<View style={{ flex: 1 }}>
|
|
52
|
-
<Button
|
|
55
|
+
<Button
|
|
56
|
+
title={`Pilih Waktu (${formatted})`}
|
|
57
|
+
onPress={() => setOpen(true)}
|
|
58
|
+
/>
|
|
53
59
|
|
|
54
60
|
<TimePickerWheel
|
|
55
61
|
isOpen={open}
|
|
@@ -68,16 +74,16 @@ export default function Example() {
|
|
|
68
74
|
|
|
69
75
|
## Kustomisasi Tampilan
|
|
70
76
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
77
|
+
- **Jumlah Items Terlihat** (`VISIBLE_ITEMS`): Default 5. Ubah nilai konstanta untuk menambah/kurangi tinggi wheel.
|
|
78
|
+
- **Tinggi Item** (`ITEM_HEIGHT`): Default 40. Pengaturan ini mempengaruhi `snapToInterval`.
|
|
79
|
+
- **Warna & Tipografi**: Edit style `selectedItemText`, `itemText`, dan `highlight` untuk menyesuaikan brand guideline.
|
|
74
80
|
|
|
75
81
|
---
|
|
76
82
|
|
|
77
83
|
## Tips Implementasi
|
|
78
84
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
85
|
+
- Selalu panggil `onClose` setelah menangani hasil `onChange` agar **BottomSheet** menutup.
|
|
86
|
+
- Jika Anda ingin menetapkan waktu awal sebelum picker dibuka, setel `selectedHour` & `selectedMinute` memakai `useState` lalu buka picker.
|
|
87
|
+
- Komponen ini tidak membatasi kombinasi jam‑menit (mis. langkah 5 menit). Tambahkan logika tambahan jika diperlukan.
|
|
82
88
|
|
|
83
89
|
---
|
|
@@ -25,12 +25,13 @@ export default function TimePickerWheel({
|
|
|
25
25
|
isOpen,
|
|
26
26
|
onClose,
|
|
27
27
|
onChange,
|
|
28
|
+
value,
|
|
28
29
|
title = 'Pilih Waktu',
|
|
29
30
|
cancelLabel = 'Batal',
|
|
30
31
|
confirmLabel = 'Pilih'
|
|
31
32
|
}) {
|
|
32
|
-
const [selectedHour, setSelectedHour] = useState(0);
|
|
33
|
-
const [selectedMinute, setSelectedMinute] = useState(0);
|
|
33
|
+
const [selectedHour, setSelectedHour] = useState(value?.hour ?? 0);
|
|
34
|
+
const [selectedMinute, setSelectedMinute] = useState(value?.minute ?? 0);
|
|
34
35
|
const hourRef = useRef(null);
|
|
35
36
|
const minuteRef = useRef(null);
|
|
36
37
|
const hourScrollY = useRef(new Animated.Value(0)).current;
|
|
@@ -41,6 +42,14 @@ export default function TimePickerWheel({
|
|
|
41
42
|
// Posisi tengah untuk initial scroll
|
|
42
43
|
const MIDDLE_HOUR_INDEX = Math.floor(hours.length / 2 / 24) * 24;
|
|
43
44
|
const MIDDLE_MINUTE_INDEX = Math.floor(minutes.length / 2 / 60) * 60;
|
|
45
|
+
|
|
46
|
+
// Update state ketika value prop berubah
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
if (value) {
|
|
49
|
+
setSelectedHour(value.hour);
|
|
50
|
+
setSelectedMinute(value.minute);
|
|
51
|
+
}
|
|
52
|
+
}, [value]);
|
|
44
53
|
useEffect(() => {
|
|
45
54
|
if (isOpen) {
|
|
46
55
|
setTimeout(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","useState","Animated","Dimensions","StyleSheet","View","BottomSheet","Button","Color","Typography","AnimatedItem","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","SCREEN_WIDTH","get","width","VISIBLE_ITEMS","MIDDLE_INDEX","Math","floor","INFINITE_CYCLES","generateInfiniteData","max","cycles","base","Array","from","length","_","i","flatMap","TimePickerWheel","isOpen","onClose","onChange","title","cancelLabel","confirmLabel","selectedHour","setSelectedHour","selectedMinute","setSelectedMinute","hourRef","minuteRef","hourScrollY","Value","current","minuteScrollY","hours","minutes","MIDDLE_HOUR_INDEX","MIDDLE_MINUTE_INDEX","setTimeout","scrollToIndex","index","animated","getItemLayout","offset","ref","handleScrollEnd","event","type","offsetY","nativeEvent","contentOffset","y","round","realValue","distanceFromStart","distanceFromEnd","newCenter","handleScrollToIndexFailed","info","wait","Promise","resolve","then","averageItemLength","handleSubmit","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","useState","Animated","Dimensions","StyleSheet","View","BottomSheet","Button","Color","Typography","AnimatedItem","jsx","_jsx","jsxs","_jsxs","ITEM_HEIGHT","SCREEN_WIDTH","get","width","VISIBLE_ITEMS","MIDDLE_INDEX","Math","floor","INFINITE_CYCLES","generateInfiniteData","max","cycles","base","Array","from","length","_","i","flatMap","TimePickerWheel","isOpen","onClose","onChange","value","title","cancelLabel","confirmLabel","selectedHour","setSelectedHour","hour","selectedMinute","setSelectedMinute","minute","hourRef","minuteRef","hourScrollY","Value","current","minuteScrollY","hours","minutes","MIDDLE_HOUR_INDEX","MIDDLE_MINUTE_INDEX","setTimeout","scrollToIndex","index","animated","getItemLayout","offset","ref","handleScrollEnd","event","type","offsetY","nativeEvent","contentOffset","y","round","realValue","distanceFromStart","distanceFromEnd","newCenter","handleScrollToIndexFailed","info","wait","Promise","resolve","then","averageItemLength","handleSubmit","renderHourItem","item","scrollY","renderMinuteItem","footer","style","styles","children","flex1","variant","onPress","color","size","weight","gray","center","hintTime","container","highlightOverlay","pointerEvents","highlight","scrollContainer","pickerColumn","FlatList","data","renderItem","keyExtractor","showsVerticalScrollIndicator","snapToInterval","decelerationRate","onMomentumScrollEnd","e","onScroll","useNativeDriver","scrollEventThrottle","onScrollToIndexFailed","initialNumToRender","maxToRenderPerBatch","windowSize","removeClippedSubviews","contentContainerStyle","scrollContent","create","position","height","marginBottom","flexDirection","gap","flex","justifyContent","paddingVertical","overflow","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
|
@@ -111,6 +111,7 @@ import BriefcaseFill from "./icons/BriefcaseFill.js";
|
|
|
111
111
|
import UserTagFill from "./icons/UserTagFill.js";
|
|
112
112
|
import Cake from "./icons/Cake.js";
|
|
113
113
|
import Building from "./icons/Building.js";
|
|
114
|
+
import WarningLetter from "./icons/WarningLetter.js";
|
|
114
115
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
115
116
|
const icons = {
|
|
116
117
|
'Search': Search,
|
|
@@ -222,7 +223,8 @@ const icons = {
|
|
|
222
223
|
'briefcase-fill': BriefcaseFill,
|
|
223
224
|
'user-tag-fill': UserTagFill,
|
|
224
225
|
'Cake': Cake,
|
|
225
|
-
'Building': Building
|
|
226
|
+
'Building': Building,
|
|
227
|
+
'warning-letter': WarningLetter
|
|
226
228
|
};
|
|
227
229
|
const Icon = ({
|
|
228
230
|
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","Bold","Italic","UnderLine","SettingsSlider","RotateSquareFill","LocationPinFill","DiscountFill","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","AlignCenter","AlignLeft","AlignRight","StrikeThrough","Link","ListOrdered","ListUnOrdered","BriefcaseFillBulk","LocationPinOutline","CarOutline","MoneyDown","CommentFill","ShareUp","StopwatchFill","TimesNew","UserCircleMoneyUp","CreditCard","FaceId","BriefcaseFill","UserTagFill","Cake","Building","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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
|
|
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","SettingsSlider","RotateSquareFill","LocationPinFill","DiscountFill","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","AlignCenter","AlignLeft","AlignRight","StrikeThrough","Link","ListOrdered","ListUnOrdered","BriefcaseFillBulk","LocationPinOutline","CarOutline","MoneyDown","CommentFill","ShareUp","StopwatchFill","TimesNew","UserCircleMoneyUp","CreditCard","FaceId","BriefcaseFill","UserTagFill","Cake","Building","WarningLetter","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
const WarningLetter = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#909090',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsxs(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 20 20",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M17.5 9.58333V15.2083C17.5 15.7833 17.0333 16.25 16.4583 16.25C15.8833 16.25 15.4167 15.7833 15.4167 15.2083V8.33333H16.25C16.94 8.33333 17.5 8.89333 17.5 9.58333ZM15.8333 17.5H5C3.33333 17.5 2.5 16.6667 2.5 15V5C2.5 3.33333 3.33333 2.5 5 2.5H11.6667C13.3333 2.5 14.1667 3.33333 14.1667 5V15.8333C14.1667 16.7542 14.9133 17.5 15.8333 17.5ZM5.20833 6.66667C5.20833 7.01167 5.48833 7.29167 5.83333 7.29167H8.33333C8.67833 7.29167 8.95833 7.01167 8.95833 6.66667C8.95833 6.32167 8.67833 6.04167 8.33333 6.04167H5.83333C5.48833 6.04167 5.20833 6.32167 5.20833 6.66667ZM11.4583 13.3333C11.4583 12.9883 11.1783 12.7083 10.8333 12.7083H5.83333C5.48833 12.7083 5.20833 12.9883 5.20833 13.3333C5.20833 13.6783 5.48833 13.9583 5.83333 13.9583H10.8333C11.1783 13.9583 11.4583 13.6783 11.4583 13.3333ZM11.4583 10C11.4583 9.655 11.1783 9.375 10.8333 9.375H5.83333C5.48833 9.375 5.20833 9.655 5.20833 10C5.20833 10.345 5.48833 10.625 5.83333 10.625H10.8333C11.1783 10.625 11.4583 10.345 11.4583 10Z",
|
|
18
|
+
fill: color
|
|
19
|
+
}), /*#__PURE__*/_jsx(G, {
|
|
20
|
+
"clip-path": "url(#clip0_20051_166631)",
|
|
21
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
22
|
+
d: "M14.5841 0.833984C12.9733 0.833984 11.6675 2.13978 11.6675 3.75065C11.6675 5.36153 12.9733 6.66732 14.5841 6.66732C16.195 6.66732 17.5008 5.36153 17.5008 3.75065C17.5008 2.13978 16.195 0.833984 14.5841 0.833984ZM14.3654 2.43815C14.3654 2.3174 14.4634 2.2194 14.5841 2.2194C14.7049 2.2194 14.8029 2.3174 14.8029 2.43815V3.77137C14.8029 3.89212 14.7049 3.99012 14.5841 3.99012C14.4634 3.99012 14.3654 3.89212 14.3654 3.77137V2.43815ZM14.59 5.06315C14.429 5.06315 14.2968 4.93248 14.2968 4.77148C14.2968 4.61048 14.4261 4.47982 14.5871 4.47982H14.59C14.7513 4.47982 14.8817 4.61048 14.8817 4.77148C14.8817 4.93248 14.751 5.06315 14.59 5.06315Z",
|
|
23
|
+
fill: "#F04438"
|
|
24
|
+
})
|
|
25
|
+
}), /*#__PURE__*/_jsx(Defs, {
|
|
26
|
+
children: /*#__PURE__*/_jsx(ClipPath, {
|
|
27
|
+
id: "clip0_20051_166631",
|
|
28
|
+
children: /*#__PURE__*/_jsx(Rect, {
|
|
29
|
+
x: "11.6667",
|
|
30
|
+
y: "0.833984",
|
|
31
|
+
width: "5.83333",
|
|
32
|
+
height: "5.83333",
|
|
33
|
+
rx: "2.91667",
|
|
34
|
+
fill: "white"
|
|
35
|
+
})
|
|
36
|
+
})
|
|
37
|
+
})]
|
|
38
|
+
});
|
|
39
|
+
export default WarningLetter;
|
|
40
|
+
//# sourceMappingURL=WarningLetter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","ClipPath","Defs","G","Path","Rect","jsx","_jsx","jsxs","_jsxs","WarningLetter","size","color","style","width","height","viewBox","fill","children","d","id","x","y","rx"],"sourceRoot":"../../../../src","sources":["Icon/icons/WarningLetter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,QAAQ,EAAEC,IAAI,EAAEC,CAAC,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQtE,MAAMC,aAA8B,GAAGA,CAAC;EACtCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC;AACF,CAAC,kBACCJ,KAAA,CAACT,GAAG;EAACc,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,gBAC3EX,IAAA,CAACH,IAAI;IACHe,CAAC,EAAC,09BAA09B;IAC59BF,IAAI,EAAEL;EAAM,CACb,CAAC,eACFL,IAAA,CAACJ,CAAC;IAAC,aAAU,0BAA0B;IAAAe,QAAA,eACrCX,IAAA,CAACH,IAAI;MACHe,CAAC,EAAC,koBAAkoB;MACpoBF,IAAI,EAAC;IAAS,CACf;EAAC,CACD,CAAC,eACJV,IAAA,CAACL,IAAI;IAAAgB,QAAA,eACHX,IAAA,CAACN,QAAQ;MAACmB,EAAE,EAAC,oBAAoB;MAAAF,QAAA,eAC/BX,IAAA,CAACF,IAAI;QACHgB,CAAC,EAAC,SAAS;QACXC,CAAC,EAAC,UAAU;QACZR,KAAK,EAAC,SAAS;QACfC,MAAM,EAAC,SAAS;QAChBQ,EAAE,EAAC,SAAS;QACZN,IAAI,EAAC;MAAO,CACb;IAAC,CACM;EAAC,CACP,CAAC;AAAA,CACJ,CACN;AAED,eAAeP,aAAa","ignoreList":[]}
|
|
@@ -5,10 +5,14 @@ interface TimePickerProps {
|
|
|
5
5
|
hour: number;
|
|
6
6
|
minute: number;
|
|
7
7
|
}) => void;
|
|
8
|
+
value?: {
|
|
9
|
+
hour: number;
|
|
10
|
+
minute: number;
|
|
11
|
+
};
|
|
8
12
|
title?: string;
|
|
9
13
|
confirmLabel?: string;
|
|
10
14
|
cancelLabel?: string;
|
|
11
15
|
}
|
|
12
|
-
export default function TimePickerWheel({ isOpen, onClose, onChange, title, cancelLabel, confirmLabel, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export default function TimePickerWheel({ isOpen, onClose, onChange, value, title, cancelLabel, confirmLabel, }: TimePickerProps): import("react/jsx-runtime").JSX.Element;
|
|
13
17
|
export {};
|
|
14
18
|
//# sourceMappingURL=TimePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/TimePicker.tsx"],"names":[],"mappings":"AAuBA,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAqB,EACrB,WAAqB,EACrB,YAAsB,GACvB,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/DatePicker/TimePicker.tsx"],"names":[],"mappings":"AAuBA,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAqB,EACrB,WAAqB,EACrB,YAAsB,GACvB,EAAE,eAAe,2CAgPjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAqNvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WarningLetter.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/WarningLetter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BlC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ViewStyle } from 'react-native';
|
|
2
|
-
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'briefcase-fill-bulk' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'money-down' | 'location-pin-outline' | 'car-outline' | 'comment-fill' | 'share-up' | 'stopwatch-fill' | 'times-new' | 'credit-card' | 'user-circle-money-up' | 'whatsapp-fill' | 'Cake' | 'Building' | 'briefcase-fill' | 'user-tag-fill' | 'FaceId';
|
|
2
|
+
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'briefcase-fill-bulk' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'money-down' | 'location-pin-outline' | 'car-outline' | 'comment-fill' | 'share-up' | 'stopwatch-fill' | 'times-new' | 'credit-card' | 'user-circle-money-up' | 'whatsapp-fill' | 'Cake' | 'Building' | 'briefcase-fill' | 'user-tag-fill' | 'FaceId' | 'warning-letter';
|
|
3
3
|
export interface IconProps {
|
|
4
4
|
name: IconNameProps;
|
|
5
5
|
size?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,sBAAsB,GACtB,aAAa,GACb,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,sBAAsB,GACtB,eAAe,GACf,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,sBAAsB,GACtB,aAAa,GACb,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,sBAAsB,GACtB,eAAe,GACf,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,QAAQ,GACR,gBAAgB,CAAC;AACrB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@herca/rn-kit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.86",
|
|
4
4
|
"description": "React Native UI Kit",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|
|
@@ -111,13 +111,6 @@
|
|
|
111
111
|
"example"
|
|
112
112
|
],
|
|
113
113
|
"packageManager": "yarn@3.6.1",
|
|
114
|
-
"jest": {
|
|
115
|
-
"preset": "react-native",
|
|
116
|
-
"modulePathIgnorePatterns": [
|
|
117
|
-
"<rootDir>/example/node_modules",
|
|
118
|
-
"<rootDir>/lib/"
|
|
119
|
-
]
|
|
120
|
-
},
|
|
121
114
|
"commitlint": {
|
|
122
115
|
"extends": [
|
|
123
116
|
"@commitlint/config-conventional"
|
|
@@ -1,22 +1,23 @@
|
|
|
1
1
|
# TimePickerWheel
|
|
2
2
|
|
|
3
|
-
**TimePickerWheel** adalah komponen pemilih waktu berbentuk
|
|
3
|
+
**TimePickerWheel** adalah komponen pemilih waktu berbentuk _wheel_ (picker bergulir) untuk **React Native**. Komponen ini menampilkan dua kolom (jam & menit) yang dapat digulir secara vertikal, dibungkus di dalam komponen **BottomSheet**.
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
7
|
## API Reference
|
|
8
8
|
|
|
9
|
-
| Prop | Tipe | Default
|
|
10
|
-
| ---------- | --------------------------------------------------- |
|
|
11
|
-
| `isOpen` | `boolean` | `false`
|
|
12
|
-
| `onClose` | `() => void` | `-`
|
|
13
|
-
| `onChange` | `(value: { hour: number; minute: number }) => void` | `-`
|
|
9
|
+
| Prop | Tipe | Default | Deskripsi |
|
|
10
|
+
| ---------- | --------------------------------------------------- | ---------------------- | --------------------------------------------------------------------------------------------- |
|
|
11
|
+
| `isOpen` | `boolean` | `false` | Menentukan apakah **BottomSheet** terbuka. |
|
|
12
|
+
| `onClose` | `() => void` | `-` | Callback saat pengguna menutup **BottomSheet** atau menekan tombol **Batal**. |
|
|
13
|
+
| `onChange` | `(value: { hour: number; minute: number }) => void` | `-` | Callback saat pengguna menekan tombol **Pilih**. Objek yang dikirim berisi `hour` & `minute`. |
|
|
14
|
+
| `value` | `{ hour: number; minute: number }` | `{hour: 0, minute: 0}` | Props untuk mengontrol value dari parent |
|
|
14
15
|
|
|
15
|
-
### Bentuk
|
|
16
|
+
### Bentuk _value_ `onChange`
|
|
16
17
|
|
|
17
18
|
```ts
|
|
18
19
|
{
|
|
19
|
-
hour: number;
|
|
20
|
+
hour: number; // 0–23
|
|
20
21
|
minute: number; // 0–59
|
|
21
22
|
}
|
|
22
23
|
```
|
|
@@ -25,9 +26,9 @@
|
|
|
25
26
|
|
|
26
27
|
## Cara Kerja Singkat
|
|
27
28
|
|
|
28
|
-
1. **Wheel Padding** – Komponen menambahkan elemen
|
|
29
|
+
1. **Wheel Padding** – Komponen menambahkan elemen _dummy_ di atas & bawah daftar agar item tengah selalu berada di posisi highlight.
|
|
29
30
|
2. **Highlight** – Baris tengah diberi `backgroundColor` khusus (`Color.primary[50]`) untuk menonjolkan pilihan aktif.
|
|
30
|
-
3. **Snapping** – Properti `snapToInterval={ITEM_HEIGHT}` memastikan scroll
|
|
31
|
+
3. **Snapping** – Properti `snapToInterval={ITEM_HEIGHT}` memastikan scroll _wheel_ berhenti tepat di setiap item.
|
|
31
32
|
4. **Sync & Loop** – Setelah scroll selesai, komponen menghitung indeks nyata (0‑23 untuk jam, 0‑59 untuk menit) agar wheel terasa tak terbatas.
|
|
32
33
|
|
|
33
34
|
---
|
|
@@ -45,11 +46,16 @@ export default function Example() {
|
|
|
45
46
|
null
|
|
46
47
|
);
|
|
47
48
|
|
|
48
|
-
const formatted = time
|
|
49
|
+
const formatted = time
|
|
50
|
+
? `${time.hour.toString().padStart(2, '0')}:${time.minute.toString().padStart(2, '0')}`
|
|
51
|
+
: '—';
|
|
49
52
|
|
|
50
53
|
return (
|
|
51
54
|
<View style={{ flex: 1 }}>
|
|
52
|
-
<Button
|
|
55
|
+
<Button
|
|
56
|
+
title={`Pilih Waktu (${formatted})`}
|
|
57
|
+
onPress={() => setOpen(true)}
|
|
58
|
+
/>
|
|
53
59
|
|
|
54
60
|
<TimePickerWheel
|
|
55
61
|
isOpen={open}
|
|
@@ -68,16 +74,16 @@ export default function Example() {
|
|
|
68
74
|
|
|
69
75
|
## Kustomisasi Tampilan
|
|
70
76
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
77
|
+
- **Jumlah Items Terlihat** (`VISIBLE_ITEMS`): Default 5. Ubah nilai konstanta untuk menambah/kurangi tinggi wheel.
|
|
78
|
+
- **Tinggi Item** (`ITEM_HEIGHT`): Default 40. Pengaturan ini mempengaruhi `snapToInterval`.
|
|
79
|
+
- **Warna & Tipografi**: Edit style `selectedItemText`, `itemText`, dan `highlight` untuk menyesuaikan brand guideline.
|
|
74
80
|
|
|
75
81
|
---
|
|
76
82
|
|
|
77
83
|
## Tips Implementasi
|
|
78
84
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
85
|
+
- Selalu panggil `onClose` setelah menangani hasil `onChange` agar **BottomSheet** menutup.
|
|
86
|
+
- Jika Anda ingin menetapkan waktu awal sebelum picker dibuka, setel `selectedHour` & `selectedMinute` memakai `useState` lalu buka picker.
|
|
87
|
+
- Komponen ini tidak membatasi kombinasi jam‑menit (mis. langkah 5 menit). Tambahkan logika tambahan jika diperlukan.
|
|
82
88
|
|
|
83
89
|
---
|
|
@@ -25,6 +25,7 @@ interface TimePickerProps {
|
|
|
25
25
|
isOpen: boolean;
|
|
26
26
|
onClose?: () => void;
|
|
27
27
|
onChange?: (value: { hour: number; minute: number }) => void;
|
|
28
|
+
value?: { hour: number; minute: number };
|
|
28
29
|
title?: string;
|
|
29
30
|
confirmLabel?: string;
|
|
30
31
|
cancelLabel?: string;
|
|
@@ -39,12 +40,15 @@ export default function TimePickerWheel({
|
|
|
39
40
|
isOpen,
|
|
40
41
|
onClose,
|
|
41
42
|
onChange,
|
|
43
|
+
value,
|
|
42
44
|
title = 'Pilih Waktu',
|
|
43
45
|
cancelLabel = 'Batal',
|
|
44
46
|
confirmLabel = 'Pilih',
|
|
45
47
|
}: TimePickerProps) {
|
|
46
|
-
const [selectedHour, setSelectedHour] = useState<number>(0);
|
|
47
|
-
const [selectedMinute, setSelectedMinute] = useState<number>(
|
|
48
|
+
const [selectedHour, setSelectedHour] = useState<number>(value?.hour ?? 0);
|
|
49
|
+
const [selectedMinute, setSelectedMinute] = useState<number>(
|
|
50
|
+
value?.minute ?? 0
|
|
51
|
+
);
|
|
48
52
|
|
|
49
53
|
const hourRef = useRef<FlatList<any> | null>(null);
|
|
50
54
|
const minuteRef = useRef<FlatList<any> | null>(null);
|
|
@@ -59,6 +63,14 @@ export default function TimePickerWheel({
|
|
|
59
63
|
const MIDDLE_HOUR_INDEX = Math.floor(hours.length / 2 / 24) * 24;
|
|
60
64
|
const MIDDLE_MINUTE_INDEX = Math.floor(minutes.length / 2 / 60) * 60;
|
|
61
65
|
|
|
66
|
+
// Update state ketika value prop berubah
|
|
67
|
+
useEffect(() => {
|
|
68
|
+
if (value) {
|
|
69
|
+
setSelectedHour(value.hour);
|
|
70
|
+
setSelectedMinute(value.minute);
|
|
71
|
+
}
|
|
72
|
+
}, [value]);
|
|
73
|
+
|
|
62
74
|
useEffect(() => {
|
|
63
75
|
if (isOpen) {
|
|
64
76
|
setTimeout(() => {
|
package/src/Icon/Icon.tsx
CHANGED
|
@@ -111,6 +111,7 @@ import BriefcaseFill from './icons/BriefcaseFill';
|
|
|
111
111
|
import UserTagFill from './icons/UserTagFill';
|
|
112
112
|
import Cake from './icons/Cake';
|
|
113
113
|
import Building from './icons/Building';
|
|
114
|
+
import WarningLetter from './icons/WarningLetter';
|
|
114
115
|
|
|
115
116
|
const icons: Record<
|
|
116
117
|
IconNameProps,
|
|
@@ -226,6 +227,7 @@ const icons: Record<
|
|
|
226
227
|
'user-tag-fill': UserTagFill,
|
|
227
228
|
'Cake': Cake,
|
|
228
229
|
'Building': Building,
|
|
230
|
+
'warning-letter': WarningLetter,
|
|
229
231
|
};
|
|
230
232
|
|
|
231
233
|
const Icon: React.FC<IconProps> = ({
|
package/src/Icon/README.md
CHANGED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { ClipPath, Defs, G, Path, Rect } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const WarningLetter: React.FC<Props> = ({
|
|
11
|
+
size = 24,
|
|
12
|
+
color = '#909090',
|
|
13
|
+
style,
|
|
14
|
+
}) => (
|
|
15
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
16
|
+
<Path
|
|
17
|
+
d="M17.5 9.58333V15.2083C17.5 15.7833 17.0333 16.25 16.4583 16.25C15.8833 16.25 15.4167 15.7833 15.4167 15.2083V8.33333H16.25C16.94 8.33333 17.5 8.89333 17.5 9.58333ZM15.8333 17.5H5C3.33333 17.5 2.5 16.6667 2.5 15V5C2.5 3.33333 3.33333 2.5 5 2.5H11.6667C13.3333 2.5 14.1667 3.33333 14.1667 5V15.8333C14.1667 16.7542 14.9133 17.5 15.8333 17.5ZM5.20833 6.66667C5.20833 7.01167 5.48833 7.29167 5.83333 7.29167H8.33333C8.67833 7.29167 8.95833 7.01167 8.95833 6.66667C8.95833 6.32167 8.67833 6.04167 8.33333 6.04167H5.83333C5.48833 6.04167 5.20833 6.32167 5.20833 6.66667ZM11.4583 13.3333C11.4583 12.9883 11.1783 12.7083 10.8333 12.7083H5.83333C5.48833 12.7083 5.20833 12.9883 5.20833 13.3333C5.20833 13.6783 5.48833 13.9583 5.83333 13.9583H10.8333C11.1783 13.9583 11.4583 13.6783 11.4583 13.3333ZM11.4583 10C11.4583 9.655 11.1783 9.375 10.8333 9.375H5.83333C5.48833 9.375 5.20833 9.655 5.20833 10C5.20833 10.345 5.48833 10.625 5.83333 10.625H10.8333C11.1783 10.625 11.4583 10.345 11.4583 10Z"
|
|
18
|
+
fill={color}
|
|
19
|
+
/>
|
|
20
|
+
<G clip-path="url(#clip0_20051_166631)">
|
|
21
|
+
<Path
|
|
22
|
+
d="M14.5841 0.833984C12.9733 0.833984 11.6675 2.13978 11.6675 3.75065C11.6675 5.36153 12.9733 6.66732 14.5841 6.66732C16.195 6.66732 17.5008 5.36153 17.5008 3.75065C17.5008 2.13978 16.195 0.833984 14.5841 0.833984ZM14.3654 2.43815C14.3654 2.3174 14.4634 2.2194 14.5841 2.2194C14.7049 2.2194 14.8029 2.3174 14.8029 2.43815V3.77137C14.8029 3.89212 14.7049 3.99012 14.5841 3.99012C14.4634 3.99012 14.3654 3.89212 14.3654 3.77137V2.43815ZM14.59 5.06315C14.429 5.06315 14.2968 4.93248 14.2968 4.77148C14.2968 4.61048 14.4261 4.47982 14.5871 4.47982H14.59C14.7513 4.47982 14.8817 4.61048 14.8817 4.77148C14.8817 4.93248 14.751 5.06315 14.59 5.06315Z"
|
|
23
|
+
fill="#F04438"
|
|
24
|
+
/>
|
|
25
|
+
</G>
|
|
26
|
+
<Defs>
|
|
27
|
+
<ClipPath id="clip0_20051_166631">
|
|
28
|
+
<Rect
|
|
29
|
+
x="11.6667"
|
|
30
|
+
y="0.833984"
|
|
31
|
+
width="5.83333"
|
|
32
|
+
height="5.83333"
|
|
33
|
+
rx="2.91667"
|
|
34
|
+
fill="white"
|
|
35
|
+
/>
|
|
36
|
+
</ClipPath>
|
|
37
|
+
</Defs>
|
|
38
|
+
</Svg>
|
|
39
|
+
);
|
|
40
|
+
|
|
41
|
+
export default WarningLetter;
|
package/src/Icon/type.tsx
CHANGED