@herca/rn-kit 0.1.18 → 0.1.20
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/README.md +1 -0
- package/lib/module/BottomSheet/BottomSheet.js +1 -0
- package/lib/module/BottomSheet/BottomSheet.js.map +1 -1
- package/lib/module/CounterButton/CounterButton.js +130 -0
- package/lib/module/CounterButton/CounterButton.js.map +1 -0
- package/lib/module/CounterButton/README.md +76 -0
- package/lib/module/CounterButton/type.js +2 -0
- package/lib/module/CounterButton/type.js.map +1 -0
- package/lib/module/DatePicker/DatePicker.js.map +1 -1
- package/lib/module/DatePicker/README_DATEPICKER.md +1 -0
- package/lib/module/Icon/Icon.js +2 -0
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/icons/Minus.js +22 -0
- package/lib/module/Icon/icons/Minus.js.map +1 -0
- package/lib/module/Input/Input.js +5 -1
- package/lib/module/Input/Input.js.map +1 -1
- package/lib/module/Select/README_Select.md +2 -0
- package/lib/module/Ui/Card.js +3 -4
- package/lib/module/Ui/Card.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/CounterButton/CounterButton.d.ts +3 -0
- package/lib/typescript/src/CounterButton/CounterButton.d.ts.map +1 -0
- package/lib/typescript/src/CounterButton/type.d.ts +10 -0
- package/lib/typescript/src/CounterButton/type.d.ts.map +1 -0
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/Minus.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Minus.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/Input.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/BottomSheet/BottomSheet.tsx +1 -0
- package/src/CounterButton/CounterButton.tsx +176 -0
- package/src/CounterButton/README.md +76 -0
- package/src/CounterButton/type.tsx +9 -0
- package/src/DatePicker/DatePicker.tsx +2 -2
- package/src/DatePicker/README_DATEPICKER.md +1 -0
- package/src/Icon/Icon.tsx +2 -0
- package/src/Icon/icons/Minus.tsx +25 -0
- package/src/Icon/type.tsx +1 -0
- package/src/Input/Input.tsx +8 -1
- package/src/Select/README_Select.md +2 -0
- package/src/Ui/Card.tsx +1 -4
- package/src/index.tsx +1 -0
package/README.md
CHANGED
|
@@ -107,6 +107,7 @@ Komponen untuk mengumpulkan input dari pengguna.
|
|
|
107
107
|
- [Checkbox](./src/CheckBox/README_CHECKBOX.md)
|
|
108
108
|
- [Checkbox List](./src/CheckBox/README_CHECKBOXLIST.md)
|
|
109
109
|
- [Chip-(Select)](./src/Chip/README.md)
|
|
110
|
+
- [CounterButton](./src/CounterButton/README.md)
|
|
110
111
|
- [DatePicker](./src/DatePicker/README_DATEPICKER.md)
|
|
111
112
|
- [DropDown](./src/DropDown/README.md)
|
|
112
113
|
- [Input](./src/Input/README.md)
|
|
@@ -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","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","base","white100","marginBottom","bottom","left"],"sourceRoot":"../../../src","sources":["BottomSheet/BottomSheet.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState, useEffect } from 'react';
|
|
4
|
+
import { View, StyleSheet, Pressable, TextInput } from 'react-native';
|
|
5
|
+
import Color from "../Color/Color.js";
|
|
6
|
+
import Icon from "../Icon/index.js";
|
|
7
|
+
import { fontSizeMap } from "../Typography/type.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
export default function CounterButton({
|
|
10
|
+
variant = 'default',
|
|
11
|
+
onChange,
|
|
12
|
+
value = 0,
|
|
13
|
+
min,
|
|
14
|
+
max,
|
|
15
|
+
disabledDecrease = false,
|
|
16
|
+
disabledIncrease = false
|
|
17
|
+
}) {
|
|
18
|
+
const [count, setCount] = useState(value);
|
|
19
|
+
const [inputValue, setInputValue] = useState(String(value));
|
|
20
|
+
const handlePressButton = type => {
|
|
21
|
+
let tempValue = count;
|
|
22
|
+
if (type === 'decrease') {
|
|
23
|
+
if ((min === undefined || tempValue > min) && !disabledDecrease) {
|
|
24
|
+
tempValue = count - 1;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
if (type === 'increase') {
|
|
28
|
+
if ((max === undefined || tempValue < max) && !disabledIncrease) {
|
|
29
|
+
tempValue = count + 1;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
if (tempValue !== count) {
|
|
33
|
+
setCount(tempValue);
|
|
34
|
+
setInputValue(String(tempValue));
|
|
35
|
+
onChange?.(tempValue);
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
const handleInputChange = text => {
|
|
39
|
+
const numeric = text.replace(/[^0-9]/g, '');
|
|
40
|
+
setInputValue(numeric);
|
|
41
|
+
const parsed = parseInt(numeric, 10);
|
|
42
|
+
if (!isNaN(parsed)) {
|
|
43
|
+
let newValue = parsed;
|
|
44
|
+
if (min !== undefined && newValue < min) newValue = min;
|
|
45
|
+
if (max !== undefined && newValue > max) newValue = max;
|
|
46
|
+
setCount(newValue);
|
|
47
|
+
onChange?.(newValue);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (value !== count) {
|
|
54
|
+
setCount(value);
|
|
55
|
+
setInputValue(String(value));
|
|
56
|
+
}
|
|
57
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
58
|
+
}, [value]);
|
|
59
|
+
const isDecreaseDisabled = disabledDecrease || min !== undefined && count <= min;
|
|
60
|
+
const isIncreaseDisabled = disabledIncrease || max !== undefined && count >= max;
|
|
61
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
62
|
+
style: [styles.container, variant === 'default' ? styles.containerDefault : {}],
|
|
63
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
64
|
+
style: [variant === 'default' ? styles.buttonDefault : styles.buttonColor, isDecreaseDisabled && variant === 'color' ? styles.buttonColorDisabled : {}],
|
|
65
|
+
disabled: isDecreaseDisabled,
|
|
66
|
+
onPress: () => handlePressButton('decrease'),
|
|
67
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
68
|
+
name: "Minus",
|
|
69
|
+
color: isDecreaseDisabled ? variant === 'color' ? Color.gray[200] : Color.gray[500] : variant === 'default' ? Color.primary[1000] : Color.base.white100,
|
|
70
|
+
size: 10
|
|
71
|
+
})
|
|
72
|
+
}), /*#__PURE__*/_jsx(TextInput, {
|
|
73
|
+
style: [styles.input, {
|
|
74
|
+
fontSize: fontSizeMap['t3'],
|
|
75
|
+
color: Color.gray[900]
|
|
76
|
+
}],
|
|
77
|
+
keyboardType: "numeric",
|
|
78
|
+
value: inputValue,
|
|
79
|
+
onChangeText: handleInputChange
|
|
80
|
+
}), /*#__PURE__*/_jsx(Pressable, {
|
|
81
|
+
style: [variant === 'default' ? styles.buttonDefault : styles.buttonColor, isIncreaseDisabled && variant === 'color' ? styles.buttonColorDisabled : {}],
|
|
82
|
+
disabled: isIncreaseDisabled,
|
|
83
|
+
onPress: () => handlePressButton('increase'),
|
|
84
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
85
|
+
name: "Plus",
|
|
86
|
+
color: isIncreaseDisabled ? variant === 'color' ? Color.gray[200] : Color.gray[500] : variant === 'default' ? Color.primary[1000] : Color.base.white100,
|
|
87
|
+
size: 10
|
|
88
|
+
})
|
|
89
|
+
})]
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
const styles = StyleSheet.create({
|
|
93
|
+
container: {
|
|
94
|
+
flexDirection: 'row',
|
|
95
|
+
gap: 8,
|
|
96
|
+
alignItems: 'center'
|
|
97
|
+
},
|
|
98
|
+
containerDefault: {
|
|
99
|
+
borderWidth: 1,
|
|
100
|
+
borderColor: Color.gray[500],
|
|
101
|
+
borderRadius: 8,
|
|
102
|
+
justifyContent: 'center',
|
|
103
|
+
width: 81,
|
|
104
|
+
height: 28
|
|
105
|
+
},
|
|
106
|
+
buttonColor: {
|
|
107
|
+
borderRadius: 50,
|
|
108
|
+
height: 20,
|
|
109
|
+
width: 20,
|
|
110
|
+
justifyContent: 'center',
|
|
111
|
+
alignItems: 'center',
|
|
112
|
+
backgroundColor: Color.primary[1000]
|
|
113
|
+
},
|
|
114
|
+
buttonColorDisabled: {
|
|
115
|
+
backgroundColor: Color.gray[400]
|
|
116
|
+
},
|
|
117
|
+
buttonDefault: {
|
|
118
|
+
width: 20,
|
|
119
|
+
height: 20,
|
|
120
|
+
justifyContent: 'center',
|
|
121
|
+
alignItems: 'center'
|
|
122
|
+
},
|
|
123
|
+
input: {
|
|
124
|
+
width: 24,
|
|
125
|
+
height: 20,
|
|
126
|
+
textAlign: 'center',
|
|
127
|
+
padding: 0
|
|
128
|
+
}
|
|
129
|
+
});
|
|
130
|
+
//# sourceMappingURL=CounterButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useState","useEffect","View","StyleSheet","Pressable","TextInput","Color","Icon","fontSizeMap","jsx","_jsx","jsxs","_jsxs","CounterButton","variant","onChange","value","min","max","disabledDecrease","disabledIncrease","count","setCount","inputValue","setInputValue","String","handlePressButton","type","tempValue","undefined","handleInputChange","text","numeric","replace","parsed","parseInt","isNaN","newValue","isDecreaseDisabled","isIncreaseDisabled","style","styles","container","containerDefault","children","buttonDefault","buttonColor","buttonColorDisabled","disabled","onPress","name","color","gray","primary","base","white100","size","input","fontSize","keyboardType","onChangeText","create","flexDirection","gap","alignItems","borderWidth","borderColor","borderRadius","justifyContent","width","height","backgroundColor","textAlign","padding"],"sourceRoot":"../../../src","sources":["CounterButton/CounterButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# 📦 CounterButton Component
|
|
2
|
+
|
|
3
|
+
Komponen `CounterButton` adalah tombol penghitung sederhana (+ / -) yang digunakan untuk mengatur nilai numerik dalam batas minimum dan maksimum. Komponen ini cocok digunakan untuk fitur seperti jumlah produk, kuantitas, atau pengaturan lainnya.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## ✨ Fitur
|
|
8
|
+
|
|
9
|
+
- Menambah dan mengurangi nilai dengan tombol.
|
|
10
|
+
- Mendukung batas nilai minimum dan maksimum.
|
|
11
|
+
- Tampilan dapat disesuaikan dengan `variant`.
|
|
12
|
+
- Mengirim nilai yang telah diubah ke parent melalui `onChange`.
|
|
13
|
+
|
|
14
|
+
---
|
|
15
|
+
|
|
16
|
+
## 🧩 Props
|
|
17
|
+
|
|
18
|
+
| Prop | Tipe | Default | Deskripsi |
|
|
19
|
+
|-----------|------------------------------|-------------|---------------------------------------------------------------------------|
|
|
20
|
+
| `value` | `number` | `0` | Nilai awal yang akan ditampilkan pada counter. |
|
|
21
|
+
| `onChange`| `(val: number) => void` | `undefined` | Callback yang dipanggil saat nilai counter berubah. |
|
|
22
|
+
| `min` | `number` | `undefined` | Nilai minimum yang diperbolehkan untuk counter. |
|
|
23
|
+
| `max` | `number` | `undefined` | Nilai maksimum yang diperbolehkan untuk counter. |
|
|
24
|
+
| `variant` | `'default'` \| `'color'` | `'default'` | Menentukan gaya visual: `default` (outline) atau `color` (filled). |
|
|
25
|
+
| `disabledDecrease` | boolean | `'false'` | disabled decrease |
|
|
26
|
+
| `disabledIncrease` | boolean | `'false'` | disabled increase |
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
## 🎨 Variasi Tampilan
|
|
31
|
+
|
|
32
|
+
### 1. Default
|
|
33
|
+
|
|
34
|
+
```tsx
|
|
35
|
+
<CounterButton
|
|
36
|
+
value={1}
|
|
37
|
+
onChange={(val) => console.log(val)}
|
|
38
|
+
min={1}
|
|
39
|
+
max={5}
|
|
40
|
+
/>
|
|
41
|
+
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### 1. Warna Filled Button
|
|
45
|
+
|
|
46
|
+
```tsx
|
|
47
|
+
<CounterButton
|
|
48
|
+
value={2}
|
|
49
|
+
onChange={(val) => console.log(val)}
|
|
50
|
+
min={1}
|
|
51
|
+
max={10}
|
|
52
|
+
variant="color"
|
|
53
|
+
/>
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
## 🧪 Contoh Implementasi
|
|
57
|
+
|
|
58
|
+
```tsx
|
|
59
|
+
|
|
60
|
+
import CounterButton from './CounterButton';
|
|
61
|
+
|
|
62
|
+
export default function ProductCounter() {
|
|
63
|
+
const [quantity, setQuantity] = useState(1);
|
|
64
|
+
|
|
65
|
+
return (
|
|
66
|
+
<CounterButton
|
|
67
|
+
value={quantity}
|
|
68
|
+
min={1}
|
|
69
|
+
max={10}
|
|
70
|
+
onChange={setQuantity}
|
|
71
|
+
variant="color"
|
|
72
|
+
/>
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["CounterButton/type.tsx"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useState","useEffect","StyleSheet","View","BottomSheet","Calendar","formatDate","Button","Alert","Color","jsx","_jsx","jsxs","_jsxs","DatePicker","onChange","isOpen","onClose","required","hasError","onHasError","hint","mode","value","calendarProps","errorValidate","setErrorValidate","markDates","setMarkDates","valueDatepicker","setValueDatepicker","startDate","endDate","date","handleOnChangeCalendar","handleOnPressSubmitButton","isEmpty","isRangeMode","isInvalidRange","handleOnPressCancelButton","updatedMarkDates","selected","start","Date","end","dates","dt","setDate","getDate","dateStr","backgroundColor","primary","textColor","gray","base","white100","children","footer","style","styles","footerContainer","buttonWrapper","variant","title","color","onPress","markedDates","message","hide","create","flexDirection","justifyContent","flex"],"sourceRoot":"../../../src","sources":["DatePicker/DatePicker.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["useCallback","useState","useEffect","StyleSheet","View","BottomSheet","Calendar","formatDate","Button","Alert","Color","jsx","_jsx","jsxs","_jsxs","DatePicker","onChange","isOpen","onClose","required","hasError","onHasError","hint","mode","value","calendarProps","errorValidate","setErrorValidate","markDates","setMarkDates","valueDatepicker","setValueDatepicker","startDate","endDate","date","handleOnChangeCalendar","handleOnPressSubmitButton","isEmpty","isRangeMode","isInvalidRange","handleOnPressCancelButton","updatedMarkDates","selected","start","Date","end","dates","dt","setDate","getDate","dateStr","backgroundColor","primary","textColor","gray","base","white100","children","footer","style","styles","footerContainer","buttonWrapper","variant","title","color","onPress","markedDates","message","hide","create","flexDirection","justifyContent","flex"],"sourceRoot":"../../../src","sources":["DatePicker/DatePicker.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,6 +25,7 @@ Komponen ini extend dari Calendar, jadi kalian bisa menggunakan semua props yang
|
|
|
25
25
|
| `onClose` | `() => void` | Callback saat BottomSheet ditutup |
|
|
26
26
|
| `isOpen` | `boolean` | Menentukan apakah BottomSheet sedang terbuka |
|
|
27
27
|
| `hasError` | `boolean` | (Opsional) Menandai jika terjadi kesalahan validasi |
|
|
28
|
+
| `value` | DateRangeProps | (Opsional) set default value |
|
|
28
29
|
|
|
29
30
|
---
|
|
30
31
|
|
package/lib/module/Icon/Icon.js
CHANGED
|
@@ -38,6 +38,7 @@ import ClipBoardList from "./icons/ClipBoardList.js";
|
|
|
38
38
|
import Megaphone from "./icons/Megaphone.js";
|
|
39
39
|
import Bell from "./icons/Bell.js";
|
|
40
40
|
import BookmarkUser from "./icons/BookmarkUser.js";
|
|
41
|
+
import Minus from "./icons/Minus.js";
|
|
41
42
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
42
43
|
const icons = {
|
|
43
44
|
'Search': Search,
|
|
@@ -65,6 +66,7 @@ const icons = {
|
|
|
65
66
|
'ArrowDown': ArrowDown,
|
|
66
67
|
'ArrowUp': ArrowUp,
|
|
67
68
|
'Plus': Plus,
|
|
69
|
+
'Minus': Minus,
|
|
68
70
|
'Bell': Bell,
|
|
69
71
|
'file-list-check': FileListCheck,
|
|
70
72
|
'file-text': FileText,
|
|
@@ -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","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;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","Minus","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,KAAK,MAAM,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,MAAMC,KAGL,GAAG;EACF,QAAQ,EAAEpB,MAAM;EAChB,MAAM,EAAEpB,IAAI;EACZ,KAAK,EAAEC,GAAG;EACV,SAAS,EAAEqB,OAAO;EAClB,YAAY,EAAEnB,UAAU;EACxB,WAAW,EAAEkB,SAAS;EACtB,UAAU,EAAEjB,QAAQ;EACpB,UAAU,EAAEC,QAAQ;EACpB,iBAAiB,EAAEkB,eAAe;EAClC,UAAU,EAAEjB,QAAQ;EACpB,UAAU,EAAEJ,OAAO;EACnB,YAAY,EAAEK,UAAU;EACxB,aAAa,EAAEE,WAAW;EAC1B,KAAK,EAAED,GAAG;EACV,cAAc,EAAEE,YAAY;EAC5B,iBAAiB,EAAEC,eAAe;EAClC,OAAO,EAAEC,KAAK;EACd,QAAQ,EAAEC,MAAM;EAChB,UAAU,EAAEC,QAAQ;EACpB,QAAQ,EAAEC,MAAM;EAChB,OAAO,EAAEC,KAAK;EACd,OAAO,EAAEC,KAAK;EACd,WAAW,EAAEC,SAAS;EACtB,SAAS,EAAEC,OAAO;EAClB,MAAM,EAAEU,IAAI;EACZ,OAAO,EAAEQ,KAAK;EACd,MAAM,EAAEF,IAAI;EACZ,iBAAiB,EAAEX,aAAa;EAChC,WAAW,EAAEC,QAAQ;EACrB,eAAe,EAAEW,YAAY;EAC7B,cAAc,EAAEV,WAAW;EAC3B,WAAW,EAAEC,QAAQ;EACrB,cAAc,EAAEC,WAAW;EAC3B,qBAAqB,EAAEG,iBAAiB;EACxC,kBAAkB,EAAED,cAAc;EAClC,sBAAsB,EAAEE,kBAAkB;EAC1C,gBAAgB,EAAEC,aAAa;EAC/B,WAAW,EAAEC;AACf,CAAC;AAED,MAAMO,IAAyB,GAAGA,CAAC;EACjCC,IAAI;EACJC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,MAAM;EACdC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGN,KAAK,CAACE,IAAI,CAAC;EAEhC,IAAI,CAACI,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,oBAAOP,IAAA,CAACO,YAAY;IAACH,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAACC,KAAK,EAAEA;EAAM,CAAE,CAAC;AACjE,CAAC;AAED,eAAeJ,IAAI","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
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 Minus = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size + 1,
|
|
13
|
+
viewBox: "0 0 10 2",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M9.08301 1.58341H0.916341C0.594341 1.58341 0.333008 1.32208 0.333008 1.00008C0.333008 0.678081 0.594341 0.416748 0.916341 0.416748H9.08301C9.40501 0.416748 9.66634 0.678081 9.66634 1.00008C9.66634 1.32208 9.40501 1.58341 9.08301 1.58341Z",
|
|
18
|
+
fill: color
|
|
19
|
+
})
|
|
20
|
+
});
|
|
21
|
+
export default Minus;
|
|
22
|
+
//# sourceMappingURL=Minus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Minus","size","color","style","width","height","viewBox","fill","children","d"],"sourceRoot":"../../../../src","sources":["Icon/icons/Minus.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,KAAsB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBAClEJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAK;EACZI,MAAM,EAAEJ,IAAI,GAAG,CAAE;EACjBK,OAAO,EAAC,UAAU;EAClBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,+OAA+O;IACjPF,IAAI,EAAEL;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeF,KAAK","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from 'react';
|
|
4
|
-
import { TextInput, View, StyleSheet, TouchableOpacity } from 'react-native';
|
|
4
|
+
import { TextInput, View, StyleSheet, TouchableOpacity, Platform } from 'react-native';
|
|
5
5
|
import { Icon } from "../Icon/index.js";
|
|
6
6
|
import Color from "../Color/Color.js";
|
|
7
7
|
import LabelForm from "../LabelForm/LabelForm.js";
|
|
@@ -105,6 +105,10 @@ const styles = StyleSheet.create({
|
|
|
105
105
|
input: {
|
|
106
106
|
height: 37,
|
|
107
107
|
paddingHorizontal: 12,
|
|
108
|
+
marginTop: Platform.select({
|
|
109
|
+
ios: 0,
|
|
110
|
+
android: 5
|
|
111
|
+
}),
|
|
108
112
|
fontSize: 16,
|
|
109
113
|
color: '#333'
|
|
110
114
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","TextInput","View","StyleSheet","TouchableOpacity","Icon","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","Input","icon","iconRight","label","style","value","clearButton","hasError","hint","onChangeText","onPressIconLeft","onPressIconRight","secureTextEntry","rest","inputValue","setInputValue","handleClear","handleChange","text","showRightIcons","styles","gap","children","title","container","borderColor","danger","gray","onPress","iconLeft","hitSlop","name","size","color","input","paddingLeft","paddingRight","placeholderTextColor","rightContainer","marginRight","variant","create","position","height","borderRadius","borderWidth","backgroundColor","base","white100","justifyContent","paddingHorizontal","fontSize","left","zIndex","right","flexDirection","alignItems"],"sourceRoot":"../../../src","sources":["Input/Input.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,
|
|
1
|
+
{"version":3,"names":["React","useState","TextInput","View","StyleSheet","TouchableOpacity","Platform","Icon","Color","LabelForm","Typography","jsx","_jsx","jsxs","_jsxs","Input","icon","iconRight","label","style","value","clearButton","hasError","hint","onChangeText","onPressIconLeft","onPressIconRight","secureTextEntry","rest","inputValue","setInputValue","handleClear","handleChange","text","showRightIcons","styles","gap","children","title","container","borderColor","danger","gray","onPress","iconLeft","hitSlop","name","size","color","input","paddingLeft","paddingRight","placeholderTextColor","rightContainer","marginRight","variant","create","position","height","borderRadius","borderWidth","backgroundColor","base","white100","justifyContent","paddingHorizontal","marginTop","select","ios","android","fontSize","left","zIndex","right","flexDirection","alignItems"],"sourceRoot":"../../../src","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -28,6 +28,8 @@ Komponen `Select` adalah komponen pemilihan data berbasis bottom sheet dengan du
|
|
|
28
28
|
| `delaySearch`| `number` | `300` | Delay pencarian dalam milidetik |
|
|
29
29
|
| `height` | `BottomSheetHeighProps` | - | Ukuran tinggi BottomSheet |
|
|
30
30
|
| `onRefresh` | `() => void` | - | Callback saat pull-to-refresh dilakukan |
|
|
31
|
+
| `header` | ReactElement| – | Jika ingin chip mempunyai header. |
|
|
32
|
+
| `footer` | ReactElement| – | Jika ingin chip mempunyai footer. |
|
|
31
33
|
|
|
32
34
|
## 📌 Contoh Penggunaan
|
|
33
35
|
|
package/lib/module/Ui/Card.js
CHANGED
|
@@ -14,7 +14,9 @@ export default function Card({
|
|
|
14
14
|
if (backgroundImage) {
|
|
15
15
|
return /*#__PURE__*/_jsx(ImageBackground, {
|
|
16
16
|
source: backgroundImage,
|
|
17
|
-
style: [styles.imageBackground, style
|
|
17
|
+
style: [styles.imageBackground, style, {
|
|
18
|
+
borderColor: borderColor
|
|
19
|
+
}],
|
|
18
20
|
imageStyle: styles.imageStyle,
|
|
19
21
|
children: children
|
|
20
22
|
});
|
|
@@ -45,9 +47,6 @@ const styles = StyleSheet.create({
|
|
|
45
47
|
},
|
|
46
48
|
imageStyle: {
|
|
47
49
|
borderRadius: 8
|
|
48
|
-
},
|
|
49
|
-
inner: {
|
|
50
|
-
padding: 10 // tetap kasih padding isi
|
|
51
50
|
}
|
|
52
51
|
});
|
|
53
52
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","ImageBackground","Color","jsx","_jsx","Card","children","style","backgroundImage","backgroundColor","borderColor","gray","source","styles","imageBackground","imageStyle","container","sharedCardStyle","borderWidth","borderRadius","padding","create","overflow"
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","ImageBackground","Color","jsx","_jsx","Card","children","style","backgroundImage","backgroundColor","borderColor","gray","source","styles","imageBackground","imageStyle","container","sharedCardStyle","borderWidth","borderRadius","padding","create","overflow"],"sourceRoot":"../../../src","sources":["Ui/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,IAAI,EACJC,eAAe,QAGV,cAAc;AACrB,OAAOC,KAAK,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUnC,eAAe,SAASC,IAAIA,CAAC;EAC3BC,QAAQ;EACRC,KAAK;EACLC,eAAe;EACfC,eAAe;EACfC,WAAW,GAAGR,KAAK,CAACS,IAAI,CAAC,KAAK;AACrB,CAAC,EAAE;EACZ,IAAIH,eAAe,EAAE;IACnB,oBACEJ,IAAA,CAACH,eAAe;MACdW,MAAM,EAAEJ,eAAgB;MACxBD,KAAK,EAAE,CAACM,MAAM,CAACC,eAAe,EAAEP,KAAK,EAAE;QAAEG,WAAW,EAAEA;MAAY,CAAC,CAAE;MACrEK,UAAU,EAAEF,MAAM,CAACE,UAAW;MAAAT,QAAA,EAE7BA;IAAQ,CACM,CAAC;EAEtB;EACA,oBACEF,IAAA,CAACJ,IAAI;IACHO,KAAK,EAAE,CACLM,MAAM,CAACG,SAAS,EAChBT,KAAK,EACL,OAAOG,WAAW,KAAK,QAAQ,IAAI;MAAEA;IAAY,CAAC,EAClD,OAAOD,eAAe,KAAK,QAAQ,IAAI;MAAEA;IAAgB,CAAC,CAC1D;IAAAH,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX;AAEA,MAAMW,eAAe,GAAG;EACtBC,WAAW,EAAE,CAAC;EACdC,YAAY,EAAE,CAAC;EACf;EACAC,OAAO,EAAE;AACX,CAAC;AAED,MAAMP,MAAM,GAAGd,UAAU,CAACsB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACT,GAAGC,eAAe;IAClBK,QAAQ,EAAE,QAAQ;IAClBb,eAAe,EAAE;EACnB,CAAC;EACDK,eAAe,EAAE;IACf,GAAGG;EACL,CAAC;EACDF,UAAU,EAAE;IACVI,YAAY,EAAE;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -29,6 +29,7 @@ export { default as InputOtp } from "./Input/InputOtp.js";
|
|
|
29
29
|
export { default as Switch } from "./Input/Switch.js";
|
|
30
30
|
export { default as CheckBox } from "./CheckBox/CheckBox.js";
|
|
31
31
|
export { default as CheckBoxList } from "./CheckBox/CheckBoxList.js";
|
|
32
|
+
export { default as CounterButton } from "./CounterButton/CounterButton.js";
|
|
32
33
|
export { default as RadioButton } from "./RadioButton/RadioButton.js";
|
|
33
34
|
export { default as Icon } from "./Icon/Icon.js";
|
|
34
35
|
export { default as Modal } from "./Modal/Modal.js";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["RnKit","multiply","a","b","default","Accordion","AccordionItem","Button","Color","Typography","BottomSheet","Container","Card","DropDown","Center","Gap","Grid","Col","Chip","Footer","Devider","Select","LabelForm","Input","InputPassword","InputFile","InputOtp","Switch","CheckBox","CheckBoxList","RadioButton","Icon","Modal","Label","List","ListItem","Loading","Avatar","AvatarGroup","Badge","Alert","Timeline","TimelineItem","Theme","Provider","useFooter","Drawing","Calendar","DatePicker","YearPicker","MonthPicker","TimePicker","Step","StepItem","Tab","TabItem","Toast","TextArea","ToastProvider","useToast"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,kBAAe;AAEjC,OAAO,SAASC,QAAQA,CAACC,CAAS,EAAEC,CAAS,EAAU;EACrD,OAAOH,KAAK,CAACC,QAAQ,CAACC,CAAC,EAAEC,CAAC,CAAC;AAC7B;AAEA,SAASC,OAAO,IAAIC,SAAS,QAAQ,0BAAuB;AAC5D,SAASD,OAAO,IAAIE,aAAa,QAAQ,8BAA2B;AAEpE,SAASF,OAAO,IAAIG,MAAM,QAAQ,oBAAiB;AACnD,SAASH,OAAO,IAAII,KAAK,QAAQ,kBAAe;AAChD,SAASJ,OAAO,IAAIK,UAAU,QAAQ,4BAAyB;AAO/D,SAASL,OAAO,IAAIM,WAAW,QAAQ,8BAA2B;AAClE,SAASN,OAAO,IAAIO,SAAS,QAAQ,mBAAgB;AACrD,SAASP,OAAO,IAAIQ,IAAI,QAAQ,cAAW;AAC3C,SAASR,OAAO,IAAIS,QAAQ,QAAQ,wBAAqB;AACzD,SAAST,OAAO,IAAIU,MAAM,QAAQ,gBAAa;AAC/C,SAASV,OAAO,IAAIW,GAAG,QAAQ,aAAU;AACzC,SAASX,OAAO,IAAIY,IAAI,QAAQ,cAAW;AAC3C,SAASZ,OAAO,IAAIa,GAAG,QAAQ,aAAU;AACzC,SAASb,OAAO,IAAIc,IAAI,QAAQ,gBAAa;AAM7C,SAASd,OAAO,IAAIe,MAAM,QAAQ,gBAAa;AAC/C,SAASf,OAAO,IAAIgB,OAAO,QAAQ,iBAAc;AACjD,SAAShB,OAAO,IAAIiB,MAAM,QAAQ,oBAAiB;AAEnD,SAASjB,OAAO,IAAIkB,SAAS,QAAQ,0BAAuB;AAC5D,SAASlB,OAAO,IAAImB,KAAK,QAAQ,kBAAe;AAChD,SAASnB,OAAO,IAAIoB,aAAa,QAAQ,0BAAuB;AAChE,SAASpB,OAAO,IAAIqB,SAAS,QAAQ,sBAAmB;AACxD,SAASrB,OAAO,IAAIsB,QAAQ,QAAQ,qBAAkB;AACtD,SAAStB,OAAO,IAAIuB,MAAM,QAAQ,mBAAgB;AAClD,SAASvB,OAAO,IAAIwB,QAAQ,QAAQ,wBAAqB;AACzD,SAASxB,OAAO,IAAIyB,YAAY,QAAQ,4BAAyB;AACjE,SAASzB,OAAO,IAAI0B,
|
|
1
|
+
{"version":3,"names":["RnKit","multiply","a","b","default","Accordion","AccordionItem","Button","Color","Typography","BottomSheet","Container","Card","DropDown","Center","Gap","Grid","Col","Chip","Footer","Devider","Select","LabelForm","Input","InputPassword","InputFile","InputOtp","Switch","CheckBox","CheckBoxList","CounterButton","RadioButton","Icon","Modal","Label","List","ListItem","Loading","Avatar","AvatarGroup","Badge","Alert","Timeline","TimelineItem","Theme","Provider","useFooter","Drawing","Calendar","DatePicker","YearPicker","MonthPicker","TimePicker","Step","StepItem","Tab","TabItem","Toast","TextArea","ToastProvider","useToast"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterButton.d.ts","sourceRoot":"","sources":["../../../../src/CounterButton/CounterButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAGhD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,OAAmB,EACnB,QAAQ,EACR,KAAS,EACT,GAAG,EACH,GAAG,EACH,gBAAwB,EACxB,gBAAwB,GACzB,EAAE,iBAAiB,2CAyHnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/CounterButton/type.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
|
|
@@ -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;AAmEvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Minus.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Minus.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,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa1B,CAAC;AAEF,eAAe,KAAK,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' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | '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';
|
|
2
|
+
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | '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';
|
|
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,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,CAAC;AAEhB,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"}
|
|
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,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,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,CAAC;AAEhB,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0F/B,CAAC;AAoCF,eAAe,KAAK,CAAC"}
|
|
@@ -28,6 +28,7 @@ export { default as InputOtp } from './Input/InputOtp';
|
|
|
28
28
|
export { default as Switch } from './Input/Switch';
|
|
29
29
|
export { default as CheckBox } from './CheckBox/CheckBox';
|
|
30
30
|
export { default as CheckBoxList } from './CheckBox/CheckBoxList';
|
|
31
|
+
export { default as CounterButton } from './CounterButton/CounterButton';
|
|
31
32
|
export { default as RadioButton } from './RadioButton/RadioButton';
|
|
32
33
|
export { default as Icon } from './Icon/Icon';
|
|
33
34
|
export { default as Modal } from './Modal/Modal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACrE,YAAY,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,YAAY,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,sBAAsB,GACvB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,GAChB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
import { View, StyleSheet, Pressable, TextInput } from 'react-native';
|
|
3
|
+
import Color from '../Color/Color';
|
|
4
|
+
import Icon from '../Icon';
|
|
5
|
+
import type { CounterButtonType } from './type';
|
|
6
|
+
import { fontSizeMap } from '../Typography/type';
|
|
7
|
+
|
|
8
|
+
export default function CounterButton({
|
|
9
|
+
variant = 'default',
|
|
10
|
+
onChange,
|
|
11
|
+
value = 0,
|
|
12
|
+
min,
|
|
13
|
+
max,
|
|
14
|
+
disabledDecrease = false,
|
|
15
|
+
disabledIncrease = false,
|
|
16
|
+
}: CounterButtonType) {
|
|
17
|
+
const [count, setCount] = useState<number>(value);
|
|
18
|
+
const [inputValue, setInputValue] = useState<string>(String(value));
|
|
19
|
+
|
|
20
|
+
const handlePressButton = (type: 'decrease' | 'increase') => {
|
|
21
|
+
let tempValue = count;
|
|
22
|
+
|
|
23
|
+
if (type === 'decrease') {
|
|
24
|
+
if ((min === undefined || tempValue > min) && !disabledDecrease) {
|
|
25
|
+
tempValue = count - 1;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
if (type === 'increase') {
|
|
30
|
+
if ((max === undefined || tempValue < max) && !disabledIncrease) {
|
|
31
|
+
tempValue = count + 1;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
if (tempValue !== count) {
|
|
36
|
+
setCount(tempValue);
|
|
37
|
+
setInputValue(String(tempValue));
|
|
38
|
+
onChange?.(tempValue);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
const handleInputChange = (text: string) => {
|
|
43
|
+
const numeric = text.replace(/[^0-9]/g, '');
|
|
44
|
+
setInputValue(numeric);
|
|
45
|
+
const parsed = parseInt(numeric, 10);
|
|
46
|
+
if (!isNaN(parsed)) {
|
|
47
|
+
let newValue = parsed;
|
|
48
|
+
if (min !== undefined && newValue < min) newValue = min;
|
|
49
|
+
if (max !== undefined && newValue > max) newValue = max;
|
|
50
|
+
setCount(newValue);
|
|
51
|
+
onChange?.(newValue);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
56
|
+
useEffect(() => {
|
|
57
|
+
if (value !== count) {
|
|
58
|
+
setCount(value);
|
|
59
|
+
setInputValue(String(value));
|
|
60
|
+
}
|
|
61
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
|
+
}, [value]);
|
|
63
|
+
|
|
64
|
+
const isDecreaseDisabled =
|
|
65
|
+
disabledDecrease || (min !== undefined && count <= min);
|
|
66
|
+
const isIncreaseDisabled =
|
|
67
|
+
disabledIncrease || (max !== undefined && count >= max);
|
|
68
|
+
|
|
69
|
+
return (
|
|
70
|
+
<View
|
|
71
|
+
style={[
|
|
72
|
+
styles.container,
|
|
73
|
+
variant === 'default' ? styles.containerDefault : {},
|
|
74
|
+
]}
|
|
75
|
+
>
|
|
76
|
+
<Pressable
|
|
77
|
+
style={[
|
|
78
|
+
variant === 'default' ? styles.buttonDefault : styles.buttonColor,
|
|
79
|
+
isDecreaseDisabled && variant === 'color'
|
|
80
|
+
? styles.buttonColorDisabled
|
|
81
|
+
: {},
|
|
82
|
+
]}
|
|
83
|
+
disabled={isDecreaseDisabled}
|
|
84
|
+
onPress={() => handlePressButton('decrease')}
|
|
85
|
+
>
|
|
86
|
+
<Icon
|
|
87
|
+
name="Minus"
|
|
88
|
+
color={
|
|
89
|
+
isDecreaseDisabled
|
|
90
|
+
? variant === 'color'
|
|
91
|
+
? Color.gray[200]
|
|
92
|
+
: Color.gray[500]
|
|
93
|
+
: variant === 'default'
|
|
94
|
+
? Color.primary[1000]
|
|
95
|
+
: Color.base.white100
|
|
96
|
+
}
|
|
97
|
+
size={10}
|
|
98
|
+
/>
|
|
99
|
+
</Pressable>
|
|
100
|
+
|
|
101
|
+
<TextInput
|
|
102
|
+
style={[
|
|
103
|
+
styles.input,
|
|
104
|
+
{ fontSize: fontSizeMap['t3'], color: Color.gray[900] },
|
|
105
|
+
]}
|
|
106
|
+
keyboardType="numeric"
|
|
107
|
+
value={inputValue}
|
|
108
|
+
onChangeText={handleInputChange}
|
|
109
|
+
/>
|
|
110
|
+
|
|
111
|
+
<Pressable
|
|
112
|
+
style={[
|
|
113
|
+
variant === 'default' ? styles.buttonDefault : styles.buttonColor,
|
|
114
|
+
isIncreaseDisabled && variant === 'color'
|
|
115
|
+
? styles.buttonColorDisabled
|
|
116
|
+
: {},
|
|
117
|
+
]}
|
|
118
|
+
disabled={isIncreaseDisabled}
|
|
119
|
+
onPress={() => handlePressButton('increase')}
|
|
120
|
+
>
|
|
121
|
+
<Icon
|
|
122
|
+
name="Plus"
|
|
123
|
+
color={
|
|
124
|
+
isIncreaseDisabled
|
|
125
|
+
? variant === 'color'
|
|
126
|
+
? Color.gray[200]
|
|
127
|
+
: Color.gray[500]
|
|
128
|
+
: variant === 'default'
|
|
129
|
+
? Color.primary[1000]
|
|
130
|
+
: Color.base.white100
|
|
131
|
+
}
|
|
132
|
+
size={10}
|
|
133
|
+
/>
|
|
134
|
+
</Pressable>
|
|
135
|
+
</View>
|
|
136
|
+
);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
const styles = StyleSheet.create({
|
|
140
|
+
container: {
|
|
141
|
+
flexDirection: 'row',
|
|
142
|
+
gap: 8,
|
|
143
|
+
alignItems: 'center',
|
|
144
|
+
},
|
|
145
|
+
containerDefault: {
|
|
146
|
+
borderWidth: 1,
|
|
147
|
+
borderColor: Color.gray[500],
|
|
148
|
+
borderRadius: 8,
|
|
149
|
+
justifyContent: 'center',
|
|
150
|
+
width: 81,
|
|
151
|
+
height: 28,
|
|
152
|
+
},
|
|
153
|
+
buttonColor: {
|
|
154
|
+
borderRadius: 50,
|
|
155
|
+
height: 20,
|
|
156
|
+
width: 20,
|
|
157
|
+
justifyContent: 'center',
|
|
158
|
+
alignItems: 'center',
|
|
159
|
+
backgroundColor: Color.primary[1000],
|
|
160
|
+
},
|
|
161
|
+
buttonColorDisabled: {
|
|
162
|
+
backgroundColor: Color.gray[400],
|
|
163
|
+
},
|
|
164
|
+
buttonDefault: {
|
|
165
|
+
width: 20,
|
|
166
|
+
height: 20,
|
|
167
|
+
justifyContent: 'center',
|
|
168
|
+
alignItems: 'center',
|
|
169
|
+
},
|
|
170
|
+
input: {
|
|
171
|
+
width: 24,
|
|
172
|
+
height: 20,
|
|
173
|
+
textAlign: 'center',
|
|
174
|
+
padding: 0,
|
|
175
|
+
},
|
|
176
|
+
});
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
# 📦 CounterButton Component
|
|
2
|
+
|
|
3
|
+
Komponen `CounterButton` adalah tombol penghitung sederhana (+ / -) yang digunakan untuk mengatur nilai numerik dalam batas minimum dan maksimum. Komponen ini cocok digunakan untuk fitur seperti jumlah produk, kuantitas, atau pengaturan lainnya.
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
## ✨ Fitur
|
|
8
|
+
|
|
9
|
+
- Menambah dan mengurangi nilai dengan tombol.
|
|
10
|
+
- Mendukung batas nilai minimum dan maksimum.
|
|
11
|
+
- Tampilan dapat disesuaikan dengan `variant`.
|
|
12
|
+
- Mengirim nilai yang telah diubah ke parent melalui `onChange`.
|
|
13
|
+
|
|
14
|
+
---
|
|
15
|
+
|
|
16
|
+
## 🧩 Props
|
|
17
|
+
|
|
18
|
+
| Prop | Tipe | Default | Deskripsi |
|
|
19
|
+
|-----------|------------------------------|-------------|---------------------------------------------------------------------------|
|
|
20
|
+
| `value` | `number` | `0` | Nilai awal yang akan ditampilkan pada counter. |
|
|
21
|
+
| `onChange`| `(val: number) => void` | `undefined` | Callback yang dipanggil saat nilai counter berubah. |
|
|
22
|
+
| `min` | `number` | `undefined` | Nilai minimum yang diperbolehkan untuk counter. |
|
|
23
|
+
| `max` | `number` | `undefined` | Nilai maksimum yang diperbolehkan untuk counter. |
|
|
24
|
+
| `variant` | `'default'` \| `'color'` | `'default'` | Menentukan gaya visual: `default` (outline) atau `color` (filled). |
|
|
25
|
+
| `disabledDecrease` | boolean | `'false'` | disabled decrease |
|
|
26
|
+
| `disabledIncrease` | boolean | `'false'` | disabled increase |
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
## 🎨 Variasi Tampilan
|
|
31
|
+
|
|
32
|
+
### 1. Default
|
|
33
|
+
|
|
34
|
+
```tsx
|
|
35
|
+
<CounterButton
|
|
36
|
+
value={1}
|
|
37
|
+
onChange={(val) => console.log(val)}
|
|
38
|
+
min={1}
|
|
39
|
+
max={5}
|
|
40
|
+
/>
|
|
41
|
+
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### 1. Warna Filled Button
|
|
45
|
+
|
|
46
|
+
```tsx
|
|
47
|
+
<CounterButton
|
|
48
|
+
value={2}
|
|
49
|
+
onChange={(val) => console.log(val)}
|
|
50
|
+
min={1}
|
|
51
|
+
max={10}
|
|
52
|
+
variant="color"
|
|
53
|
+
/>
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
## 🧪 Contoh Implementasi
|
|
57
|
+
|
|
58
|
+
```tsx
|
|
59
|
+
|
|
60
|
+
import CounterButton from './CounterButton';
|
|
61
|
+
|
|
62
|
+
export default function ProductCounter() {
|
|
63
|
+
const [quantity, setQuantity] = useState(1);
|
|
64
|
+
|
|
65
|
+
return (
|
|
66
|
+
<CounterButton
|
|
67
|
+
value={quantity}
|
|
68
|
+
min={1}
|
|
69
|
+
max={10}
|
|
70
|
+
onChange={setQuantity}
|
|
71
|
+
variant="color"
|
|
72
|
+
/>
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
```
|
|
@@ -25,6 +25,7 @@ Komponen ini extend dari Calendar, jadi kalian bisa menggunakan semua props yang
|
|
|
25
25
|
| `onClose` | `() => void` | Callback saat BottomSheet ditutup |
|
|
26
26
|
| `isOpen` | `boolean` | Menentukan apakah BottomSheet sedang terbuka |
|
|
27
27
|
| `hasError` | `boolean` | (Opsional) Menandai jika terjadi kesalahan validasi |
|
|
28
|
+
| `value` | DateRangeProps | (Opsional) set default value |
|
|
28
29
|
|
|
29
30
|
---
|
|
30
31
|
|
package/src/Icon/Icon.tsx
CHANGED
|
@@ -38,6 +38,7 @@ import ClipBoardList from './icons/ClipBoardList';
|
|
|
38
38
|
import Megaphone from './icons/Megaphone';
|
|
39
39
|
import Bell from './icons/Bell';
|
|
40
40
|
import BookmarkUser from './icons/BookmarkUser';
|
|
41
|
+
import Minus from './icons/Minus';
|
|
41
42
|
|
|
42
43
|
const icons: Record<
|
|
43
44
|
IconNameProps,
|
|
@@ -68,6 +69,7 @@ const icons: Record<
|
|
|
68
69
|
'ArrowDown': ArrowDown,
|
|
69
70
|
'ArrowUp': ArrowUp,
|
|
70
71
|
'Plus': Plus,
|
|
72
|
+
'Minus': Minus,
|
|
71
73
|
'Bell': Bell,
|
|
72
74
|
'file-list-check': FileListCheck,
|
|
73
75
|
'file-text': FileText,
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const Minus: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
|
|
11
|
+
<Svg
|
|
12
|
+
width={size}
|
|
13
|
+
height={size + 1}
|
|
14
|
+
viewBox="0 0 10 2"
|
|
15
|
+
fill="none"
|
|
16
|
+
style={style}
|
|
17
|
+
>
|
|
18
|
+
<Path
|
|
19
|
+
d="M9.08301 1.58341H0.916341C0.594341 1.58341 0.333008 1.32208 0.333008 1.00008C0.333008 0.678081 0.594341 0.416748 0.916341 0.416748H9.08301C9.40501 0.416748 9.66634 0.678081 9.66634 1.00008C9.66634 1.32208 9.40501 1.58341 9.08301 1.58341Z"
|
|
20
|
+
fill={color}
|
|
21
|
+
/>
|
|
22
|
+
</Svg>
|
|
23
|
+
);
|
|
24
|
+
|
|
25
|
+
export default Minus;
|
package/src/Icon/type.tsx
CHANGED
package/src/Input/Input.tsx
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
TextInput,
|
|
4
|
+
View,
|
|
5
|
+
StyleSheet,
|
|
6
|
+
TouchableOpacity,
|
|
7
|
+
Platform,
|
|
8
|
+
} from 'react-native';
|
|
3
9
|
import { Icon } from '../Icon';
|
|
4
10
|
import Color from '../Color/Color';
|
|
5
11
|
import LabelForm from '../LabelForm/LabelForm';
|
|
@@ -114,6 +120,7 @@ const styles = StyleSheet.create({
|
|
|
114
120
|
input: {
|
|
115
121
|
height: 37,
|
|
116
122
|
paddingHorizontal: 12,
|
|
123
|
+
marginTop: Platform.select({ ios: 0, android: 5 }),
|
|
117
124
|
fontSize: 16,
|
|
118
125
|
color: '#333',
|
|
119
126
|
},
|
|
@@ -28,6 +28,8 @@ Komponen `Select` adalah komponen pemilihan data berbasis bottom sheet dengan du
|
|
|
28
28
|
| `delaySearch`| `number` | `300` | Delay pencarian dalam milidetik |
|
|
29
29
|
| `height` | `BottomSheetHeighProps` | - | Ukuran tinggi BottomSheet |
|
|
30
30
|
| `onRefresh` | `() => void` | - | Callback saat pull-to-refresh dilakukan |
|
|
31
|
+
| `header` | ReactElement| – | Jika ingin chip mempunyai header. |
|
|
32
|
+
| `footer` | ReactElement| – | Jika ingin chip mempunyai footer. |
|
|
31
33
|
|
|
32
34
|
## 📌 Contoh Penggunaan
|
|
33
35
|
|
package/src/Ui/Card.tsx
CHANGED
|
@@ -27,7 +27,7 @@ export default function Card({
|
|
|
27
27
|
return (
|
|
28
28
|
<ImageBackground
|
|
29
29
|
source={backgroundImage}
|
|
30
|
-
style={[styles.imageBackground, style]}
|
|
30
|
+
style={[styles.imageBackground, style, { borderColor: borderColor }]}
|
|
31
31
|
imageStyle={styles.imageStyle}
|
|
32
32
|
>
|
|
33
33
|
{children}
|
|
@@ -67,7 +67,4 @@ const styles = StyleSheet.create({
|
|
|
67
67
|
imageStyle: {
|
|
68
68
|
borderRadius: 8,
|
|
69
69
|
},
|
|
70
|
-
inner: {
|
|
71
|
-
padding: 10, // tetap kasih padding isi
|
|
72
|
-
},
|
|
73
70
|
});
|
package/src/index.tsx
CHANGED
|
@@ -42,6 +42,7 @@ export { default as InputOtp } from './Input/InputOtp';
|
|
|
42
42
|
export { default as Switch } from './Input/Switch';
|
|
43
43
|
export { default as CheckBox } from './CheckBox/CheckBox';
|
|
44
44
|
export { default as CheckBoxList } from './CheckBox/CheckBoxList';
|
|
45
|
+
export { default as CounterButton } from './CounterButton/CounterButton';
|
|
45
46
|
export { default as RadioButton } from './RadioButton/RadioButton';
|
|
46
47
|
export { default as Icon } from './Icon/Icon';
|
|
47
48
|
export { default as Modal } from './Modal/Modal';
|