@herca/rn-kit 0.1.19 → 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/lib/module/Input/Input.js +5 -1
- package/lib/module/Input/Input.js.map +1 -1
- package/lib/module/Ui/Card.js +3 -4
- package/lib/module/Ui/Card.js.map +1 -1
- package/lib/typescript/src/Input/Input.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Input/Input.tsx +8 -1
- package/src/Ui/Card.tsx +1 -4
|
@@ -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":[]}
|
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":[]}
|
|
@@ -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"}
|
package/package.json
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
|
},
|
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
|
});
|