@herca/rn-kit 0.1.9 → 0.1.11
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 -1
- package/lib/module/CheckBox/CheckBox.js +21 -1
- package/lib/module/CheckBox/CheckBox.js.map +1 -1
- package/lib/module/Chip/Chip.js +10 -5
- package/lib/module/Chip/Chip.js.map +1 -1
- package/lib/module/Drawing/Drawing.js +104 -14
- package/lib/module/Drawing/Drawing.js.map +1 -1
- package/lib/module/Drawing/README.md +31 -0
- package/lib/module/Drawing/type.js +2 -0
- package/lib/module/Drawing/type.js.map +1 -0
- package/lib/module/FileView/PdfView.js +12 -19
- package/lib/module/FileView/PdfView.js.map +1 -1
- package/lib/module/Modal/Modal.js +19 -8
- package/lib/module/Modal/Modal.js.map +1 -1
- package/lib/module/Provider/FooterProvider.js +4 -1
- package/lib/module/Provider/FooterProvider.js.map +1 -1
- package/lib/module/Select/Select.js +20 -13
- package/lib/module/Select/Select.js.map +1 -1
- package/lib/module/Tab/TabItem.js +1 -5
- package/lib/module/Tab/TabItem.js.map +1 -1
- package/lib/module/Ui/Footer.js +11 -9
- package/lib/module/Ui/Footer.js.map +1 -1
- package/lib/module/hooks/useOptionalFocusEffect.js +19 -0
- package/lib/module/hooks/useOptionalFocusEffect.js.map +1 -0
- package/lib/typescript/src/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/src/Chip/Chip.d.ts.map +1 -1
- package/lib/typescript/src/Chip/type.d.ts +2 -0
- package/lib/typescript/src/Chip/type.d.ts.map +1 -1
- package/lib/typescript/src/Drawing/Drawing.d.ts +7 -1
- package/lib/typescript/src/Drawing/Drawing.d.ts.map +1 -1
- package/lib/typescript/src/Drawing/type.d.ts +1 -0
- package/lib/typescript/src/Drawing/type.d.ts.map +1 -0
- package/lib/typescript/src/FileView/PdfView.d.ts +11 -1
- package/lib/typescript/src/FileView/PdfView.d.ts.map +1 -1
- package/lib/typescript/src/Modal/Modal.d.ts.map +1 -1
- package/lib/typescript/src/Provider/FooterProvider.d.ts.map +1 -1
- package/lib/typescript/src/Select/Select.d.ts +1 -1
- package/lib/typescript/src/Select/Select.d.ts.map +1 -1
- package/lib/typescript/src/Select/type.d.ts +2 -0
- package/lib/typescript/src/Select/type.d.ts.map +1 -1
- package/lib/typescript/src/Tab/TabItem.d.ts +3 -1
- package/lib/typescript/src/Tab/TabItem.d.ts.map +1 -1
- package/lib/typescript/src/Ui/Footer.d.ts +1 -1
- package/lib/typescript/src/Ui/Footer.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useOptionalFocusEffect.d.ts +2 -0
- package/lib/typescript/src/hooks/useOptionalFocusEffect.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/CheckBox/CheckBox.tsx +21 -1
- package/src/Chip/Chip.tsx +9 -3
- package/src/Chip/type.tsx +2 -0
- package/src/Drawing/Drawing.tsx +114 -13
- package/src/Drawing/README.md +31 -0
- package/src/Drawing/type.tsx +0 -0
- package/src/FileView/PdfView.tsx +22 -19
- package/src/Modal/Modal.tsx +16 -7
- package/src/Provider/FooterProvider.tsx +2 -1
- package/src/Select/Select.tsx +20 -11
- package/src/Select/type.tsx +2 -0
- package/src/Tab/TabItem.tsx +3 -4
- package/src/Ui/Footer.tsx +14 -9
- package/src/hooks/useOptionalFocusEffect.ts +18 -0
package/README.md
CHANGED
|
@@ -2,16 +2,36 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useState, useEffect } from 'react';
|
|
4
4
|
import { Pressable, View, Text, StyleSheet } from 'react-native';
|
|
5
|
-
import { Color, Icon } from '@herca/rn-kit';
|
|
5
|
+
import { Color, Icon } from '@herca/rn-kit';
|
|
6
|
+
// import type { ColorVariantType } from '../Color/type';
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
// const COLOR_MAP: Record<
|
|
9
|
+
// ColorVariantType,
|
|
10
|
+
// {
|
|
11
|
+
// backgroundColor: ColorValue;
|
|
12
|
+
// backgroundColorDisabled: ColorValue;
|
|
13
|
+
// }
|
|
14
|
+
// > = {
|
|
15
|
+
// primary : {
|
|
16
|
+
// backgroundColor : Color.primary[1000],
|
|
17
|
+
// backgroundColorDisabled : Color.primary[100],
|
|
18
|
+
// },
|
|
19
|
+
// danger: {
|
|
20
|
+
// backgroundColor : Color.danger[500],
|
|
21
|
+
// backgroundColorDisabled : Color.danger[100],
|
|
22
|
+
// },
|
|
23
|
+
// }
|
|
7
24
|
const CheckBox = ({
|
|
8
25
|
checked = false,
|
|
9
26
|
onChange,
|
|
10
27
|
label,
|
|
11
28
|
disabled = false,
|
|
12
29
|
renderLabel
|
|
30
|
+
// color= 'primary'
|
|
13
31
|
}) => {
|
|
14
32
|
const [value, setValue] = useState(false);
|
|
33
|
+
// const _selectedColor = COLOR_MAP[color];
|
|
34
|
+
|
|
15
35
|
const handlePress = () => {
|
|
16
36
|
const newValue = !value;
|
|
17
37
|
setValue(newValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","Pressable","View","Text","StyleSheet","Color","Icon","jsx","_jsx","jsxs","_jsxs","CheckBox","checked","onChange","label","disabled","renderLabel","value","setValue","handlePress","newValue","onPress","style","styles","container","children","checkBox","name","size","color","base","white100","create","flexDirection","alignItems","width","height","borderWidth","borderColor","gray","justifyContent","borderRadius","marginRight","backgroundColor","primary","opacity","fontSize"],"sourceRoot":"../../../src","sources":["CheckBox/CheckBox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAChE,SAASC,KAAK,EAAEC,IAAI,QAAQ,eAAe
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","Pressable","View","Text","StyleSheet","Color","Icon","jsx","_jsx","jsxs","_jsxs","CheckBox","checked","onChange","label","disabled","renderLabel","value","setValue","handlePress","newValue","onPress","style","styles","container","children","checkBox","name","size","color","base","white100","create","flexDirection","alignItems","width","height","borderWidth","borderColor","gray","justifyContent","borderRadius","marginRight","backgroundColor","primary","opacity","fontSize"],"sourceRoot":"../../../src","sources":["CheckBox/CheckBox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAChE,SAASC,KAAK,EAAEC,IAAI,QAAQ,eAAe;AAC3C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAiC,GAAGA,CAAC;EACzCC,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC;EACA;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGnB,QAAQ,CAAU,KAAK,CAAC;EAClD;;EAEA,MAAMoB,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAMC,QAAQ,GAAG,CAACH,KAAK;IACvBC,QAAQ,CAACE,QAAQ,CAAC;IAClBP,QAAQ,GAAGO,QAAQ,CAAC;EACtB,CAAC;EAEDpB,SAAS,CAAC,MAAM;IACdkB,QAAQ,CAACN,OAAO,CAAC;EACnB,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBACEF,KAAA,CAACT,SAAS;IACRoB,OAAO,EAAEA,CAAA,KAAM,CAACN,QAAQ,IAAII,WAAW,CAAC,CAAE;IAC1CG,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAExBjB,IAAA,CAACN,IAAI;MACHoB,KAAK,EAAE,CACLC,MAAM,CAACG,QAAQ,EACfT,KAAK,IAAIM,MAAM,CAACX,OAAO,EACvBG,QAAQ,IAAIQ,MAAM,CAACR,QAAQ,CAC3B;MAAAU,QAAA,EAEDR,KAAK,iBAAIT,IAAA,CAACF,IAAI;QAACqB,IAAI,EAAC,OAAO;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAExB,KAAK,CAACyB,IAAI,CAACC;MAAS,CAAE;IAAC,CACjE,CAAC,EACNjB,KAAK,iBAAIN,IAAA,CAACL,IAAI;MAACmB,KAAK,EAAEC,MAAM,CAACT,KAAM;MAAAW,QAAA,EAAEX;IAAK,CAAO,CAAC,EAClDE,WAAW,GAAG,CAAC;EAAA,CACP,CAAC;AAEhB,CAAC;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAAC4B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,QAAQ,EAAE;IACRS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjC,KAAK,CAACkC,IAAI,CAAC,GAAG,CAAC;IAC5BC,cAAc,EAAE,QAAQ;IACxBN,UAAU,EAAE,QAAQ;IACpBO,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf,CAAC;EACD9B,OAAO,EAAE;IACP+B,eAAe,EAAEtC,KAAK,CAACuC,OAAO,CAAC,IAAI,CAAC;IACpCN,WAAW,EAAEjC,KAAK,CAACuC,OAAO,CAAC,IAAI;EACjC,CAAC;EACD7B,QAAQ,EAAE;IACR8B,OAAO,EAAE;EACX,CAAC;EACD/B,KAAK,EAAE;IACLgC,QAAQ,EAAE,EAAE;IACZjB,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAelB,QAAQ","ignoreList":[]}
|
package/lib/module/Chip/Chip.js
CHANGED
|
@@ -17,7 +17,9 @@ const Chip = ({
|
|
|
17
17
|
block = false,
|
|
18
18
|
size = 'medium',
|
|
19
19
|
onRefresh,
|
|
20
|
-
refreshing = false
|
|
20
|
+
refreshing = false,
|
|
21
|
+
onEndReached,
|
|
22
|
+
footer
|
|
21
23
|
}) => {
|
|
22
24
|
const isHorizontal = direction === 'horizontal';
|
|
23
25
|
const normalizeSelected = val => Array.isArray(val) ? val : val ? [val] : [];
|
|
@@ -64,6 +66,7 @@ const Chip = ({
|
|
|
64
66
|
}),
|
|
65
67
|
keyExtractor: item => String(item.value),
|
|
66
68
|
horizontal: isHorizontal,
|
|
69
|
+
onEndReached: onEndReached,
|
|
67
70
|
onRefresh: onRefresh,
|
|
68
71
|
refreshing: refreshing,
|
|
69
72
|
scrollEnabled: scrollable,
|
|
@@ -73,16 +76,18 @@ const Chip = ({
|
|
|
73
76
|
flexDirection: isHorizontal ? 'row' : 'column',
|
|
74
77
|
alignItems: block ? 'stretch' : 'flex-start'
|
|
75
78
|
}],
|
|
76
|
-
columnWrapperStyle: numColumns > 1 ?
|
|
77
|
-
|
|
78
|
-
flexWrap: 'wrap'
|
|
79
|
-
} : undefined
|
|
79
|
+
columnWrapperStyle: numColumns > 1 ? styles.wrapperStyle : undefined,
|
|
80
|
+
ListFooterComponent: footer
|
|
80
81
|
});
|
|
81
82
|
};
|
|
82
83
|
const styles = StyleSheet.create({
|
|
83
84
|
container: {
|
|
84
85
|
gap: 8
|
|
85
86
|
},
|
|
87
|
+
wrapperStyle: {
|
|
88
|
+
gap: 8,
|
|
89
|
+
flexWrap: 'wrap'
|
|
90
|
+
},
|
|
86
91
|
chip: {
|
|
87
92
|
borderRadius: 8,
|
|
88
93
|
borderWidth: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","useMemo","FlatList","StyleSheet","ChipItem","jsx","_jsx","Chip","options","selected","onSelect","onPress","direction","color","renderItem","multiple","scrollable","block","size","onRefresh","refreshing","isHorizontal","normalizeSelected","val","Array","isArray","internalSelected","setInternalSelected","newSelected","JSON","stringify","isSelected","value","includes","handleSelect","length","filter","v","numColumns","handleOnPresChipItem","isDisabled","item","data","keyExtractor","String","horizontal","scrollEnabled","keyboardShouldPersistTaps","contentContainerStyle","styles","container","flexDirection","alignItems","columnWrapperStyle","
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useMemo","FlatList","StyleSheet","ChipItem","jsx","_jsx","Chip","options","selected","onSelect","onPress","direction","color","renderItem","multiple","scrollable","block","size","onRefresh","refreshing","onEndReached","footer","isHorizontal","normalizeSelected","val","Array","isArray","internalSelected","setInternalSelected","newSelected","JSON","stringify","isSelected","value","includes","handleSelect","length","filter","v","numColumns","handleOnPresChipItem","isDisabled","item","data","keyExtractor","String","horizontal","scrollEnabled","keyboardShouldPersistTaps","contentContainerStyle","styles","container","flexDirection","alignItems","columnWrapperStyle","wrapperStyle","undefined","ListFooterComponent","create","gap","flexWrap","chip","borderRadius","borderWidth","alignSelf","chipSmall","paddingVertical","paddingHorizontal","chipMedium","chipLarge","blockChip","width"],"sourceRoot":"../../../src","sources":["Chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,30 +1,119 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
3
|
+
import { useRef } from 'react';
|
|
4
|
+
import { StyleSheet, View, TouchableOpacity } from 'react-native';
|
|
5
|
+
import SignatureCanvas from 'react-native-signature-canvas';
|
|
6
|
+
import Icon from "../Icon/index.js";
|
|
7
|
+
import Button from "../Button/Button.js";
|
|
8
|
+
import Color from "../Color/Color.js";
|
|
5
9
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
-
|
|
10
|
+
const Drawing = ({
|
|
11
|
+
onChange,
|
|
12
|
+
onEnd,
|
|
13
|
+
onStart
|
|
14
|
+
}) => {
|
|
15
|
+
const ref = useRef(null);
|
|
16
|
+
const handleSignature = signature => {
|
|
17
|
+
if (signature && onChange) {
|
|
18
|
+
onChange(signature);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
const refreshSignature = () => requestAnimationFrame(() => ref.current?.readSignature());
|
|
22
|
+
const handleEmpty = () => {
|
|
23
|
+
if (onChange) {
|
|
24
|
+
onChange(null);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
const handleError = error => {
|
|
28
|
+
console.error('Signature pad error:', error);
|
|
29
|
+
};
|
|
30
|
+
const handleEnd = () => {
|
|
31
|
+
refreshSignature();
|
|
32
|
+
if (onEnd) {
|
|
33
|
+
onEnd();
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const handleBegin = () => {
|
|
37
|
+
if (onStart) {
|
|
38
|
+
onStart();
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
const undo = () => {
|
|
42
|
+
ref.current?.undo();
|
|
43
|
+
refreshSignature();
|
|
44
|
+
};
|
|
45
|
+
const redo = () => {
|
|
46
|
+
ref.current?.redo();
|
|
47
|
+
refreshSignature();
|
|
48
|
+
};
|
|
49
|
+
const clear = () => {
|
|
50
|
+
ref.current?.clearSignature();
|
|
51
|
+
if (onChange) {
|
|
52
|
+
onChange(null);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
7
55
|
return /*#__PURE__*/_jsxs(View, {
|
|
8
56
|
style: styles.container,
|
|
9
|
-
children: [/*#__PURE__*/_jsx(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
57
|
+
children: [/*#__PURE__*/_jsx(SignatureCanvas, {
|
|
58
|
+
ref: ref,
|
|
59
|
+
onEnd: handleEnd,
|
|
60
|
+
onBegin: handleBegin,
|
|
61
|
+
onOK: handleSignature,
|
|
62
|
+
onEmpty: handleEmpty,
|
|
63
|
+
onError: handleError,
|
|
64
|
+
descriptionText: " ",
|
|
65
|
+
webStyle: `
|
|
66
|
+
.m-signature-pad {box-shadow: none; border-color:${Color.gray[200]}; border-radius: 12px;}
|
|
67
|
+
.m-signature-pad--body {border-color:${Color.gray[200]}; border-radius:12px;}
|
|
68
|
+
.m-signature-pad--footer{
|
|
69
|
+
display: none; margin: 0,
|
|
70
|
+
}
|
|
71
|
+
`,
|
|
72
|
+
clearText: 'Clear',
|
|
73
|
+
penColor: Color.gray[900],
|
|
74
|
+
backgroundColor: Color.base.white100,
|
|
18
75
|
webviewProps: {
|
|
19
76
|
cacheEnabled: true,
|
|
20
77
|
androidLayerType: 'hardware'
|
|
21
78
|
}
|
|
79
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
80
|
+
style: styles.footerConteiner,
|
|
81
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
82
|
+
style: styles.actionButtonContainer,
|
|
83
|
+
children: [/*#__PURE__*/_jsx(TouchableOpacity, {
|
|
84
|
+
onPress: undo,
|
|
85
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
86
|
+
name: "ArrowBackAlt"
|
|
87
|
+
})
|
|
88
|
+
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
89
|
+
onPress: redo,
|
|
90
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
91
|
+
name: "ArrowForwardAlt"
|
|
92
|
+
})
|
|
93
|
+
})]
|
|
94
|
+
}), /*#__PURE__*/_jsx(Button, {
|
|
95
|
+
variant: "outline",
|
|
96
|
+
color: "primary",
|
|
97
|
+
title: "Clear",
|
|
98
|
+
size: "small",
|
|
99
|
+
onPress: clear
|
|
100
|
+
})]
|
|
22
101
|
})]
|
|
23
102
|
});
|
|
24
|
-
}
|
|
103
|
+
};
|
|
25
104
|
const styles = StyleSheet.create({
|
|
26
105
|
container: {
|
|
27
|
-
|
|
106
|
+
height: 350
|
|
107
|
+
},
|
|
108
|
+
footerConteiner: {
|
|
109
|
+
flexDirection: 'row',
|
|
110
|
+
justifyContent: 'space-between',
|
|
111
|
+
alignContent: 'center',
|
|
112
|
+
alignItems: 'center'
|
|
113
|
+
},
|
|
114
|
+
actionButtonContainer: {
|
|
115
|
+
flexDirection: 'row',
|
|
116
|
+
gap: 10
|
|
28
117
|
},
|
|
29
118
|
preview: {
|
|
30
119
|
width: 335,
|
|
@@ -35,4 +124,5 @@ const styles = StyleSheet.create({
|
|
|
35
124
|
marginTop: 15
|
|
36
125
|
}
|
|
37
126
|
});
|
|
127
|
+
export default Drawing;
|
|
38
128
|
//# sourceMappingURL=Drawing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","View","
|
|
1
|
+
{"version":3,"names":["useRef","StyleSheet","View","TouchableOpacity","SignatureCanvas","Icon","Button","Color","jsx","_jsx","jsxs","_jsxs","Drawing","onChange","onEnd","onStart","ref","handleSignature","signature","refreshSignature","requestAnimationFrame","current","readSignature","handleEmpty","handleError","error","console","handleEnd","handleBegin","undo","redo","clear","clearSignature","style","styles","container","children","onBegin","onOK","onEmpty","onError","descriptionText","webStyle","gray","clearText","penColor","backgroundColor","base","white100","webviewProps","cacheEnabled","androidLayerType","footerConteiner","actionButtonContainer","onPress","name","variant","color","title","size","create","height","flexDirection","justifyContent","alignContent","alignItems","gap","preview","width","marginTop"],"sourceRoot":"../../../src","sources":["Drawing/Drawing.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
## Contoh
|
|
2
|
+
|
|
3
|
+
```tsx
|
|
4
|
+
import React, { useState } from 'react';
|
|
5
|
+
import { View, Image } from 'react-native';
|
|
6
|
+
import Drawing from './components/Drawing/Drawing';
|
|
7
|
+
|
|
8
|
+
export default function SignatureForm() {
|
|
9
|
+
const [result, setResult] = useState<string | undefined>();
|
|
10
|
+
|
|
11
|
+
return (
|
|
12
|
+
<View style={{ flex: 1, padding: 16 }}>
|
|
13
|
+
<Drawing onDraw={setResult} />
|
|
14
|
+
|
|
15
|
+
{result && (
|
|
16
|
+
<Image
|
|
17
|
+
source={{ uri: result }}
|
|
18
|
+
style={{ width: 300, height: 100, marginTop: 24 }}
|
|
19
|
+
resizeMode="contain"
|
|
20
|
+
/>
|
|
21
|
+
)}
|
|
22
|
+
</View>
|
|
23
|
+
);
|
|
24
|
+
}
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## props
|
|
28
|
+
|
|
29
|
+
| Prop | Tipe | Default | Deskripsi |
|
|
30
|
+
| -------- | -------------------------------------- | ----------- | --------------------------------------------------------------------------------------------------------------------- |
|
|
31
|
+
| `onDraw` | `(value?: string \| undefined) ⇒ void` | `undefined` | Callback berisi tanda tangan **base64** saat pengguna menggambar (dipicu otomatis di `onDraw`). |
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Drawing/type.tsx"],"mappings":"","ignoreList":[]}
|
|
@@ -1,36 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { View,
|
|
3
|
+
import { View, StyleSheet } from 'react-native';
|
|
4
4
|
import Pdf from 'react-native-pdf';
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
const PdfView = ({
|
|
7
|
-
source
|
|
7
|
+
source
|
|
8
8
|
}) => {
|
|
9
|
-
if (!source) {
|
|
10
|
-
return /*#__PURE__*/_jsx(View, {});
|
|
11
|
-
}
|
|
9
|
+
if (!source) return /*#__PURE__*/_jsx(View, {});
|
|
12
10
|
return /*#__PURE__*/_jsx(View, {
|
|
13
|
-
style: styles.
|
|
11
|
+
style: styles.container,
|
|
14
12
|
children: /*#__PURE__*/_jsx(Pdf, {
|
|
15
13
|
source: source,
|
|
16
|
-
onLoadComplete:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
console.log(`current page: ${page}`);
|
|
21
|
-
},
|
|
22
|
-
onError: error => {
|
|
23
|
-
console.log(error);
|
|
24
|
-
},
|
|
25
|
-
style: [styles.flex, {
|
|
26
|
-
width: Dimensions.get('window').width
|
|
27
|
-
}]
|
|
14
|
+
onLoadComplete: pages => console.log('number of pages:', pages),
|
|
15
|
+
onPageChanged: page => console.log('current page:', page),
|
|
16
|
+
onError: err => console.error(err),
|
|
17
|
+
style: styles.pdf
|
|
28
18
|
})
|
|
29
19
|
});
|
|
30
20
|
};
|
|
31
21
|
export default PdfView;
|
|
32
22
|
const styles = StyleSheet.create({
|
|
33
|
-
|
|
23
|
+
container: {
|
|
24
|
+
flex: 1
|
|
25
|
+
},
|
|
26
|
+
pdf: {
|
|
34
27
|
flex: 1
|
|
35
28
|
}
|
|
36
29
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","Pdf","jsx","_jsx","PdfView","source","style","styles","container","children","onLoadComplete","pages","console","log","onPageChanged","page","onError","err","error","pdf","create","flex"],"sourceRoot":"../../../src","sources":["FileView/PdfView.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,GAAG,MAAM,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAanC,MAAMC,OAAO,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAClD,IAAI,CAACA,MAAM,EAAE,oBAAOF,IAAA,CAACJ,IAAI,IAAE,CAAC;EAE5B,oBACEI,IAAA,CAACJ,IAAI;IAACO,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BN,IAAA,CAACF,GAAG;MACFI,MAAM,EAAEA,MAAO;MACfK,cAAc,EAAGC,KAAK,IAAKC,OAAO,CAACC,GAAG,CAAC,kBAAkB,EAAEF,KAAK,CAAE;MAClEG,aAAa,EAAGC,IAAI,IAAKH,OAAO,CAACC,GAAG,CAAC,eAAe,EAAEE,IAAI,CAAE;MAC5DC,OAAO,EAAGC,GAAG,IAAKL,OAAO,CAACM,KAAK,CAACD,GAAG,CAAE;MACrCX,KAAK,EAAEC,MAAM,CAACY;IAAI,CACnB;EAAC,CACE,CAAC;AAEX,CAAC;AAED,eAAef,OAAO;AAEtB,MAAMG,MAAM,GAAGP,UAAU,CAACoB,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IAAEa,IAAI,EAAE;EAAE,CAAC;EACtBF,GAAG,EAAE;IAAEE,IAAI,EAAE;EAAE;AACjB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { useState, useEffect, useCallback } from 'react';
|
|
4
4
|
import { View, StyleSheet, Modal, TouchableOpacity, Animated, SafeAreaView, Platform } from 'react-native';
|
|
5
|
+
import Icon from "../Icon/index.js";
|
|
6
|
+
import Color from "../Color/Color.js";
|
|
5
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
8
|
const ModalPopUp = ({
|
|
7
9
|
isOpen,
|
|
@@ -22,8 +24,8 @@ const ModalPopUp = ({
|
|
|
22
24
|
Animated.spring(scaleAnim, {
|
|
23
25
|
toValue: 1,
|
|
24
26
|
useNativeDriver: true,
|
|
25
|
-
damping:
|
|
26
|
-
stiffness:
|
|
27
|
+
damping: 20,
|
|
28
|
+
stiffness: 200
|
|
27
29
|
}).start();
|
|
28
30
|
}, [scaleAnim]);
|
|
29
31
|
const hideModal = useCallback(() => {
|
|
@@ -78,12 +80,14 @@ const ModalPopUp = ({
|
|
|
78
80
|
children: /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
79
81
|
onPress: hideModal,
|
|
80
82
|
style: styles.closeButton,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
83
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
84
|
+
style: styles.iconButtonClose,
|
|
85
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
86
|
+
name: "Times",
|
|
87
|
+
size: 13,
|
|
88
|
+
color: Color.gray[900]
|
|
89
|
+
})
|
|
90
|
+
})
|
|
87
91
|
})
|
|
88
92
|
}), /*#__PURE__*/_jsx(SafeAreaView, {
|
|
89
93
|
style: styles.contentContainer,
|
|
@@ -135,6 +139,13 @@ const styles = StyleSheet.create({
|
|
|
135
139
|
right: 10,
|
|
136
140
|
zIndex: 1
|
|
137
141
|
},
|
|
142
|
+
iconButtonClose: {
|
|
143
|
+
justifyContent: 'center',
|
|
144
|
+
alignContent: 'center',
|
|
145
|
+
alignItems: 'center',
|
|
146
|
+
top: 'auto',
|
|
147
|
+
flex: 1
|
|
148
|
+
},
|
|
138
149
|
closeButton: {
|
|
139
150
|
width: 24,
|
|
140
151
|
height: 24,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","useEffect","useCallback","View","StyleSheet","Modal","TouchableOpacity","Animated","SafeAreaView","Platform","jsx","_jsx","jsxs","_jsxs","ModalPopUp","isOpen","onClose","children","backdrop","closable","onRequestClose","bgColor","width","containerStyle","modalStyle","isVisible","setIsVisible","scaleAnim","Value","showModal","spring","toValue","useNativeDriver","damping","stiffness","start","hideModal","setTimeout","handleBackdropPress","modalContentStyle","flatten","transform","scale","backgroundColor","maxHeight","transparent","visible","statusBarTranslucent","style","styles","modalContainer","backdropTouch","activeOpacity","onPress","modalContent","closeButtonContainer","closeButton","
|
|
1
|
+
{"version":3,"names":["React","useState","useEffect","useCallback","View","StyleSheet","Modal","TouchableOpacity","Animated","SafeAreaView","Platform","Icon","Color","jsx","_jsx","jsxs","_jsxs","ModalPopUp","isOpen","onClose","children","backdrop","closable","onRequestClose","bgColor","width","containerStyle","modalStyle","isVisible","setIsVisible","scaleAnim","Value","showModal","spring","toValue","useNativeDriver","damping","stiffness","start","hideModal","setTimeout","handleBackdropPress","modalContentStyle","flatten","transform","scale","backgroundColor","maxHeight","transparent","visible","statusBarTranslucent","style","styles","modalContainer","backdropTouch","activeOpacity","onPress","modalContent","closeButtonContainer","closeButton","iconButtonClose","name","size","color","gray","contentContainer","create","flex","justifyContent","alignItems","position","top","left","right","bottom","height","borderRadius","overflow","select","ios","shadowColor","shadowOffset","shadowOpacity","shadowRadius","android","elevation","zIndex","alignContent","padding"],"sourceRoot":"../../../src","sources":["Modal/Modal.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { createContext, useContext, useState } from 'react';
|
|
4
|
+
import LayoutWithFooter from "./LayoutWithFooter.js";
|
|
4
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
6
|
const FooterContext = /*#__PURE__*/createContext(undefined);
|
|
6
7
|
export const FooterProvider = ({
|
|
@@ -12,7 +13,9 @@ export const FooterProvider = ({
|
|
|
12
13
|
footer,
|
|
13
14
|
setFooter
|
|
14
15
|
},
|
|
15
|
-
children:
|
|
16
|
+
children: /*#__PURE__*/_jsx(LayoutWithFooter, {
|
|
17
|
+
children: children
|
|
18
|
+
})
|
|
16
19
|
});
|
|
17
20
|
};
|
|
18
21
|
export const useFooter = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","useState","jsx","_jsx","FooterContext","undefined","FooterProvider","children","footer","setFooter","Provider","value","useFooter","context","Error"],"sourceRoot":"../../../src","sources":["Provider/FooterProvider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useState","LayoutWithFooter","jsx","_jsx","FooterContext","undefined","FooterProvider","children","footer","setFooter","Provider","value","useFooter","context","Error"],"sourceRoot":"../../../src","sources":["Provider/FooterProvider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,QAAQ,QAAwB,OAAO;AAC3E,OAAOC,gBAAgB,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlD,MAAMC,aAAa,gBAAGN,aAAa,CAAgCO,SAAS,CAAC;AAE7E,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EACvE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGT,QAAQ,CAAmB,IAAI,CAAC;EAE5D,oBACEG,IAAA,CAACC,aAAa,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAEH,MAAM;MAAEC;IAAU,CAAE;IAAAF,QAAA,eACnDJ,IAAA,CAACF,gBAAgB;MAAAM,QAAA,EAAEA;IAAQ,CAAmB;EAAC,CACzB,CAAC;AAE7B,CAAC;AAED,OAAO,MAAMK,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,OAAO,GAAGd,UAAU,CAACK,aAAa,CAAC;EACzC,IAAI,CAACS,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,gDAAgD,CAAC;EACnE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { View, StyleSheet, TouchableWithoutFeedback, Keyboard } from 'react-native';
|
|
4
|
-
import { useState,
|
|
4
|
+
import { useState, useCallback } from 'react';
|
|
5
5
|
import BottomSheet from "../BottomSheet/BottomSheet.js";
|
|
6
6
|
import Button from "../Button/Button.js";
|
|
7
7
|
import Input from "../Input/Input.js";
|
|
@@ -22,25 +22,30 @@ export default function Select({
|
|
|
22
22
|
delaySearch = 300,
|
|
23
23
|
height,
|
|
24
24
|
onRefresh,
|
|
25
|
-
refreshing
|
|
25
|
+
refreshing,
|
|
26
|
+
footer,
|
|
27
|
+
onEndReached
|
|
26
28
|
}) {
|
|
27
|
-
const [isOpenSelect, setIsOpenSelect] = useState(false);
|
|
29
|
+
// const [isOpenSelect, setIsOpenSelect] = useState<boolean | undefined>(false);
|
|
28
30
|
const [selected, setSelected] = useState();
|
|
29
31
|
const {
|
|
30
32
|
show
|
|
31
33
|
} = useToast();
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
|
|
34
|
-
}, [isOpen]);
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
// useEffect(() => {
|
|
35
|
+
// setIsOpenSelect(isOpen);
|
|
36
|
+
// }, [isOpen]);
|
|
37
|
+
|
|
38
|
+
const handleOnCloseBottom = useCallback(val => {
|
|
39
|
+
if (onClose) {
|
|
40
|
+
onClose?.(val);
|
|
41
|
+
}
|
|
42
|
+
}, [onClose]);
|
|
38
43
|
const handleOnPresSubmitSelect = () => {
|
|
39
44
|
if (required && (!selected || selected.length === 0)) {
|
|
40
45
|
show('Please fill a item');
|
|
41
46
|
return false;
|
|
42
47
|
}
|
|
43
|
-
setIsOpenSelect(false);
|
|
48
|
+
// setIsOpenSelect(false);
|
|
44
49
|
onSubmit?.(selected ? selected : []);
|
|
45
50
|
return true;
|
|
46
51
|
};
|
|
@@ -50,8 +55,8 @@ export default function Select({
|
|
|
50
55
|
}, delaySearch);
|
|
51
56
|
};
|
|
52
57
|
return /*#__PURE__*/_jsx(BottomSheet, {
|
|
53
|
-
onClose: handleOnCloseBottom,
|
|
54
|
-
isOpen:
|
|
58
|
+
onClose: val => handleOnCloseBottom(val),
|
|
59
|
+
isOpen: isOpen,
|
|
55
60
|
height: height,
|
|
56
61
|
footer: /*#__PURE__*/_jsx(Button, {
|
|
57
62
|
title: "lanjutkan",
|
|
@@ -79,12 +84,14 @@ export default function Select({
|
|
|
79
84
|
selected: selected,
|
|
80
85
|
multiple: multiple,
|
|
81
86
|
onSelect: setSelected,
|
|
87
|
+
onEndReached: onEndReached,
|
|
82
88
|
color: "primary",
|
|
83
89
|
size: "large",
|
|
84
90
|
renderItem: renderItem,
|
|
85
91
|
onRefresh: onRefresh,
|
|
86
92
|
block: true,
|
|
87
|
-
refreshing: refreshing
|
|
93
|
+
refreshing: refreshing,
|
|
94
|
+
footer: footer
|
|
88
95
|
})]
|
|
89
96
|
})
|
|
90
97
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","TouchableWithoutFeedback","Keyboard","useState","
|
|
1
|
+
{"version":3,"names":["View","StyleSheet","TouchableWithoutFeedback","Keyboard","useState","useCallback","BottomSheet","Button","Input","Chip","useToast","Loading","jsx","_jsx","jsxs","_jsxs","Select","isOpen","data","renderItem","onClose","onSubmit","multiple","onSearch","required","loading","delaySearch","height","onRefresh","refreshing","footer","onEndReached","selected","setSelected","show","handleOnCloseBottom","val","handleOnPresSubmitSelect","length","handleOnSearch","setTimeout","title","color","onPress","children","style","styles","container","containerSearch","dismiss","accessible","submitBehavior","icon","placeholder","onChangeText","options","direction","scrollable","onSelect","size","block","create","marginBottom","gap","padding"],"sourceRoot":"../../../src","sources":["Select/Select.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
const TabItem = () => {
|
|
6
|
-
return /*#__PURE__*/_jsx(View, {});
|
|
7
|
-
};
|
|
3
|
+
const TabItem = _props => null;
|
|
8
4
|
export default TabItem;
|
|
9
5
|
//# sourceMappingURL=TabItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["TabItem","_props"],"sourceRoot":"../../../src","sources":["Tab/TabItem.tsx"],"mappings":";;AAGA,MAAMA,OAA+B,GAAIC,MAAM,IAAK,IAAI;AACxD,eAAeD,OAAO","ignoreList":[]}
|