@herca/rn-kit 0.1.105 → 0.1.106
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/Input/InputDate.js +36 -7
- package/lib/module/Input/InputDate.js.map +1 -1
- package/lib/module/Input/InputSelect.js +1 -1
- package/lib/module/Input/InputSelect.js.map +1 -1
- package/lib/module/Input/README_INPUT_DATE.md +1 -0
- package/lib/typescript/src/Input/InputDate.d.ts +2 -1
- package/lib/typescript/src/Input/InputDate.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Input/InputDate.tsx +40 -4
- package/src/Input/InputSelect.tsx +1 -1
- package/src/Input/README_INPUT_DATE.md +1 -0
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
import { Color, DatePicker, Icon, Typography } from '@herca/rn-kit';
|
|
4
4
|
import { useState, useEffect } from 'react';
|
|
5
|
-
import { Pressable, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { Pressable, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
6
6
|
import { dateFormatter } from "../function/dateFormatter.js";
|
|
7
|
+
import { layouting } from "../styles/layouting.js";
|
|
8
|
+
import { spacing } from "../styles/spacing.js";
|
|
7
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
10
|
export default function InputDate({
|
|
9
11
|
label,
|
|
@@ -17,6 +19,7 @@ export default function InputDate({
|
|
|
17
19
|
onDateChange,
|
|
18
20
|
mode = 'single',
|
|
19
21
|
language,
|
|
22
|
+
hasClear,
|
|
20
23
|
...props
|
|
21
24
|
}) {
|
|
22
25
|
const [isDatePickerOpen, setSelectOpen] = useState(false);
|
|
@@ -109,7 +112,7 @@ export default function InputDate({
|
|
|
109
112
|
}), /*#__PURE__*/_jsxs(View, {
|
|
110
113
|
style: styles.wrapper,
|
|
111
114
|
children: [/*#__PURE__*/_jsxs(Pressable, {
|
|
112
|
-
style: [styles.pickerTrigger, value
|
|
115
|
+
style: [styles.pickerTrigger, (value || dateValue) && styles.hasValue],
|
|
113
116
|
onPress: handleOpenSelect,
|
|
114
117
|
...props,
|
|
115
118
|
children: [/*#__PURE__*/_jsx(Typography, {
|
|
@@ -117,13 +120,39 @@ export default function InputDate({
|
|
|
117
120
|
color: Color.gray[900],
|
|
118
121
|
weight: "medium",
|
|
119
122
|
children: startDate() ?? placeholder
|
|
120
|
-
}), /*#__PURE__*/
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
123
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
124
|
+
style: [layouting.flex.rowCenter, spacing.gap[8]],
|
|
125
|
+
children: [hasClear && (value || dateValue) && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
126
|
+
style: {
|
|
127
|
+
backgroundColor: Color.gray[600],
|
|
128
|
+
borderRadius: 999,
|
|
129
|
+
padding: 3
|
|
130
|
+
},
|
|
131
|
+
onPress: () => {
|
|
132
|
+
onDateChange?.({
|
|
133
|
+
date: null,
|
|
134
|
+
startDate: null,
|
|
135
|
+
endDate: null
|
|
136
|
+
});
|
|
137
|
+
setDateValue({
|
|
138
|
+
date: undefined,
|
|
139
|
+
endDate: undefined,
|
|
140
|
+
startDate: undefined
|
|
141
|
+
});
|
|
142
|
+
},
|
|
143
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
144
|
+
name: "times-new",
|
|
145
|
+
size: 14,
|
|
146
|
+
color: 'white'
|
|
147
|
+
})
|
|
148
|
+
}), /*#__PURE__*/_jsx(Icon, {
|
|
149
|
+
name: "ArrowDown",
|
|
150
|
+
size: 14,
|
|
151
|
+
color: Color.gray[700]
|
|
152
|
+
})]
|
|
124
153
|
})]
|
|
125
154
|
}), mode === 'range' && /*#__PURE__*/_jsxs(Pressable, {
|
|
126
|
-
style: [styles.pickerTrigger, value
|
|
155
|
+
style: [styles.pickerTrigger, (value || dateValue) && styles.hasValue],
|
|
127
156
|
onPress: handleOpenSelect,
|
|
128
157
|
...props,
|
|
129
158
|
children: [/*#__PURE__*/_jsx(Typography, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Color","DatePicker","Icon","Typography","useState","useEffect","Pressable","StyleSheet","View","dateFormatter","jsx","_jsx","jsxs","_jsxs","InputDate","label","placeholder","placeholderDateEnd","datePickerProps","value","valueDateEnd","onSelectClick","onDatePickerClose","onDateChange","mode","language","props","isDatePickerOpen","setSelectOpen","dateValue","setDateValue","raw","setRaw","handleOpenSelect","handleCloseDatePicker","handleDateChange","val","date","startDate","endDate","formattedValue","options","format","formattedStartDate","formattedEndDate","rawValue","undefined","style","styles","gap4","children","variant","weight","color","gray","wrapper","pickerTrigger","hasValue","onPress","name","size","isOpen","onClose","onChange","create","
|
|
1
|
+
{"version":3,"names":["Color","DatePicker","Icon","Typography","useState","useEffect","Pressable","StyleSheet","TouchableOpacity","View","dateFormatter","layouting","spacing","jsx","_jsx","jsxs","_jsxs","InputDate","label","placeholder","placeholderDateEnd","datePickerProps","value","valueDateEnd","onSelectClick","onDatePickerClose","onDateChange","mode","language","hasClear","props","isDatePickerOpen","setSelectOpen","dateValue","setDateValue","raw","setRaw","handleOpenSelect","handleCloseDatePicker","handleDateChange","val","date","startDate","endDate","formattedValue","options","format","formattedStartDate","formattedEndDate","rawValue","undefined","style","styles","gap4","children","variant","weight","color","gray","wrapper","pickerTrigger","hasValue","onPress","flex","rowCenter","gap","backgroundColor","borderRadius","padding","name","size","isOpen","onClose","onChange","create","paddingVertical","paddingHorizontal","flexDirection","justifyContent","alignItems","borderWidth","borderColor","primary"],"sourceRoot":"../../../src","sources":["Input/InputDate.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -52,7 +52,7 @@ export default function InputSelect({
|
|
|
52
52
|
}), /*#__PURE__*/_jsxs(View, {
|
|
53
53
|
style: [spacing.gap[4], layouting.flex.grow],
|
|
54
54
|
children: [/*#__PURE__*/_jsxs(Pressable, {
|
|
55
|
-
style: [styles.select, hasError && border.color.danger[300], internalValue
|
|
55
|
+
style: [styles.select, hasError && border.color.danger[300], internalValue && !hasError && border.color.primary[300]],
|
|
56
56
|
onPress: handleOpenSelect,
|
|
57
57
|
...props,
|
|
58
58
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Badge","Color","Icon","Select","Typography","useState","useEffect","Pressable","StyleSheet","TouchableOpacity","View","spacing","border","layouting","jsx","_jsx","jsxs","_jsxs","InputSelect","label","placeholder","selectProps","options","value","onSelectClick","onSelectClose","icon","iconColor","hint","hasError","onClear","subtitle","badge","useModal","props","isSelectOpen","setSelectOpen","internalValue","setInternalValue","handleOpenSelect","handleCloseSelect","handleClear","style","gap","children","variant","weight","color","gray","flex","grow","styles","select","danger","primary","onPress","rowCenter","shrink","name","size","numberOfLines","activeOpacity","isOpen","data","onClose","create","paddingVertical","paddingHorizontal","borderRadius","flexDirection","alignItems","borderWidth","borderColor"],"sourceRoot":"../../../src","sources":["Input/InputSelect.tsx"],"mappings":";;AAAA,SACEA,KAAK,EACLC,KAAK,EACLC,IAAI,EACJC,MAAM,EACNC,UAAU,QAGL,eAAe;AACtB,SAASC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAC3C,SAASC,SAAS,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC5E,SAASC,OAAO,QAAQ,sBAAmB;AAC3C,SAASC,MAAM,QAAQ,qBAAkB;AACzC,SAASC,SAAS,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA2BhD,eAAe,SAASC,WAAWA,CAAC;EAClCC,KAAK;EACLC,WAAW,GAAG,gBAAgB;EAC9BC,WAAW;EACXC,OAAO;EACPC,KAAK;EACLC,aAAa;EACbC,aAAa;EACbC,IAAI;EACJC,SAAS;EACTC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,IAAI;EACf,GAAGC;AACE,CAAC,EAAE;EACR,MAAM,CAACC,YAAY,EAAEC,aAAa,CAAC,GAAG/B,QAAQ,CAAU,KAAK,CAAC;EAC9D,MAAM,CAACgC,aAAa,EAAEC,gBAAgB,CAAC,GAAGjC,QAAQ,CAACkB,KAAK,CAAC;EAEzD,SAASgB,gBAAgBA,CAAA,EAAG;IAC1BN,QAAQ,IAAIG,aAAa,CAAC,IAAI,CAAC;IAC/BZ,aAAa,GAAG,CAAC;EACnB;EAEA,SAASgB,iBAAiBA,CAAA,EAAG;IAC3BJ,aAAa,CAAC,KAAK,CAAC;IACpBX,aAAa,GAAG,CAAC;EACnB;EAEA,SAASgB,WAAWA,CAAA,EAAG;IACrBH,gBAAgB,CAAC,EAAE,CAAC;IACpBR,OAAO,GAAG,CAAC;EACb;EAEAxB,SAAS,CAAC,MAAM;IACdgC,gBAAgB,CAACf,KAAK,CAAC;EACzB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,oBACEN,KAAA,CAACP,IAAI;IAACgC,KAAK,EAAE/B,OAAO,CAACgC,GAAG,CAAC,CAAC,CAAE;IAAAC,QAAA,gBAC1B7B,IAAA,CAACX,UAAU;MAACyC,OAAO,EAAC,IAAI;MAACC,MAAM,EAAC,UAAU;MAACC,KAAK,EAAE9C,KAAK,CAAC+C,IAAI,CAAC,GAAG,CAAE;MAAAJ,QAAA,EAC/DzB;IAAK,CACI,CAAC,eAEbF,KAAA,CAACP,IAAI;MAACgC,KAAK,EAAE,CAAC/B,OAAO,CAACgC,GAAG,CAAC,CAAC,CAAC,EAAE9B,SAAS,CAACoC,IAAI,CAACC,IAAI,CAAE;MAAAN,QAAA,gBACjD3B,KAAA,CAACV,SAAS;QACRmC,KAAK,EAAE,CACLS,MAAM,CAACC,MAAM,EACbvB,QAAQ,IAAIjB,MAAM,CAACmC,KAAK,CAACM,MAAM,CAAC,GAAG,CAAC,EACpChB,aAAa,
|
|
1
|
+
{"version":3,"names":["Badge","Color","Icon","Select","Typography","useState","useEffect","Pressable","StyleSheet","TouchableOpacity","View","spacing","border","layouting","jsx","_jsx","jsxs","_jsxs","InputSelect","label","placeholder","selectProps","options","value","onSelectClick","onSelectClose","icon","iconColor","hint","hasError","onClear","subtitle","badge","useModal","props","isSelectOpen","setSelectOpen","internalValue","setInternalValue","handleOpenSelect","handleCloseSelect","handleClear","style","gap","children","variant","weight","color","gray","flex","grow","styles","select","danger","primary","onPress","rowCenter","shrink","name","size","numberOfLines","activeOpacity","isOpen","data","onClose","create","paddingVertical","paddingHorizontal","borderRadius","flexDirection","alignItems","borderWidth","borderColor"],"sourceRoot":"../../../src","sources":["Input/InputSelect.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -65,6 +65,7 @@ function MyForm() {
|
|
|
65
65
|
| `onDateChange` | `(value: DateRangeProps) => void` | `undefined` | Callback ketika tanggal berubah |
|
|
66
66
|
| `mode` | `'single' \| 'range'` | `'single'` | Mode pemilihan tanggal |
|
|
67
67
|
| `language` | `'en' \| 'id'` | `undefined` | Bahasa untuk format tanggal |
|
|
68
|
+
| `hasClear` | `boolean` | `false` | Nilai boolean untuk menampilkan opsi hapus tanggal |
|
|
68
69
|
|
|
69
70
|
### Single Mode Specific Props
|
|
70
71
|
|
|
@@ -12,6 +12,7 @@ interface BaseProps {
|
|
|
12
12
|
onDateChange?: (value: DateRangeProps) => void;
|
|
13
13
|
mode?: CalendarModeType;
|
|
14
14
|
language?: 'en' | 'id';
|
|
15
|
+
hasClear?: boolean;
|
|
15
16
|
}
|
|
16
17
|
type SingleModeProps = BaseProps & {
|
|
17
18
|
mode?: 'single';
|
|
@@ -22,6 +23,6 @@ type RangeModeProps = BaseProps & {
|
|
|
22
23
|
placeholderDateEnd: string;
|
|
23
24
|
};
|
|
24
25
|
export type Props = SingleModeProps | RangeModeProps;
|
|
25
|
-
export default function InputDate({ label, placeholder, placeholderDateEnd, datePickerProps, value, valueDateEnd, onSelectClick, onDatePickerClose, onDateChange, mode, language, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export default function InputDate({ label, placeholder, placeholderDateEnd, datePickerProps, value, valueDateEnd, onSelectClick, onDatePickerClose, onDateChange, mode, language, hasClear, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
26
27
|
export {};
|
|
27
28
|
//# sourceMappingURL=InputDate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDate.d.ts","sourceRoot":"","sources":["../../../../src/Input/InputDate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"InputDate.d.ts","sourceRoot":"","sources":["../../../../src/Input/InputDate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAQvB,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAC/D,KAAK,8BAA8B,GAAG,IAAI,CACxC,eAAe,EACf,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CACxD,CAAC;AAEF,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,8BAA8B,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,eAAe,GAAG,SAAS,GAAG;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CAAC;AAEF,KAAK,cAAc,GAAG,SAAS,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG,cAAc,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,WAA8B,EAC9B,kBAAqC,EACrC,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,2CAgLP"}
|
package/package.json
CHANGED
package/src/Input/InputDate.tsx
CHANGED
|
@@ -7,9 +7,11 @@ import {
|
|
|
7
7
|
type DateRangeProps,
|
|
8
8
|
} from '@herca/rn-kit';
|
|
9
9
|
import { useState, useEffect } from 'react';
|
|
10
|
-
import { Pressable, StyleSheet, View } from 'react-native';
|
|
10
|
+
import { Pressable, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
11
11
|
import type { FormattedDateRangeProps } from '../Calendar/CalendarPropsType';
|
|
12
12
|
import { dateFormatter } from '../function/dateFormatter';
|
|
13
|
+
import { layouting } from '../styles/layouting';
|
|
14
|
+
import { spacing } from '../styles/spacing';
|
|
13
15
|
|
|
14
16
|
type DatePickerProps = React.ComponentProps<typeof DatePicker>;
|
|
15
17
|
type DatePickerPropsWithoutOnChange = Omit<
|
|
@@ -28,6 +30,7 @@ interface BaseProps {
|
|
|
28
30
|
onDateChange?: (value: DateRangeProps) => void;
|
|
29
31
|
mode?: CalendarModeType;
|
|
30
32
|
language?: 'en' | 'id';
|
|
33
|
+
hasClear?: boolean;
|
|
31
34
|
}
|
|
32
35
|
|
|
33
36
|
type SingleModeProps = BaseProps & {
|
|
@@ -54,6 +57,7 @@ export default function InputDate({
|
|
|
54
57
|
onDateChange,
|
|
55
58
|
mode = 'single',
|
|
56
59
|
language,
|
|
60
|
+
hasClear,
|
|
57
61
|
...props
|
|
58
62
|
}: Props) {
|
|
59
63
|
const [isDatePickerOpen, setSelectOpen] = useState<boolean>(false);
|
|
@@ -161,20 +165,52 @@ export default function InputDate({
|
|
|
161
165
|
<View style={styles.wrapper}>
|
|
162
166
|
{/* sart date */}
|
|
163
167
|
<Pressable
|
|
164
|
-
style={[
|
|
168
|
+
style={[
|
|
169
|
+
styles.pickerTrigger,
|
|
170
|
+
(value || dateValue) && styles.hasValue,
|
|
171
|
+
]}
|
|
165
172
|
onPress={handleOpenSelect}
|
|
166
173
|
{...props}
|
|
167
174
|
>
|
|
168
175
|
<Typography variant="t2" color={Color.gray[900]} weight="medium">
|
|
169
176
|
{startDate() ?? placeholder}
|
|
170
177
|
</Typography>
|
|
171
|
-
<
|
|
178
|
+
<View style={[layouting.flex.rowCenter, spacing.gap[8]]}>
|
|
179
|
+
{hasClear && (value || dateValue) && (
|
|
180
|
+
<TouchableOpacity
|
|
181
|
+
style={{
|
|
182
|
+
backgroundColor: Color.gray[600],
|
|
183
|
+
borderRadius: 999,
|
|
184
|
+
padding: 3,
|
|
185
|
+
}}
|
|
186
|
+
onPress={() => {
|
|
187
|
+
onDateChange?.({
|
|
188
|
+
date: null,
|
|
189
|
+
startDate: null,
|
|
190
|
+
endDate: null,
|
|
191
|
+
});
|
|
192
|
+
|
|
193
|
+
setDateValue({
|
|
194
|
+
date: undefined,
|
|
195
|
+
endDate: undefined,
|
|
196
|
+
startDate: undefined,
|
|
197
|
+
});
|
|
198
|
+
}}
|
|
199
|
+
>
|
|
200
|
+
<Icon name="times-new" size={14} color={'white'} />
|
|
201
|
+
</TouchableOpacity>
|
|
202
|
+
)}
|
|
203
|
+
<Icon name="ArrowDown" size={14} color={Color.gray[700]} />
|
|
204
|
+
</View>
|
|
172
205
|
</Pressable>
|
|
173
206
|
|
|
174
207
|
{/* end date */}
|
|
175
208
|
{mode === 'range' && (
|
|
176
209
|
<Pressable
|
|
177
|
-
style={[
|
|
210
|
+
style={[
|
|
211
|
+
styles.pickerTrigger,
|
|
212
|
+
(value || dateValue) && styles.hasValue,
|
|
213
|
+
]}
|
|
178
214
|
onPress={handleOpenSelect}
|
|
179
215
|
{...props}
|
|
180
216
|
>
|
|
@@ -89,7 +89,7 @@ export default function InputSelect({
|
|
|
89
89
|
style={[
|
|
90
90
|
styles.select,
|
|
91
91
|
hasError && border.color.danger[300],
|
|
92
|
-
internalValue
|
|
92
|
+
internalValue && !hasError && border.color.primary[300],
|
|
93
93
|
]}
|
|
94
94
|
onPress={handleOpenSelect}
|
|
95
95
|
{...props}
|
|
@@ -65,6 +65,7 @@ function MyForm() {
|
|
|
65
65
|
| `onDateChange` | `(value: DateRangeProps) => void` | `undefined` | Callback ketika tanggal berubah |
|
|
66
66
|
| `mode` | `'single' \| 'range'` | `'single'` | Mode pemilihan tanggal |
|
|
67
67
|
| `language` | `'en' \| 'id'` | `undefined` | Bahasa untuk format tanggal |
|
|
68
|
+
| `hasClear` | `boolean` | `false` | Nilai boolean untuk menampilkan opsi hapus tanggal |
|
|
68
69
|
|
|
69
70
|
### Single Mode Specific Props
|
|
70
71
|
|