@fovestta2/mobile-react-native 1.1.0 → 1.2.0
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/dist/components/AddUpdateForm.d.ts +30 -0
- package/dist/components/AddUpdateForm.d.ts.map +1 -0
- package/dist/components/AddUpdateForm.js +183 -0
- package/dist/components/AddUpdateForm.js.map +1 -0
- package/dist/components/FvCheckbox.js +12 -19
- package/dist/components/FvCheckbox.js.map +1 -1
- package/dist/components/FvDateField.js +18 -45
- package/dist/components/FvDateField.js.map +1 -1
- package/dist/components/FvDropdown.d.ts.map +1 -1
- package/dist/components/FvDropdown.js +145 -96
- package/dist/components/FvDropdown.js.map +1 -1
- package/dist/components/FvEntryField.d.ts +2 -0
- package/dist/components/FvEntryField.d.ts.map +1 -1
- package/dist/components/FvEntryField.js +24 -47
- package/dist/components/FvEntryField.js.map +1 -1
- package/dist/components/FvEsiField.d.ts +15 -0
- package/dist/components/FvEsiField.d.ts.map +1 -0
- package/dist/components/FvEsiField.js +82 -0
- package/dist/components/FvEsiField.js.map +1 -0
- package/dist/components/FvFileSelector.js +35 -62
- package/dist/components/FvFileSelector.js.map +1 -1
- package/dist/components/FvIbanField.d.ts +15 -0
- package/dist/components/FvIbanField.d.ts.map +1 -0
- package/dist/components/FvIbanField.js +82 -0
- package/dist/components/FvIbanField.js.map +1 -0
- package/dist/components/FvIfscField.d.ts +15 -0
- package/dist/components/FvIfscField.d.ts.map +1 -0
- package/dist/components/FvIfscField.js +82 -0
- package/dist/components/FvIfscField.js.map +1 -0
- package/dist/components/FvImageSelector.js +39 -66
- package/dist/components/FvImageSelector.js.map +1 -1
- package/dist/components/FvMicrField.d.ts +15 -0
- package/dist/components/FvMicrField.d.ts.map +1 -0
- package/dist/components/FvMicrField.js +82 -0
- package/dist/components/FvMicrField.js.map +1 -0
- package/dist/components/FvMonthYearField.js +18 -45
- package/dist/components/FvMonthYearField.js.map +1 -1
- package/dist/components/FvNameCode.d.ts +21 -0
- package/dist/components/FvNameCode.d.ts.map +1 -0
- package/dist/components/FvNameCode.js +218 -0
- package/dist/components/FvNameCode.js.map +1 -0
- package/dist/components/FvNumberField.d.ts.map +1 -1
- package/dist/components/FvNumberField.js +21 -45
- package/dist/components/FvNumberField.js.map +1 -1
- package/dist/components/FvPfField.d.ts +15 -0
- package/dist/components/FvPfField.d.ts.map +1 -0
- package/dist/components/FvPfField.js +81 -0
- package/dist/components/FvPfField.js.map +1 -0
- package/dist/components/FvPhoneField.d.ts +16 -0
- package/dist/components/FvPhoneField.d.ts.map +1 -0
- package/dist/components/FvPhoneField.js +127 -0
- package/dist/components/FvPhoneField.js.map +1 -0
- package/dist/components/FvRadioGroup.js +18 -25
- package/dist/components/FvRadioGroup.js.map +1 -1
- package/dist/components/FvRichTextEditor.js +52 -79
- package/dist/components/FvRichTextEditor.js.map +1 -1
- package/dist/components/FvUanField.d.ts +15 -0
- package/dist/components/FvUanField.d.ts.map +1 -0
- package/dist/components/FvUanField.js +82 -0
- package/dist/components/FvUanField.js.map +1 -0
- package/dist/components/QueryForm.d.ts +6 -0
- package/dist/components/QueryForm.d.ts.map +1 -0
- package/dist/components/QueryForm.js +168 -0
- package/dist/components/QueryForm.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +20 -26
- package/dist/index.js.map +1 -1
- package/dist/utils/DropdownManager.d.ts +9 -0
- package/dist/utils/DropdownManager.d.ts.map +1 -0
- package/dist/utils/DropdownManager.js +14 -0
- package/dist/utils/DropdownManager.js.map +1 -0
- package/package.json +3 -3
|
@@ -1,38 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.FvFileSelector = void 0;
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const react_native_1 = require("react-native");
|
|
29
|
-
const DocumentPicker = __importStar(require("expo-document-picker"));
|
|
30
|
-
const validation_engine_1 = require("@fovestta2/validation-engine");
|
|
31
|
-
const FvFileSelector = ({ label, placeholder = "Select a file", value, schema, disabled = false, accept = ["*/*"], maxSize, onChange, onBlur, containerStyle, buttonStyle, buttonTextStyle, labelStyle, errorStyle, fileInfoStyle, }) => {
|
|
32
|
-
const [errorMessage, setErrorMessage] = (0, react_1.useState)(null);
|
|
33
|
-
(0, react_1.useEffect)(() => {
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
|
+
import { View, Text, StyleSheet, TouchableOpacity, Alert, } from "react-native";
|
|
3
|
+
import * as DocumentPicker from "expo-document-picker";
|
|
4
|
+
import { Validator } from "@fovestta2/validation-engine";
|
|
5
|
+
export const FvFileSelector = ({ label, placeholder = "Select a file", value, schema, disabled = false, accept = ["*/*"], maxSize, onChange, onBlur, containerStyle, buttonStyle, buttonTextStyle, labelStyle, errorStyle, fileInfoStyle, }) => {
|
|
6
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
7
|
+
useEffect(() => {
|
|
34
8
|
if (schema) {
|
|
35
|
-
const result =
|
|
9
|
+
const result = Validator.validate(value, schema);
|
|
36
10
|
setErrorMessage(result.errorKey);
|
|
37
11
|
}
|
|
38
12
|
}, [value, schema]);
|
|
@@ -48,7 +22,7 @@ const FvFileSelector = ({ label, placeholder = "Select a file", value, schema, d
|
|
|
48
22
|
const file = result.assets[0];
|
|
49
23
|
// Check file size if maxSize is specified
|
|
50
24
|
if (maxSize && file.size > maxSize) {
|
|
51
|
-
|
|
25
|
+
Alert.alert("File Too Large", `File size exceeds the maximum allowed size of ${formatFileSize(maxSize)}`);
|
|
52
26
|
return;
|
|
53
27
|
}
|
|
54
28
|
const fileInfo = {
|
|
@@ -62,7 +36,7 @@ const FvFileSelector = ({ label, placeholder = "Select a file", value, schema, d
|
|
|
62
36
|
}
|
|
63
37
|
catch (error) {
|
|
64
38
|
console.error("Error picking document:", error);
|
|
65
|
-
|
|
39
|
+
Alert.alert("Error", "Failed to pick document");
|
|
66
40
|
}
|
|
67
41
|
};
|
|
68
42
|
const handleRemoveFile = () => {
|
|
@@ -87,46 +61,45 @@ const FvFileSelector = ({ label, placeholder = "Select a file", value, schema, d
|
|
|
87
61
|
return errorMessages[errorMessage] || errorMessage;
|
|
88
62
|
};
|
|
89
63
|
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params?.enabled);
|
|
90
|
-
return (<
|
|
91
|
-
{label && (<
|
|
92
|
-
<
|
|
64
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
65
|
+
{label && (<View style={styles.labelContainer}>
|
|
66
|
+
<Text style={[styles.label, labelStyle]}>
|
|
93
67
|
{label}
|
|
94
|
-
{isRequired && <
|
|
95
|
-
</
|
|
96
|
-
</
|
|
68
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
69
|
+
</Text>
|
|
70
|
+
</View>)}
|
|
97
71
|
|
|
98
|
-
<
|
|
72
|
+
<TouchableOpacity style={[
|
|
99
73
|
styles.button,
|
|
100
74
|
errorMessage && styles.buttonError,
|
|
101
75
|
disabled && styles.buttonDisabled,
|
|
102
76
|
buttonStyle,
|
|
103
77
|
]} onPress={handlePickDocument} disabled={disabled}>
|
|
104
|
-
<
|
|
78
|
+
<Text style={[styles.buttonText, buttonTextStyle]}>
|
|
105
79
|
{placeholder}
|
|
106
|
-
</
|
|
107
|
-
</
|
|
80
|
+
</Text>
|
|
81
|
+
</TouchableOpacity>
|
|
108
82
|
|
|
109
|
-
{value && (<
|
|
110
|
-
<
|
|
111
|
-
<
|
|
83
|
+
{value && (<View style={styles.fileInfoContainer}>
|
|
84
|
+
<View style={styles.fileInfo}>
|
|
85
|
+
<Text style={[styles.fileName, fileInfoStyle]} numberOfLines={1}>
|
|
112
86
|
📄 {value.name}
|
|
113
|
-
</
|
|
114
|
-
<
|
|
87
|
+
</Text>
|
|
88
|
+
<Text style={[styles.fileSize, fileInfoStyle]}>
|
|
115
89
|
{formatFileSize(value.size)}
|
|
116
|
-
</
|
|
117
|
-
</
|
|
118
|
-
<
|
|
119
|
-
<
|
|
120
|
-
</
|
|
121
|
-
</
|
|
90
|
+
</Text>
|
|
91
|
+
</View>
|
|
92
|
+
<TouchableOpacity style={styles.removeButton} onPress={handleRemoveFile} disabled={disabled}>
|
|
93
|
+
<Text style={styles.removeButtonText}>✕</Text>
|
|
94
|
+
</TouchableOpacity>
|
|
95
|
+
</View>)}
|
|
122
96
|
|
|
123
|
-
{errorMessage && (<
|
|
97
|
+
{errorMessage && (<Text style={[styles.errorText, errorStyle]}>
|
|
124
98
|
⚠ {getErrorMessage()}
|
|
125
|
-
</
|
|
126
|
-
</
|
|
99
|
+
</Text>)}
|
|
100
|
+
</View>);
|
|
127
101
|
};
|
|
128
|
-
|
|
129
|
-
const styles = react_native_1.StyleSheet.create({
|
|
102
|
+
const styles = StyleSheet.create({
|
|
130
103
|
container: {
|
|
131
104
|
marginBottom: 16,
|
|
132
105
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FvFileSelector.js","sourceRoot":"","sources":["../../src/components/FvFileSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FvFileSelector.js","sourceRoot":"","sources":["../../src/components/FvFileSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ViewStyle } from "react-native";
|
|
3
|
+
import { ValidationSchema } from "@fovestta2/validation-engine";
|
|
4
|
+
export interface FvIbanFieldProps {
|
|
5
|
+
label?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
schema?: ValidationSchema;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onChange: (value: string) => void;
|
|
10
|
+
onBlur?: () => void;
|
|
11
|
+
onFocus?: () => void;
|
|
12
|
+
containerStyle?: ViewStyle;
|
|
13
|
+
}
|
|
14
|
+
export declare const FvIbanField: React.FC<FvIbanFieldProps>;
|
|
15
|
+
//# sourceMappingURL=FvIbanField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvIbanField.d.ts","sourceRoot":"","sources":["../../src/components/FvIbanField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAKH,SAAS,EAEZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAa,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsElD,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
|
+
import { TextInput, View, Text, StyleSheet, } from "react-native";
|
|
3
|
+
import { Validator } from "@fovestta2/validation-engine";
|
|
4
|
+
export const FvIbanField = ({ label = "IBAN Number", value, schema, disabled = false, onChange, onBlur, onFocus, containerStyle }) => {
|
|
5
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
if (schema) {
|
|
8
|
+
const result = Validator.validate(value, schema);
|
|
9
|
+
setErrorMessage(result.errorKey);
|
|
10
|
+
}
|
|
11
|
+
}, [value, schema]);
|
|
12
|
+
const handleChange = (text) => {
|
|
13
|
+
// 34 alphanumeric chars, uppercase
|
|
14
|
+
const formatted = text.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
|
|
15
|
+
const truncated = formatted.substring(0, 34);
|
|
16
|
+
onChange(truncated);
|
|
17
|
+
};
|
|
18
|
+
const getErrorMessage = () => {
|
|
19
|
+
if (!errorMessage)
|
|
20
|
+
return "";
|
|
21
|
+
return errorMessage;
|
|
22
|
+
};
|
|
23
|
+
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params.enabled);
|
|
24
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
25
|
+
{label && (<View style={styles.labelContainer}>
|
|
26
|
+
<Text style={styles.label}>
|
|
27
|
+
{label}
|
|
28
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
29
|
+
</Text>
|
|
30
|
+
</View>)}
|
|
31
|
+
|
|
32
|
+
<TextInput style={[
|
|
33
|
+
styles.input,
|
|
34
|
+
errorMessage && styles.inputError,
|
|
35
|
+
disabled && styles.inputDisabled,
|
|
36
|
+
]} value={value} placeholder="IBAN" onChangeText={handleChange} onBlur={onBlur} onFocus={onFocus} editable={!disabled} placeholderTextColor="#999999" maxLength={34} autoCapitalize="characters"/>
|
|
37
|
+
|
|
38
|
+
{errorMessage && (<Text style={styles.errorText}>
|
|
39
|
+
⚠ {getErrorMessage()}
|
|
40
|
+
</Text>)}
|
|
41
|
+
</View>);
|
|
42
|
+
};
|
|
43
|
+
const styles = StyleSheet.create({
|
|
44
|
+
container: {
|
|
45
|
+
marginBottom: 16,
|
|
46
|
+
width: "100%",
|
|
47
|
+
},
|
|
48
|
+
labelContainer: {
|
|
49
|
+
marginBottom: 6,
|
|
50
|
+
},
|
|
51
|
+
label: {
|
|
52
|
+
fontSize: 14,
|
|
53
|
+
fontWeight: "500",
|
|
54
|
+
color: "#333333",
|
|
55
|
+
},
|
|
56
|
+
requiredAsterisk: {
|
|
57
|
+
color: "#dc3545",
|
|
58
|
+
fontWeight: "bold",
|
|
59
|
+
},
|
|
60
|
+
input: {
|
|
61
|
+
padding: 10,
|
|
62
|
+
borderWidth: 1,
|
|
63
|
+
borderColor: "#cccccc",
|
|
64
|
+
borderRadius: 4,
|
|
65
|
+
fontSize: 14,
|
|
66
|
+
backgroundColor: "#ffffff",
|
|
67
|
+
color: "#333333",
|
|
68
|
+
},
|
|
69
|
+
inputError: {
|
|
70
|
+
borderColor: "#dc3545",
|
|
71
|
+
},
|
|
72
|
+
inputDisabled: {
|
|
73
|
+
backgroundColor: "#f5f5f5",
|
|
74
|
+
opacity: 0.6,
|
|
75
|
+
},
|
|
76
|
+
errorText: {
|
|
77
|
+
marginTop: 4,
|
|
78
|
+
fontSize: 12,
|
|
79
|
+
color: "#dc3545",
|
|
80
|
+
},
|
|
81
|
+
});
|
|
82
|
+
//# sourceMappingURL=FvIbanField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvIbanField.js","sourceRoot":"","sources":["../../src/components/FvIbanField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ViewStyle } from "react-native";
|
|
3
|
+
import { ValidationSchema } from "@fovestta2/validation-engine";
|
|
4
|
+
export interface FvIfscFieldProps {
|
|
5
|
+
label?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
schema?: ValidationSchema;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onChange: (value: string) => void;
|
|
10
|
+
onBlur?: () => void;
|
|
11
|
+
onFocus?: () => void;
|
|
12
|
+
containerStyle?: ViewStyle;
|
|
13
|
+
}
|
|
14
|
+
export declare const FvIfscField: React.FC<FvIfscFieldProps>;
|
|
15
|
+
//# sourceMappingURL=FvIfscField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvIfscField.d.ts","sourceRoot":"","sources":["../../src/components/FvIfscField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAKH,SAAS,EAEZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAa,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsElD,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
|
+
import { TextInput, View, Text, StyleSheet, } from "react-native";
|
|
3
|
+
import { Validator } from "@fovestta2/validation-engine";
|
|
4
|
+
export const FvIfscField = ({ label = "IFSC Code", value, schema, disabled = false, onChange, onBlur, onFocus, containerStyle }) => {
|
|
5
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
if (schema) {
|
|
8
|
+
const result = Validator.validate(value, schema);
|
|
9
|
+
setErrorMessage(result.errorKey);
|
|
10
|
+
}
|
|
11
|
+
}, [value, schema]);
|
|
12
|
+
const handleChange = (text) => {
|
|
13
|
+
// 11 alphanumerics/uppercase
|
|
14
|
+
const formatted = text.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
|
|
15
|
+
const truncated = formatted.substring(0, 11);
|
|
16
|
+
onChange(truncated);
|
|
17
|
+
};
|
|
18
|
+
const getErrorMessage = () => {
|
|
19
|
+
if (!errorMessage)
|
|
20
|
+
return "";
|
|
21
|
+
return errorMessage;
|
|
22
|
+
};
|
|
23
|
+
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params.enabled);
|
|
24
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
25
|
+
{label && (<View style={styles.labelContainer}>
|
|
26
|
+
<Text style={styles.label}>
|
|
27
|
+
{label}
|
|
28
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
29
|
+
</Text>
|
|
30
|
+
</View>)}
|
|
31
|
+
|
|
32
|
+
<TextInput style={[
|
|
33
|
+
styles.input,
|
|
34
|
+
errorMessage && styles.inputError,
|
|
35
|
+
disabled && styles.inputDisabled,
|
|
36
|
+
]} value={value} placeholder="IFSC Code" onChangeText={handleChange} onBlur={onBlur} onFocus={onFocus} editable={!disabled} placeholderTextColor="#999999" maxLength={11} autoCapitalize="characters"/>
|
|
37
|
+
|
|
38
|
+
{errorMessage && (<Text style={styles.errorText}>
|
|
39
|
+
⚠ {getErrorMessage()}
|
|
40
|
+
</Text>)}
|
|
41
|
+
</View>);
|
|
42
|
+
};
|
|
43
|
+
const styles = StyleSheet.create({
|
|
44
|
+
container: {
|
|
45
|
+
marginBottom: 16,
|
|
46
|
+
width: "100%",
|
|
47
|
+
},
|
|
48
|
+
labelContainer: {
|
|
49
|
+
marginBottom: 6,
|
|
50
|
+
},
|
|
51
|
+
label: {
|
|
52
|
+
fontSize: 14,
|
|
53
|
+
fontWeight: "500",
|
|
54
|
+
color: "#333333",
|
|
55
|
+
},
|
|
56
|
+
requiredAsterisk: {
|
|
57
|
+
color: "#dc3545",
|
|
58
|
+
fontWeight: "bold",
|
|
59
|
+
},
|
|
60
|
+
input: {
|
|
61
|
+
padding: 10,
|
|
62
|
+
borderWidth: 1,
|
|
63
|
+
borderColor: "#cccccc",
|
|
64
|
+
borderRadius: 4,
|
|
65
|
+
fontSize: 14,
|
|
66
|
+
backgroundColor: "#ffffff",
|
|
67
|
+
color: "#333333",
|
|
68
|
+
},
|
|
69
|
+
inputError: {
|
|
70
|
+
borderColor: "#dc3545",
|
|
71
|
+
},
|
|
72
|
+
inputDisabled: {
|
|
73
|
+
backgroundColor: "#f5f5f5",
|
|
74
|
+
opacity: 0.6,
|
|
75
|
+
},
|
|
76
|
+
errorText: {
|
|
77
|
+
marginTop: 4,
|
|
78
|
+
fontSize: 12,
|
|
79
|
+
color: "#dc3545",
|
|
80
|
+
},
|
|
81
|
+
});
|
|
82
|
+
//# sourceMappingURL=FvIfscField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvIfscField.js","sourceRoot":"","sources":["../../src/components/FvIfscField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.FvImageSelector = void 0;
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const react_native_1 = require("react-native");
|
|
29
|
-
const ImagePicker = __importStar(require("expo-image-picker"));
|
|
30
|
-
const validation_engine_1 = require("@fovestta2/validation-engine");
|
|
31
|
-
const FvImageSelector = ({ label, placeholder = "Select an image", value, schema, disabled = false, allowCamera = true, allowGallery = true, maxWidth = 1920, maxHeight = 1920, quality = 0.8, onChange, onBlur, containerStyle, buttonStyle, buttonTextStyle, labelStyle, errorStyle, previewStyle, }) => {
|
|
32
|
-
const [errorMessage, setErrorMessage] = (0, react_1.useState)(null);
|
|
33
|
-
(0, react_1.useEffect)(() => {
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
|
+
import { View, Text, StyleSheet, TouchableOpacity, Image, Alert, } from "react-native";
|
|
3
|
+
import * as ImagePicker from "expo-image-picker";
|
|
4
|
+
import { Validator } from "@fovestta2/validation-engine";
|
|
5
|
+
export const FvImageSelector = ({ label, placeholder = "Select an image", value, schema, disabled = false, allowCamera = true, allowGallery = true, maxWidth = 1920, maxHeight = 1920, quality = 0.8, onChange, onBlur, containerStyle, buttonStyle, buttonTextStyle, labelStyle, errorStyle, previewStyle, }) => {
|
|
6
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
7
|
+
useEffect(() => {
|
|
34
8
|
if (schema) {
|
|
35
|
-
const result =
|
|
9
|
+
const result = Validator.validate(value, schema);
|
|
36
10
|
setErrorMessage(result.errorKey);
|
|
37
11
|
}
|
|
38
12
|
}, [value, schema]);
|
|
@@ -40,14 +14,14 @@ const FvImageSelector = ({ label, placeholder = "Select an image", value, schema
|
|
|
40
14
|
if (type === "camera") {
|
|
41
15
|
const { status } = await ImagePicker.requestCameraPermissionsAsync();
|
|
42
16
|
if (status !== "granted") {
|
|
43
|
-
|
|
17
|
+
Alert.alert("Permission Required", "Camera permission is required to take photos");
|
|
44
18
|
return false;
|
|
45
19
|
}
|
|
46
20
|
}
|
|
47
21
|
else {
|
|
48
22
|
const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
|
|
49
23
|
if (status !== "granted") {
|
|
50
|
-
|
|
24
|
+
Alert.alert("Permission Required", "Gallery permission is required to select photos");
|
|
51
25
|
return false;
|
|
52
26
|
}
|
|
53
27
|
}
|
|
@@ -78,7 +52,7 @@ const FvImageSelector = ({ label, placeholder = "Select an image", value, schema
|
|
|
78
52
|
}
|
|
79
53
|
catch (error) {
|
|
80
54
|
console.error("Error picking image:", error);
|
|
81
|
-
|
|
55
|
+
Alert.alert("Error", "Failed to pick image");
|
|
82
56
|
}
|
|
83
57
|
};
|
|
84
58
|
const handleTakePhoto = async () => {
|
|
@@ -105,14 +79,14 @@ const FvImageSelector = ({ label, placeholder = "Select an image", value, schema
|
|
|
105
79
|
}
|
|
106
80
|
catch (error) {
|
|
107
81
|
console.error("Error taking photo:", error);
|
|
108
|
-
|
|
82
|
+
Alert.alert("Error", "Failed to take photo");
|
|
109
83
|
}
|
|
110
84
|
};
|
|
111
85
|
const handleSelectImage = () => {
|
|
112
86
|
if (disabled)
|
|
113
87
|
return;
|
|
114
88
|
if (allowCamera && allowGallery) {
|
|
115
|
-
|
|
89
|
+
Alert.alert("Select Image", "Choose an option", [
|
|
116
90
|
{ text: "Camera", onPress: handleTakePhoto },
|
|
117
91
|
{ text: "Gallery", onPress: handlePickFromGallery },
|
|
118
92
|
{ text: "Cancel", style: "cancel" },
|
|
@@ -139,46 +113,45 @@ const FvImageSelector = ({ label, placeholder = "Select an image", value, schema
|
|
|
139
113
|
return errorMessages[errorMessage] || errorMessage;
|
|
140
114
|
};
|
|
141
115
|
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params.enabled);
|
|
142
|
-
return (<
|
|
143
|
-
{label && (<
|
|
144
|
-
<
|
|
116
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
117
|
+
{label && (<View style={styles.labelContainer}>
|
|
118
|
+
<Text style={[styles.label, labelStyle]}>
|
|
145
119
|
{label}
|
|
146
|
-
{isRequired && <
|
|
147
|
-
</
|
|
148
|
-
</
|
|
120
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
121
|
+
</Text>
|
|
122
|
+
</View>)}
|
|
149
123
|
|
|
150
|
-
{!value ? (<
|
|
124
|
+
{!value ? (<TouchableOpacity style={[
|
|
151
125
|
styles.button,
|
|
152
126
|
errorMessage && styles.buttonError,
|
|
153
127
|
disabled && styles.buttonDisabled,
|
|
154
128
|
buttonStyle,
|
|
155
129
|
]} onPress={handleSelectImage} disabled={disabled}>
|
|
156
|
-
<
|
|
130
|
+
<Text style={[styles.buttonText, buttonTextStyle]}>
|
|
157
131
|
📷 {placeholder}
|
|
158
|
-
</
|
|
159
|
-
</
|
|
160
|
-
<
|
|
161
|
-
<
|
|
162
|
-
<
|
|
163
|
-
<
|
|
164
|
-
</
|
|
165
|
-
<
|
|
166
|
-
<
|
|
167
|
-
</
|
|
168
|
-
</
|
|
169
|
-
<
|
|
132
|
+
</Text>
|
|
133
|
+
</TouchableOpacity>) : (<View style={styles.previewContainer}>
|
|
134
|
+
<Image source={{ uri: value.uri }} style={[styles.preview, previewStyle]} resizeMode="cover"/>
|
|
135
|
+
<View style={styles.imageActions}>
|
|
136
|
+
<TouchableOpacity style={styles.changeButton} onPress={handleSelectImage} disabled={disabled}>
|
|
137
|
+
<Text style={styles.changeButtonText}>Change</Text>
|
|
138
|
+
</TouchableOpacity>
|
|
139
|
+
<TouchableOpacity style={styles.removeButton} onPress={handleRemoveImage} disabled={disabled}>
|
|
140
|
+
<Text style={styles.removeButtonText}>Remove</Text>
|
|
141
|
+
</TouchableOpacity>
|
|
142
|
+
</View>
|
|
143
|
+
<Text style={styles.imageInfo}>
|
|
170
144
|
{value.width} × {value.height}
|
|
171
145
|
{value.fileSize && ` • ${(value.fileSize / 1024).toFixed(0)} KB`}
|
|
172
|
-
</
|
|
173
|
-
</
|
|
146
|
+
</Text>
|
|
147
|
+
</View>)}
|
|
174
148
|
|
|
175
|
-
{errorMessage && (<
|
|
149
|
+
{errorMessage && (<Text style={[styles.errorText, errorStyle]}>
|
|
176
150
|
⚠ {getErrorMessage()}
|
|
177
|
-
</
|
|
178
|
-
</
|
|
151
|
+
</Text>)}
|
|
152
|
+
</View>);
|
|
179
153
|
};
|
|
180
|
-
|
|
181
|
-
const styles = react_native_1.StyleSheet.create({
|
|
154
|
+
const styles = StyleSheet.create({
|
|
182
155
|
container: {
|
|
183
156
|
marginBottom: 16,
|
|
184
157
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FvImageSelector.js","sourceRoot":"","sources":["../../src/components/FvImageSelector.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FvImageSelector.js","sourceRoot":"","sources":["../../src/components/FvImageSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ViewStyle } from "react-native";
|
|
3
|
+
import { ValidationSchema } from "@fovestta2/validation-engine";
|
|
4
|
+
export interface FvMicrFieldProps {
|
|
5
|
+
label?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
schema?: ValidationSchema;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onChange: (value: string) => void;
|
|
10
|
+
onBlur?: () => void;
|
|
11
|
+
onFocus?: () => void;
|
|
12
|
+
containerStyle?: ViewStyle;
|
|
13
|
+
}
|
|
14
|
+
export declare const FvMicrField: React.FC<FvMicrFieldProps>;
|
|
15
|
+
//# sourceMappingURL=FvMicrField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvMicrField.d.ts","sourceRoot":"","sources":["../../src/components/FvMicrField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAKH,SAAS,EAEZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAa,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsElD,CAAC"}
|