@fovestta2/mobile-react-native 1.0.4 → 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 +40 -36
|
@@ -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 FvMicrField = ({ label = "MICR 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
|
+
// 9 digits
|
|
14
|
+
const numericValue = text.replace(/[^0-9]/g, '');
|
|
15
|
+
const truncatedValue = numericValue.substring(0, 9);
|
|
16
|
+
onChange(truncatedValue);
|
|
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="9 digit MICR" onChangeText={handleChange} onBlur={onBlur} onFocus={onFocus} editable={!disabled} keyboardType="numeric" placeholderTextColor="#999999" maxLength={9}/>
|
|
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=FvMicrField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvMicrField.js","sourceRoot":"","sources":["../../src/components/FvMicrField.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,GAGb,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAoB,MAAM,8BAA8B,CAAC;AAa3E,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACpD,KAAK,GAAG,WAAW,EACnB,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;IAEtE,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,WAAW;QACX,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACjD,MAAM,cAAc,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACpD,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;IACxB,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,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,cAAc,CAC1B,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,CAAC,CAAC,EAGjB;;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,KAAK,EAAE;QACH,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;KACnB;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,37 +1,11 @@
|
|
|
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.FvMonthYearField = 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 FvMonthYearField = ({ label, placeholder = "YYYY-MM", value, schema, disabled = false, readonly = false, onChange, onBlur, onFocus, containerStyle, inputStyle, labelStyle, errorStyle, }) => {
|
|
31
|
-
const [errorMessage, setErrorMessage] = (0, react_1.useState)(null);
|
|
32
|
-
(0, react_1.useEffect)(() => {
|
|
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 FvMonthYearField = ({ label, placeholder = "YYYY-MM", value, schema, disabled = false, readonly = false, onChange, onBlur, onFocus, containerStyle, inputStyle, labelStyle, errorStyle, }) => {
|
|
5
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
6
|
+
useEffect(() => {
|
|
33
7
|
if (schema) {
|
|
34
|
-
const result =
|
|
8
|
+
const result = Validator.validate(value, schema);
|
|
35
9
|
setErrorMessage(result.errorKey);
|
|
36
10
|
}
|
|
37
11
|
}, [value, schema]);
|
|
@@ -52,28 +26,27 @@ const FvMonthYearField = ({ label, placeholder = "YYYY-MM", value, schema, disab
|
|
|
52
26
|
return errorMessages[errorMessage] || errorMessage;
|
|
53
27
|
};
|
|
54
28
|
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params?.enabled);
|
|
55
|
-
return (<
|
|
56
|
-
{label && (<
|
|
57
|
-
<
|
|
29
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
30
|
+
{label && (<View style={styles.labelContainer}>
|
|
31
|
+
<Text style={[styles.label, labelStyle]}>
|
|
58
32
|
{label}
|
|
59
|
-
{isRequired && <
|
|
60
|
-
</
|
|
61
|
-
</
|
|
33
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
34
|
+
</Text>
|
|
35
|
+
</View>)}
|
|
62
36
|
|
|
63
|
-
<
|
|
37
|
+
<TextInput style={[
|
|
64
38
|
styles.input,
|
|
65
39
|
errorMessage && styles.inputError,
|
|
66
40
|
disabled && styles.inputDisabled,
|
|
67
41
|
inputStyle,
|
|
68
42
|
]} value={value} placeholder={placeholder} onChangeText={handleChange} onBlur={handleBlur} onFocus={onFocus} editable={!disabled && !readonly} placeholderTextColor="#999999"/>
|
|
69
43
|
|
|
70
|
-
{errorMessage && (<
|
|
44
|
+
{errorMessage && (<Text style={[styles.errorText, errorStyle]}>
|
|
71
45
|
⚠ {getErrorMessage()}
|
|
72
|
-
</
|
|
73
|
-
</
|
|
46
|
+
</Text>)}
|
|
47
|
+
</View>);
|
|
74
48
|
};
|
|
75
|
-
|
|
76
|
-
const styles = react_native_1.StyleSheet.create({
|
|
49
|
+
const styles = StyleSheet.create({
|
|
77
50
|
container: {
|
|
78
51
|
marginBottom: 16,
|
|
79
52
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FvMonthYearField.js","sourceRoot":"","sources":["../../src/components/FvMonthYearField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FvMonthYearField.js","sourceRoot":"","sources":["../../src/components/FvMonthYearField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ValidationSchema } from '@fovestta2/validation-engine';
|
|
3
|
+
export interface SearchSelectOption {
|
|
4
|
+
code: string;
|
|
5
|
+
name: string;
|
|
6
|
+
value: any;
|
|
7
|
+
}
|
|
8
|
+
interface FvNameCodeProps {
|
|
9
|
+
label?: string;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
options: SearchSelectOption[];
|
|
12
|
+
value?: any;
|
|
13
|
+
onChange?: (value: any) => void;
|
|
14
|
+
schema?: ValidationSchema;
|
|
15
|
+
error?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const FvNameCode: React.FC<FvNameCodeProps>;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=FvNameCode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvNameCode.d.ts","sourceRoot":"","sources":["../../src/components/FvNameCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGhE,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;CACd;AAED,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoLhD,CAAC"}
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
2
|
+
import { View, Text, TextInput, TouchableOpacity, StyleSheet, Platform, ScrollView, } from 'react-native';
|
|
3
|
+
import { DropdownManager } from '../utils/DropdownManager';
|
|
4
|
+
export const FvNameCode = ({ label, placeholder = 'Search by Code or Name', options = [], value, onChange, schema, error: propError, disabled = false, required = false }) => {
|
|
5
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
6
|
+
const [searchText, setSearchText] = useState('');
|
|
7
|
+
const [filteredOptions, setFilteredOptions] = useState(options);
|
|
8
|
+
const [dropdownLayout, setDropdownLayout] = useState({ x: 0, y: 0, width: 0, height: 0 });
|
|
9
|
+
const inputRef = useRef(null);
|
|
10
|
+
const dropdownId = useRef(Math.random().toString()).current;
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
const unsubscribe = DropdownManager.subscribe((activeId) => {
|
|
13
|
+
if (activeId !== dropdownId) {
|
|
14
|
+
setIsOpen(false);
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
return unsubscribe;
|
|
18
|
+
}, []);
|
|
19
|
+
// Sync internal search text with selected value or reset
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
const selected = options.find(opt => opt.value === value);
|
|
22
|
+
if (selected) {
|
|
23
|
+
setSearchText(`${selected.code} - ${selected.name}`);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
setSearchText('');
|
|
27
|
+
}
|
|
28
|
+
}, [value, options]);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
// If the dropdown is open, filter based on text.
|
|
31
|
+
// If it's closed, we generally don't filter or we reset.
|
|
32
|
+
if (isOpen) {
|
|
33
|
+
const lower = searchText.toLowerCase();
|
|
34
|
+
// Just simple check to see if text matches the "Code - Name" format of selected value
|
|
35
|
+
// If user is typing, we filter.
|
|
36
|
+
// If text exactly matches a selection, maybe we show all?
|
|
37
|
+
// Let's stick to simple filtering:
|
|
38
|
+
const filtered = options.filter((opt) => opt.code.toLowerCase().includes(lower) ||
|
|
39
|
+
opt.name.toLowerCase().includes(lower));
|
|
40
|
+
setFilteredOptions(filtered);
|
|
41
|
+
}
|
|
42
|
+
else {
|
|
43
|
+
setFilteredOptions(options);
|
|
44
|
+
}
|
|
45
|
+
}, [searchText, options, isOpen]);
|
|
46
|
+
const toggleDropdown = () => {
|
|
47
|
+
if (disabled)
|
|
48
|
+
return;
|
|
49
|
+
if (!isOpen) {
|
|
50
|
+
openDropdown();
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
closeDropdown();
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const openDropdown = () => {
|
|
57
|
+
DropdownManager.notify(dropdownId);
|
|
58
|
+
inputRef.current?.measure((x, y, width, height, pageX, pageY) => {
|
|
59
|
+
setDropdownLayout({ x: pageX, y: pageY, width, height });
|
|
60
|
+
setIsOpen(true);
|
|
61
|
+
setFilteredOptions(options); // Reset filter on open
|
|
62
|
+
// Do not clear text here, user might want to edit it
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
const closeDropdown = () => {
|
|
66
|
+
setIsOpen(false);
|
|
67
|
+
// On close, ensure meaningful text is displayed
|
|
68
|
+
const selected = options.find(opt => opt.value === value);
|
|
69
|
+
if (selected) {
|
|
70
|
+
setSearchText(`${selected.code} - ${selected.name}`);
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
// If no valid selection, maybe clear text or leave as is?
|
|
74
|
+
// User standard: if invalid, clear value or keep text?
|
|
75
|
+
// Let's try to match existing logic:
|
|
76
|
+
if (!searchText) {
|
|
77
|
+
// cleared
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
// If text doesn't match a value, what do we do?
|
|
81
|
+
// For now, leave it. Or clear it?
|
|
82
|
+
// Let's leave it for user correction.
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
const handleSelect = (option) => {
|
|
87
|
+
if (onChange) {
|
|
88
|
+
onChange(option.value);
|
|
89
|
+
}
|
|
90
|
+
// Text update handled by useEffect on [value]
|
|
91
|
+
setIsOpen(false);
|
|
92
|
+
};
|
|
93
|
+
const handleTextChange = (text) => {
|
|
94
|
+
setSearchText(text);
|
|
95
|
+
if (!isOpen) {
|
|
96
|
+
openDropdown();
|
|
97
|
+
}
|
|
98
|
+
// If user clears text, clear value?
|
|
99
|
+
if (text === '') {
|
|
100
|
+
if (onChange)
|
|
101
|
+
onChange(null);
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
return (<View style={[styles.container, disabled && styles.disabledContainer, { zIndex: isOpen ? 1000 : 1 }]}>
|
|
105
|
+
{label && (<Text style={styles.label}>
|
|
106
|
+
{label} {required && <Text style={styles.required}>*</Text>}
|
|
107
|
+
</Text>)}
|
|
108
|
+
|
|
109
|
+
<View ref={inputRef} style={[styles.inputWrapper, propError ? styles.inputError : null]}>
|
|
110
|
+
<TextInput style={styles.textInput} placeholder={placeholder} placeholderTextColor="#999" value={searchText} onChangeText={handleTextChange} onFocus={openDropdown} editable={!disabled}/>
|
|
111
|
+
<TouchableOpacity onPress={toggleDropdown} style={styles.iconButton}>
|
|
112
|
+
<Text style={styles.icon}>▼</Text>
|
|
113
|
+
</TouchableOpacity>
|
|
114
|
+
</View>
|
|
115
|
+
|
|
116
|
+
{propError && <Text style={styles.errorText}>{propError}</Text>}
|
|
117
|
+
|
|
118
|
+
{isOpen && (<View style={[
|
|
119
|
+
styles.dropdownList,
|
|
120
|
+
{
|
|
121
|
+
position: 'absolute',
|
|
122
|
+
top: '100%',
|
|
123
|
+
left: 0,
|
|
124
|
+
right: 0,
|
|
125
|
+
}
|
|
126
|
+
]}>
|
|
127
|
+
<ScrollView keyboardShouldPersistTaps="handled" nestedScrollEnabled={true} style={{ maxHeight: 250 }}>
|
|
128
|
+
{filteredOptions.length === 0 ? (<Text style={styles.noResults}>No results found</Text>) : (filteredOptions.map((item) => (<TouchableOpacity key={item.value?.toString() || Math.random().toString()} style={styles.optionItem} onPress={() => handleSelect(item)}>
|
|
129
|
+
<Text style={styles.optionText}>
|
|
130
|
+
{item.code} - {item.name}
|
|
131
|
+
</Text>
|
|
132
|
+
</TouchableOpacity>)))}
|
|
133
|
+
</ScrollView>
|
|
134
|
+
</View>)}
|
|
135
|
+
</View>);
|
|
136
|
+
};
|
|
137
|
+
const styles = StyleSheet.create({
|
|
138
|
+
container: {
|
|
139
|
+
marginBottom: 16,
|
|
140
|
+
width: '100%',
|
|
141
|
+
// zIndex handled dynamically
|
|
142
|
+
},
|
|
143
|
+
disabledContainer: {
|
|
144
|
+
opacity: 0.6,
|
|
145
|
+
},
|
|
146
|
+
label: {
|
|
147
|
+
fontSize: 14,
|
|
148
|
+
fontWeight: '600',
|
|
149
|
+
color: '#151D48',
|
|
150
|
+
marginBottom: 6,
|
|
151
|
+
fontFamily: Platform.OS === 'ios' ? 'System' : 'Roboto',
|
|
152
|
+
},
|
|
153
|
+
required: {
|
|
154
|
+
color: '#e74c3c',
|
|
155
|
+
},
|
|
156
|
+
inputWrapper: {
|
|
157
|
+
flexDirection: 'row',
|
|
158
|
+
alignItems: 'center',
|
|
159
|
+
borderWidth: 1,
|
|
160
|
+
borderColor: '#8CBBA8',
|
|
161
|
+
borderRadius: 8,
|
|
162
|
+
backgroundColor: '#fff',
|
|
163
|
+
},
|
|
164
|
+
inputError: {
|
|
165
|
+
borderColor: '#e74c3c',
|
|
166
|
+
},
|
|
167
|
+
textInput: {
|
|
168
|
+
flex: 1,
|
|
169
|
+
paddingHorizontal: 12,
|
|
170
|
+
paddingVertical: 12,
|
|
171
|
+
fontSize: 14,
|
|
172
|
+
color: '#303030',
|
|
173
|
+
},
|
|
174
|
+
iconButton: {
|
|
175
|
+
padding: 12,
|
|
176
|
+
},
|
|
177
|
+
icon: {
|
|
178
|
+
fontSize: 12,
|
|
179
|
+
color: '#666',
|
|
180
|
+
},
|
|
181
|
+
errorText: {
|
|
182
|
+
color: '#e74c3c',
|
|
183
|
+
fontSize: 12,
|
|
184
|
+
marginTop: 4,
|
|
185
|
+
},
|
|
186
|
+
// Dropdown Styles
|
|
187
|
+
dropdownList: {
|
|
188
|
+
position: 'absolute',
|
|
189
|
+
backgroundColor: '#fff',
|
|
190
|
+
borderWidth: 1,
|
|
191
|
+
borderColor: '#ccc',
|
|
192
|
+
borderRadius: 4,
|
|
193
|
+
marginTop: 4,
|
|
194
|
+
elevation: 50,
|
|
195
|
+
zIndex: 5000,
|
|
196
|
+
shadowColor: '#000',
|
|
197
|
+
shadowOffset: { width: 0, height: 2 },
|
|
198
|
+
shadowOpacity: 0.2,
|
|
199
|
+
shadowRadius: 4,
|
|
200
|
+
},
|
|
201
|
+
optionItem: {
|
|
202
|
+
paddingVertical: 12,
|
|
203
|
+
paddingHorizontal: 12,
|
|
204
|
+
borderBottomWidth: 1,
|
|
205
|
+
borderBottomColor: '#f0f0f0',
|
|
206
|
+
},
|
|
207
|
+
optionText: {
|
|
208
|
+
fontSize: 14,
|
|
209
|
+
color: '#333',
|
|
210
|
+
fontWeight: '500',
|
|
211
|
+
},
|
|
212
|
+
noResults: {
|
|
213
|
+
padding: 15,
|
|
214
|
+
textAlign: 'center',
|
|
215
|
+
color: '#999',
|
|
216
|
+
},
|
|
217
|
+
});
|
|
218
|
+
//# sourceMappingURL=FvNameCode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvNameCode.js","sourceRoot":"","sources":["../../src/components/FvNameCode.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FvNumberField.d.ts","sourceRoot":"","sources":["../../src/components/FvNumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAML,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAa,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"FvNumberField.d.ts","sourceRoot":"","sources":["../../src/components/FvNumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAML,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAa,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+FtD,CAAC"}
|
|
@@ -1,44 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
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.FvNumberField = 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 FvNumberField = ({ label, placeholder, value, schema, disabled = false, readonly = false, onChange, onBlur, onFocus, containerStyle, inputStyle, labelStyle, errorStyle, }) => {
|
|
31
|
-
const [errorMessage, setErrorMessage] = (0, react_1.useState)(null);
|
|
1
|
+
import React, { useState } from "react";
|
|
2
|
+
import { TextInput, View, Text, StyleSheet, } from "react-native";
|
|
3
|
+
import { Validator } from "@fovestta2/validation-engine";
|
|
4
|
+
export const FvNumberField = ({ label, placeholder, value, schema, disabled = false, readonly = false, onChange, onBlur, onFocus, containerStyle, inputStyle, labelStyle, errorStyle, }) => {
|
|
5
|
+
const [errorMessage, setErrorMessage] = useState(null);
|
|
32
6
|
const stringValue = value !== undefined && value !== null ? String(value) : "";
|
|
33
7
|
const handleChange = (text) => {
|
|
34
|
-
// Basic number filtering
|
|
8
|
+
// Basic number filtering
|
|
9
|
+
if (text.includes('-')) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
35
12
|
validateValue(text);
|
|
36
13
|
onChange(text);
|
|
37
14
|
};
|
|
38
15
|
const validateValue = (val) => {
|
|
39
16
|
if (!schema)
|
|
40
17
|
return;
|
|
41
|
-
const result =
|
|
18
|
+
const result = Validator.validate(val, schema);
|
|
42
19
|
setErrorMessage(result.errorKey);
|
|
43
20
|
};
|
|
44
21
|
const handleBlur = () => {
|
|
@@ -58,28 +35,27 @@ const FvNumberField = ({ label, placeholder, value, schema, disabled = false, re
|
|
|
58
35
|
return errorMessages[errorMessage] || errorMessage;
|
|
59
36
|
};
|
|
60
37
|
const isRequired = schema?.rules?.some((r) => r.name === "required" && r.params?.enabled);
|
|
61
|
-
return (<
|
|
62
|
-
{label && (<
|
|
63
|
-
<
|
|
38
|
+
return (<View style={[styles.container, containerStyle]}>
|
|
39
|
+
{label && (<View style={styles.labelContainer}>
|
|
40
|
+
<Text style={[styles.label, labelStyle]}>
|
|
64
41
|
{label}
|
|
65
|
-
{isRequired && <
|
|
66
|
-
</
|
|
67
|
-
</
|
|
42
|
+
{isRequired && <Text style={styles.requiredAsterisk}> *</Text>}
|
|
43
|
+
</Text>
|
|
44
|
+
</View>)}
|
|
68
45
|
|
|
69
|
-
<
|
|
46
|
+
<TextInput style={[
|
|
70
47
|
styles.input,
|
|
71
48
|
errorMessage && styles.inputError,
|
|
72
49
|
disabled && styles.inputDisabled,
|
|
73
50
|
inputStyle,
|
|
74
51
|
]} value={stringValue} placeholder={placeholder} onChangeText={handleChange} onBlur={handleBlur} onFocus={onFocus} editable={!disabled && !readonly} keyboardType="numeric" placeholderTextColor="#999999"/>
|
|
75
52
|
|
|
76
|
-
{errorMessage && (<
|
|
53
|
+
{errorMessage && (<Text style={[styles.errorText, errorStyle]}>
|
|
77
54
|
⚠ {getErrorMessage()}
|
|
78
|
-
</
|
|
79
|
-
</
|
|
55
|
+
</Text>)}
|
|
56
|
+
</View>);
|
|
80
57
|
};
|
|
81
|
-
|
|
82
|
-
const styles = react_native_1.StyleSheet.create({
|
|
58
|
+
const styles = StyleSheet.create({
|
|
83
59
|
container: {
|
|
84
60
|
marginBottom: 16,
|
|
85
61
|
width: "100%",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FvNumberField.js","sourceRoot":"","sources":["../../src/components/FvNumberField.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FvNumberField.js","sourceRoot":"","sources":["../../src/components/FvNumberField.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 FvPfFieldProps {
|
|
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 FvPfField: React.FC<FvPfFieldProps>;
|
|
15
|
+
//# sourceMappingURL=FvPfField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FvPfField.d.ts","sourceRoot":"","sources":["../../src/components/FvPfField.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,cAAc;IAC3B,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,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoE9C,CAAC"}
|