@fovestta2/mobile-react-native 1.1.0 → 1.2.1
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
|
@@ -0,0 +1,81 @@
|
|
|
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 FvPfField = ({ label = "PF 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
|
+
// Alphanumeric and slash
|
|
14
|
+
const formatted = text.replace(/[^a-zA-Z0-9/]/g, '').toUpperCase();
|
|
15
|
+
onChange(formatted);
|
|
16
|
+
};
|
|
17
|
+
const getErrorMessage = () => {
|
|
18
|
+
if (!errorMessage)
|
|
19
|
+
return "";
|
|
20
|
+
return errorMessage;
|
|
21
|
+
};
|
|
22
|
+
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params.enabled);
|
|
23
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
24
|
+
{label && (<View style={styles.labelContainer}>
|
|
25
|
+
<Text style={styles.label}>
|
|
26
|
+
{label}
|
|
27
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
28
|
+
</Text>
|
|
29
|
+
</View>)}
|
|
30
|
+
|
|
31
|
+
<TextInput style={[
|
|
32
|
+
styles.input,
|
|
33
|
+
errorMessage && styles.inputError,
|
|
34
|
+
disabled && styles.inputDisabled,
|
|
35
|
+
]} value={value} placeholder="PF Number" onChangeText={handleChange} onBlur={onBlur} onFocus={onFocus} editable={!disabled} placeholderTextColor="#999999" autoCapitalize="characters"/>
|
|
36
|
+
|
|
37
|
+
{errorMessage && (<Text style={styles.errorText}>
|
|
38
|
+
⚠ {getErrorMessage()}
|
|
39
|
+
</Text>)}
|
|
40
|
+
</View>);
|
|
41
|
+
};
|
|
42
|
+
const styles = StyleSheet.create({
|
|
43
|
+
container: {
|
|
44
|
+
marginBottom: 16,
|
|
45
|
+
width: "100%",
|
|
46
|
+
},
|
|
47
|
+
labelContainer: {
|
|
48
|
+
marginBottom: 6,
|
|
49
|
+
},
|
|
50
|
+
label: {
|
|
51
|
+
fontSize: 14,
|
|
52
|
+
fontWeight: "500",
|
|
53
|
+
color: "#333333",
|
|
54
|
+
},
|
|
55
|
+
requiredAsterisk: {
|
|
56
|
+
color: "#dc3545",
|
|
57
|
+
fontWeight: "bold",
|
|
58
|
+
},
|
|
59
|
+
input: {
|
|
60
|
+
padding: 10,
|
|
61
|
+
borderWidth: 1,
|
|
62
|
+
borderColor: "#cccccc",
|
|
63
|
+
borderRadius: 4,
|
|
64
|
+
fontSize: 14,
|
|
65
|
+
backgroundColor: "#ffffff",
|
|
66
|
+
color: "#333333",
|
|
67
|
+
},
|
|
68
|
+
inputError: {
|
|
69
|
+
borderColor: "#dc3545",
|
|
70
|
+
},
|
|
71
|
+
inputDisabled: {
|
|
72
|
+
backgroundColor: "#f5f5f5",
|
|
73
|
+
opacity: 0.6,
|
|
74
|
+
},
|
|
75
|
+
errorText: {
|
|
76
|
+
marginTop: 4,
|
|
77
|
+
fontSize: 12,
|
|
78
|
+
color: "#dc3545",
|
|
79
|
+
},
|
|
80
|
+
});
|
|
81
|
+
//# sourceMappingURL=FvPfField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvPfField.js","sourceRoot":"","sources":["../../src/components/FvPfField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ViewStyle } from "react-native";
|
|
3
|
+
import { ValidationSchema } from "@fovestta2/validation-engine";
|
|
4
|
+
export interface FvPhoneFieldProps {
|
|
5
|
+
label?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
countryCode?: string;
|
|
8
|
+
schema?: ValidationSchema;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
onChange: (value: string) => void;
|
|
11
|
+
onBlur?: () => void;
|
|
12
|
+
onFocus?: () => void;
|
|
13
|
+
containerStyle?: ViewStyle;
|
|
14
|
+
}
|
|
15
|
+
export declare const FvPhoneField: React.FC<FvPhoneFieldProps>;
|
|
16
|
+
//# sourceMappingURL=FvPhoneField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvPhoneField.d.ts","sourceRoot":"","sources":["../../src/components/FvPhoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAKH,SAAS,EAGZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAa,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAW3E,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,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,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8FpD,CAAC"}
|
|
@@ -0,0 +1,127 @@
|
|
|
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 FvPhoneField = ({ label, value, schema, disabled = false, onChange, onBlur, onFocus, containerStyle }) => {
|
|
5
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
6
|
+
const [selectedCode, setSelectedCode] = useState("+91");
|
|
7
|
+
const countryCodes = [
|
|
8
|
+
'+1', '+7', '+20', '+27', '+30', '+31', '+32', '+33', '+34', '+36', '+39', '+40', '+41', '+43', '+44', '+45', '+46', '+47',
|
|
9
|
+
'+48', '+49', '+51', '+52', '+53', '+54', '+55', '+56', '+57', '+58', '+60', '+61', '+62', '+63', '+64', '+65', '+66',
|
|
10
|
+
'+81', '+82', '+84', '+86', '+90', '+91', '+92', '+93', '+94', '+95', '+98', '+212', '+213', '+216', '+218', '+220',
|
|
11
|
+
'+221', '+222', '+223', '+224', '+225', '+226', '+227', '+228', '+229', '+230', '+231', '+232', '+233', '+234', '+235',
|
|
12
|
+
'+236', '+237', '+238', '+239', '+240', '+241', '+242', '+243', '+244', '+245', '+246', '+248', '+249', '+250', '+251',
|
|
13
|
+
'+252', '+253', '+254', '+255', '+256', '+257', '+258', '+260', '+261', '+262', '+263', '+264', '+265', '+266', '+267',
|
|
14
|
+
'+268', '+269', '+290', '+291', '+297', '+298', '+299', '+350', '+351', '+352', '+353', '+354', '+355', '+356', '+357',
|
|
15
|
+
'+358', '+359', '+370', '+371', '+372', '+373', '+374', '+375', '+376', '+377', '+378', '+380', '+381', '+382', '+383',
|
|
16
|
+
'+385', '+386', '+387', '+389', '+420', '+421', '+423', '+500', '+501', '+502', '+503', '+504', '+505', '+506', '+507',
|
|
17
|
+
'+508', '+509', '+590', '+591', '+592', '+593', '+594', '+595', '+596', '+597', '+598', '+599', '+670', '+672', '+673',
|
|
18
|
+
'+674', '+675', '+676', '+677', '+678', '+679', '+680', '+681', '+682', '+683', '+685', '+686', '+687', '+688', '+689',
|
|
19
|
+
'+690', '+691', '+692', '+850', '+852', '+853', '+855', '+856', '+880', '+886', '+960', '+961', '+962', '+963', '+964',
|
|
20
|
+
'+965', '+966', '+967', '+968', '+970', '+971', '+972', '+973', '+974', '+975', '+976', '+977', '+992', '+993', '+994',
|
|
21
|
+
'+995', '+996', '+998'
|
|
22
|
+
];
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
if (schema) {
|
|
25
|
+
const result = Validator.validate(value, schema);
|
|
26
|
+
setErrorMessage(result.errorKey);
|
|
27
|
+
}
|
|
28
|
+
}, [value, schema]);
|
|
29
|
+
const handleChange = (text) => {
|
|
30
|
+
// Numbers only
|
|
31
|
+
const numericValue = text.replace(/[^0-9]/g, '');
|
|
32
|
+
const truncatedValue = numericValue.substring(0, 10);
|
|
33
|
+
onChange(truncatedValue);
|
|
34
|
+
};
|
|
35
|
+
const getErrorMessage = () => {
|
|
36
|
+
if (!errorMessage)
|
|
37
|
+
return "";
|
|
38
|
+
return errorMessage; // Simplify for now or add map
|
|
39
|
+
};
|
|
40
|
+
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params.enabled);
|
|
41
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
42
|
+
{label && (<View style={styles.labelContainer}>
|
|
43
|
+
<Text style={styles.label}>
|
|
44
|
+
{label}
|
|
45
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
46
|
+
</Text>
|
|
47
|
+
</View>)}
|
|
48
|
+
|
|
49
|
+
<View style={styles.inputGroup}>
|
|
50
|
+
{/* Simple Country Code Display - in a real app use a Picker or Modal */}
|
|
51
|
+
<View style={styles.codeContainer}>
|
|
52
|
+
<Text style={styles.codeText}>{selectedCode}</Text>
|
|
53
|
+
</View>
|
|
54
|
+
|
|
55
|
+
<TextInput style={[
|
|
56
|
+
styles.input,
|
|
57
|
+
errorMessage && styles.inputError,
|
|
58
|
+
disabled && styles.inputDisabled,
|
|
59
|
+
]} value={value} placeholder="10 digit mobile number" onChangeText={handleChange} onBlur={onBlur} onFocus={onFocus} editable={!disabled} keyboardType="numeric" placeholderTextColor="#999999" maxLength={10}/>
|
|
60
|
+
</View>
|
|
61
|
+
|
|
62
|
+
{errorMessage && (<Text style={styles.errorText}>
|
|
63
|
+
⚠ {getErrorMessage()}
|
|
64
|
+
</Text>)}
|
|
65
|
+
</View>);
|
|
66
|
+
};
|
|
67
|
+
const styles = StyleSheet.create({
|
|
68
|
+
container: {
|
|
69
|
+
marginBottom: 16,
|
|
70
|
+
width: "100%",
|
|
71
|
+
},
|
|
72
|
+
labelContainer: {
|
|
73
|
+
marginBottom: 6,
|
|
74
|
+
},
|
|
75
|
+
label: {
|
|
76
|
+
fontSize: 14,
|
|
77
|
+
fontWeight: "500",
|
|
78
|
+
color: "#333333",
|
|
79
|
+
},
|
|
80
|
+
requiredAsterisk: {
|
|
81
|
+
color: "#dc3545",
|
|
82
|
+
fontWeight: "bold",
|
|
83
|
+
},
|
|
84
|
+
inputGroup: {
|
|
85
|
+
flexDirection: 'row',
|
|
86
|
+
alignItems: 'center',
|
|
87
|
+
},
|
|
88
|
+
codeContainer: {
|
|
89
|
+
padding: 10,
|
|
90
|
+
borderWidth: 1,
|
|
91
|
+
borderColor: "#cccccc",
|
|
92
|
+
borderRadius: 4,
|
|
93
|
+
backgroundColor: "#f8f9fa",
|
|
94
|
+
marginRight: 8,
|
|
95
|
+
width: 60,
|
|
96
|
+
justifyContent: 'center',
|
|
97
|
+
alignItems: 'center',
|
|
98
|
+
height: 50 // Match input approx height
|
|
99
|
+
},
|
|
100
|
+
codeText: {
|
|
101
|
+
color: "#333"
|
|
102
|
+
},
|
|
103
|
+
input: {
|
|
104
|
+
flex: 1,
|
|
105
|
+
padding: 10,
|
|
106
|
+
borderWidth: 1,
|
|
107
|
+
borderColor: "#cccccc",
|
|
108
|
+
borderRadius: 4,
|
|
109
|
+
fontSize: 14,
|
|
110
|
+
backgroundColor: "#ffffff",
|
|
111
|
+
color: "#333333",
|
|
112
|
+
height: 50
|
|
113
|
+
},
|
|
114
|
+
inputError: {
|
|
115
|
+
borderColor: "#dc3545",
|
|
116
|
+
},
|
|
117
|
+
inputDisabled: {
|
|
118
|
+
backgroundColor: "#f5f5f5",
|
|
119
|
+
opacity: 0.6,
|
|
120
|
+
},
|
|
121
|
+
errorText: {
|
|
122
|
+
marginTop: 4,
|
|
123
|
+
fontSize: 12,
|
|
124
|
+
color: "#dc3545",
|
|
125
|
+
},
|
|
126
|
+
});
|
|
127
|
+
//# sourceMappingURL=FvPhoneField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvPhoneField.js","sourceRoot":"","sources":["../../src/components/FvPhoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EACH,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,UAAU,GAIb,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAoB,MAAM,8BAA8B,CAAC;AA2B3E,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACtD,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,cAAc,EACjB,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACtE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG;QACjB,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QAC1H,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK;QACrH,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACnH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;QACtH,MAAM,EAAE,MAAM,EAAE,MAAM;KACzB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YACjD,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,eAAe;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACjD,MAAM,cAAc,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACrD,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAW,EAAE;QACjC,IAAI,CAAC,YAAY;YAAE,OAAO,EAAE,CAAC;QAC7B,OAAO,YAAY,CAAC,CAAC,8BAA8B;IACvD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CACnD,CAAC;IAEF,OAAO,CACH,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC5C;YAAA,CAAC,KAAK,IAAI,CACN,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAC/B;oBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACtB;wBAAA,CAAC,KAAK,CACN;wBAAA,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAE,EAAC,EAAE,IAAI,CAAC,CAClE;oBAAA,EAAE,IAAI,CACV;gBAAA,EAAE,IAAI,CAAC,CACV,CAED;;YAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC3B;gBAAA,CAAC,uEAAuE,CACxE;gBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAC9B;oBAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,CACtD;gBAAA,EAAE,IAAI,CAEN;;gBAAA,CAAC,SAAS,CACN,KAAK,CAAC,CAAC;YACH,MAAM,CAAC,KAAK;YACZ,YAAY,IAAI,MAAM,CAAC,UAAU;YACjC,QAAQ,IAAI,MAAM,CAAC,aAAa;SACnC,CAAC,CACF,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,wBAAwB,CACpC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CACpB,YAAY,CAAC,SAAS,CACtB,oBAAoB,CAAC,SAAS,CAC9B,SAAS,CAAC,CAAC,EAAE,CAAC,EAEtB;YAAA,EAAE,IAAI,CAEN;;YAAA,CAAC,YAAY,IAAI,CACb,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC1B;sBAAE,CAAC,eAAe,EAAE,CACxB;gBAAA,EAAE,IAAI,CAAC,CACV,CACL;QAAA,EAAE,IAAI,CAAC,CACV,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC7B,SAAS,EAAE;QACP,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,MAAM;KAChB;IACD,cAAc,EAAE;QACZ,YAAY,EAAE,CAAC;KAClB;IACD,KAAK,EAAE;QACH,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;KACnB;IACD,gBAAgB,EAAE;QACd,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACR,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACvB;IACD,aAAa,EAAE;QACX,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,SAAS;QAC1B,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,EAAE;QACT,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,EAAE,CAAC,4BAA4B;KAC1C;IACD,QAAQ,EAAE;QACN,KAAK,EAAE,MAAM;KAChB;IACD,KAAK,EAAE;QACH,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,EAAE;QACX,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,EAAE;KACb;IACD,UAAU,EAAE;QACR,WAAW,EAAE,SAAS;KACzB;IACD,aAAa,EAAE;QACX,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,GAAG;KACf;IACD,SAAS,EAAE;QACP,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC,CAAC"}
|
|
@@ -1,42 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
exports.FvRadioGroup = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const react_native_1 = require("react-native");
|
|
9
|
-
const FvRadioGroup = ({ label, value, options, disabled = false, required = false, onChange, containerStyle, labelStyle, optionStyle, }) => {
|
|
10
|
-
return (<react_native_1.View style={[styles.container, containerStyle]}>
|
|
11
|
-
{label && (<react_native_1.Text style={[styles.groupLabel, labelStyle]}>
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { TouchableOpacity, View, Text, StyleSheet, } from "react-native";
|
|
3
|
+
export const FvRadioGroup = ({ label, value, options, disabled = false, required = false, onChange, containerStyle, labelStyle, optionStyle, }) => {
|
|
4
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
5
|
+
{label && (<Text style={[styles.groupLabel, labelStyle]}>
|
|
12
6
|
{label}
|
|
13
|
-
{required && <
|
|
14
|
-
</
|
|
15
|
-
<
|
|
7
|
+
{required && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
8
|
+
</Text>)}
|
|
9
|
+
<View style={styles.optionsContainer}>
|
|
16
10
|
{options.map((option, index) => {
|
|
17
11
|
const isSelected = value === option.value;
|
|
18
12
|
const isOptionDisabled = disabled || option.disabled;
|
|
19
|
-
return (<
|
|
20
|
-
<
|
|
13
|
+
return (<TouchableOpacity key={index} activeOpacity={0.7} disabled={isOptionDisabled} onPress={() => onChange(option.value)} style={[styles.option, optionStyle]}>
|
|
14
|
+
<View style={[
|
|
21
15
|
styles.radio,
|
|
22
16
|
isSelected && styles.radioActive,
|
|
23
17
|
isOptionDisabled && styles.radioDisabled,
|
|
24
18
|
]}>
|
|
25
|
-
{isSelected && <
|
|
26
|
-
</
|
|
27
|
-
<
|
|
19
|
+
{isSelected && <View style={styles.radioInner}/>}
|
|
20
|
+
</View>
|
|
21
|
+
<Text style={[
|
|
28
22
|
styles.optionLabel,
|
|
29
23
|
isOptionDisabled && styles.labelDisabled,
|
|
30
24
|
]}>
|
|
31
25
|
{option.label}
|
|
32
|
-
</
|
|
33
|
-
</
|
|
26
|
+
</Text>
|
|
27
|
+
</TouchableOpacity>);
|
|
34
28
|
})}
|
|
35
|
-
</
|
|
36
|
-
</
|
|
29
|
+
</View>
|
|
30
|
+
</View>);
|
|
37
31
|
};
|
|
38
|
-
|
|
39
|
-
const styles = react_native_1.StyleSheet.create({
|
|
32
|
+
const styles = StyleSheet.create({
|
|
40
33
|
container: {
|
|
41
34
|
marginBottom: 16,
|
|
42
35
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FvRadioGroup.js","sourceRoot":"","sources":["../../src/components/FvRadioGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FvRadioGroup.js","sourceRoot":"","sources":["../../src/components/FvRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,UAAU,GAGX,MAAM,cAAc,CAAC;AAoBtB,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;MAAA,CAAC,KAAK,IAAI,CACR,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAC3C;UAAA,CAAC,KAAK,CACN;UAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAE,EAAC,EAAE,IAAI,CAAC,CAC9D;QAAA,EAAE,IAAI,CAAC,CACR,CACD;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CACnC;QAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;YAC1C,MAAM,gBAAgB,GAAG,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;YAErD,OAAO,CACL,CAAC,gBAAgB,CACf,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,aAAa,CAAC,CAAC,GAAG,CAAC,CACnB,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAC3B,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CACtC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAEpC;cAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;oBACL,MAAM,CAAC,KAAK;oBACZ,UAAU,IAAI,MAAM,CAAC,WAAW;oBAChC,gBAAgB,IAAI,MAAM,CAAC,aAAa;iBACzC,CAAC,CAEF;gBAAA,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,EAAG,CACnD;cAAA,EAAE,IAAI,CACN;cAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;oBACL,MAAM,CAAC,WAAW;oBAClB,gBAAgB,IAAI,MAAM,CAAC,aAAa;iBACzC,CAAC,CAEF;gBAAA,CAAC,MAAM,CAAC,KAAK,CACf;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,gBAAgB,CAAC,CACpB,CAAC;QACJ,CAAC,CAAC,CACJ;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,SAAS;QAChB,YAAY,EAAE,CAAC;KAChB;IACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,GAAG,EAAE,EAAE;KACR;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,SAAS;KAC3B;IACD,WAAW,EAAE;QACX,WAAW,EAAE,SAAS;KACvB;IACD,aAAa,EAAE;QACb,WAAW,EAAE,SAAS;QACtB,eAAe,EAAE,SAAS;KAC3B;IACD,UAAU,EAAE;QACV,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,CAAC;KAChB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,SAAS;KACjB;IACD,aAAa,EAAE;QACb,KAAK,EAAE,SAAS;KACjB;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC"}
|
|
@@ -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.FvRichTextEditor = void 0;
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const react_native_1 = require("react-native");
|
|
29
|
-
const validation_engine_1 = require("@fovestta2/validation-engine");
|
|
30
|
-
const FvRichTextEditor = ({ label, placeholder = "Enter text...", value, schema, disabled = false, readonly = false, minHeight = 150, maxHeight = 400, showToolbar = true, onChange, onBlur, onFocus, containerStyle, editorStyle, labelStyle, errorStyle, toolbarStyle, }) => {
|
|
31
|
-
const [errorMessage, setErrorMessage] = (0, react_1.useState)(null);
|
|
32
|
-
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
33
|
-
(0, react_1.useEffect)(() => {
|
|
1
|
+
import React, { useState, useEffect } from "react";
|
|
2
|
+
import { View, Text, StyleSheet, TextInput, TouchableOpacity, ScrollView, } from "react-native";
|
|
3
|
+
import { Validator } from "@fovestta2/validation-engine";
|
|
4
|
+
export const FvRichTextEditor = ({ label, placeholder = "Enter text...", value, schema, disabled = false, readonly = false, minHeight = 150, maxHeight = 400, showToolbar = true, onChange, onBlur, onFocus, containerStyle, editorStyle, labelStyle, errorStyle, toolbarStyle, }) => {
|
|
5
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
6
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
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]);
|
|
@@ -79,53 +53,53 @@ const FvRichTextEditor = ({ label, placeholder = "Enter text...", value, schema,
|
|
|
79
53
|
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params.enabled);
|
|
80
54
|
const characterCount = value.length;
|
|
81
55
|
const wordCount = value.trim() ? value.trim().split(/\s+/).length : 0;
|
|
82
|
-
return (<
|
|
83
|
-
{label && (<
|
|
84
|
-
<
|
|
56
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
57
|
+
{label && (<View style={styles.labelContainer}>
|
|
58
|
+
<Text style={[styles.label, labelStyle]}>
|
|
85
59
|
{label}
|
|
86
|
-
{isRequired && <
|
|
87
|
-
</
|
|
88
|
-
</
|
|
60
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
61
|
+
</Text>
|
|
62
|
+
</View>)}
|
|
89
63
|
|
|
90
|
-
{showToolbar && !disabled && !readonly && (<
|
|
91
|
-
<
|
|
92
|
-
<
|
|
93
|
-
</
|
|
64
|
+
{showToolbar && !disabled && !readonly && (<ScrollView horizontal showsHorizontalScrollIndicator={false} style={[styles.toolbar, toolbarStyle]} contentContainerStyle={styles.toolbarContent}>
|
|
65
|
+
<TouchableOpacity style={styles.toolbarButton} onPress={() => insertText("**", "**")}>
|
|
66
|
+
<Text style={[styles.toolbarButtonText, styles.bold]}>B</Text>
|
|
67
|
+
</TouchableOpacity>
|
|
94
68
|
|
|
95
|
-
<
|
|
96
|
-
<
|
|
97
|
-
</
|
|
69
|
+
<TouchableOpacity style={styles.toolbarButton} onPress={() => insertText("*", "*")}>
|
|
70
|
+
<Text style={[styles.toolbarButtonText, styles.italic]}>I</Text>
|
|
71
|
+
</TouchableOpacity>
|
|
98
72
|
|
|
99
|
-
<
|
|
100
|
-
<
|
|
101
|
-
</
|
|
73
|
+
<TouchableOpacity style={styles.toolbarButton} onPress={() => insertText("__", "__")}>
|
|
74
|
+
<Text style={[styles.toolbarButtonText, styles.underline]}>U</Text>
|
|
75
|
+
</TouchableOpacity>
|
|
102
76
|
|
|
103
|
-
<
|
|
104
|
-
<
|
|
77
|
+
<TouchableOpacity style={styles.toolbarButton} onPress={() => insertText("~~", "~~")}>
|
|
78
|
+
<Text style={[styles.toolbarButtonText, styles.strikethrough]}>
|
|
105
79
|
S
|
|
106
|
-
</
|
|
107
|
-
</
|
|
80
|
+
</Text>
|
|
81
|
+
</TouchableOpacity>
|
|
108
82
|
|
|
109
|
-
<
|
|
83
|
+
<View style={styles.toolbarDivider}/>
|
|
110
84
|
|
|
111
|
-
<
|
|
112
|
-
<
|
|
113
|
-
</
|
|
85
|
+
<TouchableOpacity style={styles.toolbarButton} onPress={handleBulletList}>
|
|
86
|
+
<Text style={styles.toolbarButtonText}>• List</Text>
|
|
87
|
+
</TouchableOpacity>
|
|
114
88
|
|
|
115
|
-
<
|
|
116
|
-
<
|
|
117
|
-
</
|
|
89
|
+
<TouchableOpacity style={styles.toolbarButton} onPress={handleNumberedList}>
|
|
90
|
+
<Text style={styles.toolbarButtonText}>1. List</Text>
|
|
91
|
+
</TouchableOpacity>
|
|
118
92
|
|
|
119
|
-
<
|
|
93
|
+
<View style={styles.toolbarDivider}/>
|
|
120
94
|
|
|
121
|
-
<
|
|
122
|
-
<
|
|
95
|
+
<TouchableOpacity style={styles.toolbarButton} onPress={handleClear}>
|
|
96
|
+
<Text style={[styles.toolbarButtonText, { color: "#dc3545" }]}>
|
|
123
97
|
Clear
|
|
124
|
-
</
|
|
125
|
-
</
|
|
126
|
-
</
|
|
98
|
+
</Text>
|
|
99
|
+
</TouchableOpacity>
|
|
100
|
+
</ScrollView>)}
|
|
127
101
|
|
|
128
|
-
<
|
|
102
|
+
<TextInput style={[
|
|
129
103
|
styles.editor,
|
|
130
104
|
{ minHeight, maxHeight },
|
|
131
105
|
errorMessage && styles.editorError,
|
|
@@ -134,21 +108,20 @@ const FvRichTextEditor = ({ label, placeholder = "Enter text...", value, schema,
|
|
|
134
108
|
editorStyle,
|
|
135
109
|
]} value={value} placeholder={placeholder} onChangeText={handleChange} onBlur={handleBlur} onFocus={handleFocus} editable={!disabled && !readonly} multiline textAlignVertical="top" placeholderTextColor="#999999"/>
|
|
136
110
|
|
|
137
|
-
<
|
|
138
|
-
<
|
|
139
|
-
<
|
|
111
|
+
<View style={styles.footer}>
|
|
112
|
+
<View style={styles.stats}>
|
|
113
|
+
<Text style={styles.statsText}>
|
|
140
114
|
{characterCount} characters • {wordCount} words
|
|
141
|
-
</
|
|
142
|
-
</
|
|
143
|
-
</
|
|
115
|
+
</Text>
|
|
116
|
+
</View>
|
|
117
|
+
</View>
|
|
144
118
|
|
|
145
|
-
{errorMessage && (<
|
|
119
|
+
{errorMessage && (<Text style={[styles.errorText, errorStyle]}>
|
|
146
120
|
⚠ {getErrorMessage()}
|
|
147
|
-
</
|
|
148
|
-
</
|
|
121
|
+
</Text>)}
|
|
122
|
+
</View>);
|
|
149
123
|
};
|
|
150
|
-
|
|
151
|
-
const styles = react_native_1.StyleSheet.create({
|
|
124
|
+
const styles = StyleSheet.create({
|
|
152
125
|
container: {
|
|
153
126
|
marginBottom: 16,
|
|
154
127
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FvRichTextEditor.js","sourceRoot":"","sources":["../../src/components/FvRichTextEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FvRichTextEditor.js","sourceRoot":"","sources":["../../src/components/FvRichTextEditor.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 FvUanFieldProps {
|
|
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 FvUanField: React.FC<FvUanFieldProps>;
|
|
15
|
+
//# sourceMappingURL=FvUanField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvUanField.d.ts","sourceRoot":"","sources":["../../src/components/FvUanField.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,eAAe;IAC5B,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,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsEhD,CAAC"}
|