rn-vs-lb 1.0.8 → 1.0.10

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rn-vs-lb",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/types/index.d.ts",
6
6
  "scripts": {
@@ -24,7 +24,7 @@
24
24
  "import": "./dist/index.js",
25
25
  "require": "./dist/index.js"
26
26
  },
27
- "./components": {
27
+ "./form": {
28
28
  "import": "./dist/form/index.js",
29
29
  "require": "./dist/form/index.js"
30
30
  }
@@ -1,182 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
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
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
- return new (P || (P = Promise))(function (resolve, reject) {
28
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
- step((generator = generator.apply(thisArg, _arguments || [])).next());
32
- });
33
- };
34
- var __generator = (this && this.__generator) || function (thisArg, body) {
35
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
- function verb(n) { return function (v) { return step([n, v]); }; }
38
- function step(op) {
39
- if (f) throw new TypeError("Generator is already executing.");
40
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
- if (y = 0, t) op = [op[0] & 2, t.value];
43
- switch (op[0]) {
44
- case 0: case 1: t = op; break;
45
- case 4: _.label++; return { value: op[1], done: false };
46
- case 5: _.label++; y = op[1]; op = [0]; continue;
47
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
- default:
49
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
- if (t[2]) _.ops.pop();
54
- _.trys.pop(); continue;
55
- }
56
- op = body.call(thisArg, _);
57
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
- }
60
- };
61
- var __importDefault = (this && this.__importDefault) || function (mod) {
62
- return (mod && mod.__esModule) ? mod : { "default": mod };
63
- };
64
- Object.defineProperty(exports, "__esModule", { value: true });
65
- var react_1 = __importStar(require("react"));
66
- var react_native_1 = require("react-native");
67
- var axios_1 = __importDefault(require("axios"));
68
- var react_native_autocomplete_input_1 = __importDefault(require("react-native-autocomplete-input"));
69
- var lodash_1 = require("lodash");
70
- var react_hook_form_1 = require("react-hook-form");
71
- var AddressField = function (_a) {
72
- var name = _a.name, control = _a.control, label = _a.label, _b = _a.placeholder, placeholder = _b === void 0 ? "Search for an address" : _b, _c = _a.rules, rules = _c === void 0 ? {} : _c, _d = _a.defaultValue, defaultValue = _d === void 0 ? "" : _d, setMarkerFromAddress = _a.setMarkerFromAddress, required = _a.required;
73
- var _e = (0, react_1.useState)([]), addresses = _e[0], setAddresses = _e[1];
74
- var _f = (0, react_1.useState)(defaultValue), query = _f[0], setQuery = _f[1];
75
- var searchAddresses = (0, react_1.useRef)((0, lodash_1.debounce)(function (value) { return __awaiter(void 0, void 0, void 0, function () {
76
- var response, error_1;
77
- return __generator(this, function (_a) {
78
- switch (_a.label) {
79
- case 0:
80
- if (value.trim() === "") {
81
- setAddresses([]);
82
- return [2 /*return*/];
83
- }
84
- _a.label = 1;
85
- case 1:
86
- _a.trys.push([1, 3, , 4]);
87
- return [4 /*yield*/, axios_1.default.get("https://nominatim.openstreetmap.org/search?format=json&q=".concat(value))];
88
- case 2:
89
- response = _a.sent();
90
- if (response.data.length > 0) {
91
- setAddresses(response.data);
92
- }
93
- else {
94
- setAddresses([{ display_name: value }]); // Если адрес не найден, сохраняем введенное значение
95
- }
96
- return [3 /*break*/, 4];
97
- case 3:
98
- error_1 = _a.sent();
99
- console.error("Error fetching addresses:", error_1);
100
- return [3 /*break*/, 4];
101
- case 4: return [2 /*return*/];
102
- }
103
- });
104
- }); }, 2000)).current;
105
- var handleSearch = function (value) {
106
- setQuery(value);
107
- searchAddresses(value);
108
- };
109
- var handleSelectAddress = function (address, onChange) {
110
- // Устанавливаем введенный адрес в поле
111
- setQuery(address.display_name);
112
- setAddresses([]);
113
- onChange(address.display_name);
114
- if (address.lat && address.lon && setMarkerFromAddress) {
115
- setMarkerFromAddress([Number(address.lat), Number(address.lon)]);
116
- }
117
- };
118
- return (react_1.default.createElement(react_native_1.View, { style: styles.container },
119
- label && react_1.default.createElement(react_native_1.Text, { style: styles.label },
120
- required && react_1.default.createElement(react_native_1.Text, { style: styles.required }, "* "),
121
- label),
122
- react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, rules: rules, defaultValue: defaultValue, render: function (_a) {
123
- var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
124
- return (react_1.default.createElement(react_1.default.Fragment, null,
125
- react_1.default.createElement(react_native_autocomplete_input_1.default, { data: addresses, value: query, onChangeText: handleSearch, placeholder: placeholder, flatListProps: {
126
- keyExtractor: function (item) { return item.display_name; },
127
- renderItem: function (_a) {
128
- var item = _a.item;
129
- return (react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: function () { return handleSelectAddress(item, onChange); } },
130
- react_1.default.createElement(react_native_1.Text, { style: styles.itemText }, item.display_name)));
131
- },
132
- }, inputContainerStyle: styles.inputContainer, listContainerStyle: styles.listContainer }),
133
- error && react_1.default.createElement(react_native_1.Text, { style: styles.errorText }, error.message)));
134
- } })));
135
- };
136
- var styles = react_native_1.StyleSheet.create({
137
- container: {
138
- margin: 0,
139
- zIndex: 1, // ensures the container stays above other elements
140
- },
141
- label: {
142
- fontSize: 16,
143
- fontWeight: '300',
144
- marginBottom: 5,
145
- },
146
- required: {
147
- color: 'red',
148
- },
149
- inputContainer: {
150
- paddingVertical: 4,
151
- paddingHorizontal: 9,
152
- marginRight: 4,
153
- marginBottom: 4,
154
- borderWidth: 1,
155
- borderColor: '#ccc',
156
- borderRadius: 5,
157
- backgroundColor: '#fff',
158
- paddingLeft: 10,
159
- paddingRight: 10,
160
- },
161
- listContainer: {
162
- borderWidth: 0,
163
- borderColor: '#ccc',
164
- borderRadius: 5,
165
- backgroundColor: '#fff',
166
- maxHeight: 200,
167
- zIndex: 10,
168
- },
169
- list: {
170
- borderWidth: 0,
171
- },
172
- itemText: {
173
- padding: 10,
174
- fontSize: 16,
175
- },
176
- errorText: {
177
- color: 'red',
178
- marginTop: 5,
179
- fontSize: 12,
180
- },
181
- });
182
- exports.default = AddressField;
@@ -1,99 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var react_native_1 = require("react-native");
8
- var react_hook_form_1 = require("react-hook-form");
9
- var datetimepicker_1 = __importDefault(require("@react-native-community/datetimepicker"));
10
- var DatePicker = function (_a) {
11
- var name = _a.name, control = _a.control, label = _a.label, style = _a.style, containerStyle = _a.containerStyle, _b = _a.rules, rules = _b === void 0 ? {} : _b, _c = _a.defaultValue, defaultValue = _c === void 0 ? new Date() : _c, // Значение по умолчанию - текущая дата
12
- errorTextStyle = _a.errorTextStyle, required = _a.required;
13
- var _d = react_1.default.useState(false), showDatePicker = _d[0], setShowDatePicker = _d[1];
14
- var _e = react_1.default.useState(false), showTimePicker = _e[0], setShowTimePicker = _e[1];
15
- var handleDateChange = function (event, selectedDate, onChange, currentValue) {
16
- var currentDate = selectedDate || currentValue || defaultValue;
17
- // Сохраняем выбранное время при изменении даты
18
- if (currentValue) {
19
- currentDate.setHours(currentValue.getHours());
20
- currentDate.setMinutes(currentValue.getMinutes());
21
- }
22
- setShowDatePicker(false);
23
- onChange(currentDate); // Обновляем значение в форме
24
- };
25
- var handleTimeChange = function (event, selectedTime, onChange, currentValue) {
26
- setShowTimePicker(false);
27
- if (selectedTime) {
28
- var currentDate = currentValue || defaultValue;
29
- // Сохраняем выбранную дату при изменении времени
30
- currentDate.setHours(selectedTime.getHours());
31
- currentDate.setMinutes(selectedTime.getMinutes());
32
- onChange(currentDate); // Обновляем значение в форме
33
- }
34
- };
35
- return (react_1.default.createElement(react_native_1.View, { style: [styles.container, containerStyle] },
36
- label && react_1.default.createElement(react_native_1.Text, { style: styles.label },
37
- required && react_1.default.createElement(react_native_1.Text, { style: styles.required }, "* "),
38
- label),
39
- react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, rules: rules, defaultValue: defaultValue, render: function (_a) {
40
- var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
41
- return (react_1.default.createElement(react_1.default.Fragment, null,
42
- react_1.default.createElement(react_native_1.View, { style: styles.row },
43
- react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.buttonContainer, styles.dateButtonContainer], onPress: function () { return setShowDatePicker(true); } },
44
- react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, value ? value.toDateString() : 'Select a date')),
45
- react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.buttonContainer, styles.timeButtonContainer], onPress: function () { return setShowTimePicker(true); } },
46
- react_1.default.createElement(react_native_1.Text, { style: styles.buttonText }, value ? value.toTimeString().slice(0, 5) : 'Select time'))),
47
- showDatePicker && (react_1.default.createElement(datetimepicker_1.default, { value: value || defaultValue, mode: "date", display: "default", onChange: function (event, selectedDate) {
48
- return handleDateChange(event, selectedDate, onChange, value);
49
- } })),
50
- showTimePicker && (react_1.default.createElement(datetimepicker_1.default, { value: value || defaultValue, mode: "time", display: "default", onChange: function (event, selectedTime) {
51
- return handleTimeChange(event, selectedTime, onChange, value);
52
- } })),
53
- error && react_1.default.createElement(react_native_1.Text, { style: [styles.errorText, errorTextStyle] }, error.message)));
54
- } })));
55
- };
56
- var styles = react_native_1.StyleSheet.create({
57
- container: {
58
- margin: 0,
59
- },
60
- label: {
61
- fontSize: 16,
62
- fontWeight: '300',
63
- marginBottom: 5,
64
- },
65
- row: {
66
- flexDirection: 'row',
67
- justifyContent: 'space-between',
68
- borderWidth: 1,
69
- borderRadius: 5,
70
- borderColor: '#ccc',
71
- height: 50,
72
- },
73
- required: {
74
- color: 'red',
75
- },
76
- buttonContainer: {
77
- flex: 1,
78
- justifyContent: 'center',
79
- alignItems: 'center',
80
- paddingVertical: 10,
81
- backgroundColor: '#fff',
82
- },
83
- buttonText: {
84
- color: 'black',
85
- fontSize: 16,
86
- },
87
- dateButtonContainer: {
88
- flex: 0.6, // 60% ширины
89
- },
90
- timeButtonContainer: {
91
- flex: 0.4, // 40% ширины
92
- },
93
- errorText: {
94
- color: 'red',
95
- marginTop: 5,
96
- fontSize: 12,
97
- },
98
- });
99
- exports.default = DatePicker;
@@ -1,196 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
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
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
- return new (P || (P = Promise))(function (resolve, reject) {
28
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
- step((generator = generator.apply(thisArg, _arguments || [])).next());
32
- });
33
- };
34
- var __generator = (this && this.__generator) || function (thisArg, body) {
35
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
- function verb(n) { return function (v) { return step([n, v]); }; }
38
- function step(op) {
39
- if (f) throw new TypeError("Generator is already executing.");
40
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
- if (y = 0, t) op = [op[0] & 2, t.value];
43
- switch (op[0]) {
44
- case 0: case 1: t = op; break;
45
- case 4: _.label++; return { value: op[1], done: false };
46
- case 5: _.label++; y = op[1]; op = [0]; continue;
47
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
- default:
49
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
- if (t[2]) _.ops.pop();
54
- _.trys.pop(); continue;
55
- }
56
- op = body.call(thisArg, _);
57
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
- }
60
- };
61
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
62
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
63
- if (ar || !(i in from)) {
64
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
65
- ar[i] = from[i];
66
- }
67
- }
68
- return to.concat(ar || Array.prototype.slice.call(from));
69
- };
70
- Object.defineProperty(exports, "__esModule", { value: true });
71
- var react_1 = __importStar(require("react"));
72
- var react_native_1 = require("react-native");
73
- var react_hook_form_1 = require("react-hook-form");
74
- var ImagePicker = __importStar(require("expo-image-picker"));
75
- var ImageUploader = function (_a) {
76
- var name = _a.name, control = _a.control, label = _a.label, style = _a.style, containerStyle = _a.containerStyle, _b = _a.rules, rules = _b === void 0 ? {} : _b, _c = _a.defaultValue, defaultValue = _c === void 0 ? [] : _c, errorTextStyle = _a.errorTextStyle, required = _a.required;
77
- var _d = (0, react_1.useState)(defaultValue), imageUris = _d[0], setImageUris = _d[1];
78
- var handleImagePick = function (onChange) { return __awaiter(void 0, void 0, void 0, function () {
79
- var status, result, selectedImageUri, updatedUris;
80
- return __generator(this, function (_a) {
81
- switch (_a.label) {
82
- case 0:
83
- if (imageUris.length >= 3) {
84
- alert('You can upload a maximum of 3 images');
85
- return [2 /*return*/];
86
- }
87
- return [4 /*yield*/, ImagePicker.requestMediaLibraryPermissionsAsync()];
88
- case 1:
89
- status = (_a.sent()).status;
90
- if (status !== 'granted') {
91
- alert('Sorry, we need camera roll permissions to make this work!');
92
- return [2 /*return*/];
93
- }
94
- return [4 /*yield*/, ImagePicker.launchImageLibraryAsync({
95
- mediaTypes: ImagePicker.MediaTypeOptions.Images,
96
- allowsEditing: true,
97
- aspect: [4, 3],
98
- quality: 1,
99
- })];
100
- case 2:
101
- result = _a.sent();
102
- if (!result.canceled && result.assets.length > 0) {
103
- selectedImageUri = result.assets[0].uri;
104
- updatedUris = __spreadArray(__spreadArray([], imageUris, true), [selectedImageUri], false);
105
- setImageUris(updatedUris);
106
- onChange(updatedUris);
107
- }
108
- return [2 /*return*/];
109
- }
110
- });
111
- }); };
112
- var handleRemoveImage = function (uri, onChange) {
113
- var updatedUris = imageUris.filter(function (imageUri) { return imageUri !== uri; });
114
- setImageUris(updatedUris);
115
- onChange(updatedUris);
116
- };
117
- return (react_1.default.createElement(react_native_1.View, { style: [styles.container, containerStyle] },
118
- label && react_1.default.createElement(react_native_1.Text, { style: styles.label },
119
- required && react_1.default.createElement(react_native_1.Text, { style: styles.required }, "* "),
120
- label),
121
- react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, rules: rules, defaultValue: defaultValue, render: function (_a) {
122
- var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
123
- return (react_1.default.createElement(react_1.default.Fragment, null,
124
- react_1.default.createElement(react_native_1.TouchableOpacity, { style: [styles.uploadButton, style], onPress: function () { return handleImagePick(onChange); } },
125
- react_1.default.createElement(react_native_1.Text, { style: styles.uploadButtonText }, imageUris.length < 3 ? 'Upload Image' : 'Maximum 3 images')),
126
- react_1.default.createElement(react_native_1.View, { style: styles.imageContainer }, imageUris.map(function (uri) { return (react_1.default.createElement(react_native_1.View, { key: uri, style: styles.imageWrapper },
127
- react_1.default.createElement(react_native_1.Image, { source: { uri: uri }, style: styles.imagePreview }),
128
- react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.removeButton, onPress: function () { return handleRemoveImage(uri, onChange); } },
129
- react_1.default.createElement(react_native_1.Text, { style: styles.removeButtonText }, "X")))); })),
130
- error && react_1.default.createElement(react_native_1.Text, { style: [styles.errorText, errorTextStyle] }, error.message)));
131
- } })));
132
- };
133
- var styles = react_native_1.StyleSheet.create({
134
- container: {
135
- margin: 10,
136
- },
137
- label: {
138
- fontSize: 16,
139
- fontWeight: '300',
140
- marginBottom: 5,
141
- },
142
- required: {
143
- color: 'red',
144
- },
145
- uploadButton: {
146
- backgroundColor: '#fff',
147
- borderColor: '#ccc',
148
- borderWidth: 1,
149
- borderRadius: 5,
150
- padding: 10,
151
- justifyContent: 'center',
152
- alignItems: 'center',
153
- },
154
- uploadButtonText: {
155
- color: 'black',
156
- fontSize: 16,
157
- },
158
- imageContainer: {
159
- flexDirection: 'row',
160
- flexWrap: 'wrap',
161
- marginTop: 10,
162
- },
163
- imageWrapper: {
164
- position: 'relative',
165
- marginRight: 10,
166
- marginBottom: 10,
167
- },
168
- imagePreview: {
169
- width: 100,
170
- height: 100,
171
- borderColor: '#ccc',
172
- borderWidth: 1,
173
- borderRadius: 5,
174
- },
175
- removeButton: {
176
- position: 'absolute',
177
- top: 2,
178
- right: 2,
179
- backgroundColor: '#ccc',
180
- borderRadius: 15,
181
- width: 25,
182
- height: 25,
183
- justifyContent: 'center',
184
- alignItems: 'center',
185
- },
186
- removeButtonText: {
187
- color: 'white',
188
- fontSize: 14,
189
- },
190
- errorText: {
191
- color: 'red',
192
- marginTop: 5,
193
- fontSize: 12,
194
- },
195
- });
196
- exports.default = ImageUploader;
@@ -1,94 +0,0 @@
1
- "use strict";
2
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
3
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
4
- if (ar || !(i in from)) {
5
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
6
- ar[i] = from[i];
7
- }
8
- }
9
- return to.concat(ar || Array.prototype.slice.call(from));
10
- };
11
- var __importDefault = (this && this.__importDefault) || function (mod) {
12
- return (mod && mod.__esModule) ? mod : { "default": mod };
13
- };
14
- Object.defineProperty(exports, "__esModule", { value: true });
15
- var react_1 = __importDefault(require("react"));
16
- var react_native_1 = require("react-native");
17
- var react_hook_form_1 = require("react-hook-form");
18
- var picker_1 = require("@react-native-picker/picker");
19
- var vector_icons_1 = require("@expo/vector-icons");
20
- var MultiSelect = function (_a) {
21
- var name = _a.name, control = _a.control, options = _a.options, label = _a.label, style = _a.style, containerStyle = _a.containerStyle, _b = _a.rules, rules = _b === void 0 ? {} : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "Select..." : _c, errorTextStyle = _a.errorTextStyle, required = _a.required;
22
- return (react_1.default.createElement(react_native_1.View, { style: [styles.container, containerStyle] },
23
- label && react_1.default.createElement(react_native_1.Text, { style: styles.label },
24
- required && react_1.default.createElement(react_native_1.Text, { style: styles.required }, "* "),
25
- label),
26
- react_1.default.createElement(react_native_1.View, { style: [styles.pickerContainer, style] },
27
- react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, rules: rules, render: function (_a) {
28
- var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
29
- return (react_1.default.createElement(react_1.default.Fragment, null,
30
- react_1.default.createElement(picker_1.Picker, { selectedValue: "", onValueChange: function (itemValue) {
31
- if (itemValue && !value.includes(itemValue)) {
32
- onChange(__spreadArray(__spreadArray([], value, true), [itemValue], false));
33
- }
34
- }, style: pickerStyles.picker },
35
- react_1.default.createElement(picker_1.Picker.Item, { label: placeholder, value: "" }),
36
- options.map(function (option) { return (react_1.default.createElement(picker_1.Picker.Item, { label: option.label, value: option.value, key: option.value })); })),
37
- react_1.default.createElement(react_native_1.View, { style: styles.selectedContainer }, value === null || value === void 0 ? void 0 : value.map(function (item) { return (react_1.default.createElement(react_native_1.View, { key: item, style: styles.selectedItem },
38
- react_1.default.createElement(react_native_1.Text, { style: styles.selectedItemText }, item),
39
- react_1.default.createElement(react_native_1.TouchableOpacity, { onPress: function () { return onChange(value.filter(function (selectedItem) { return selectedItem !== item; })); } },
40
- react_1.default.createElement(vector_icons_1.Ionicons, { name: "close", size: 18, color: "black" })))); })),
41
- error && react_1.default.createElement(react_native_1.Text, { style: [styles.errorText, errorTextStyle] }, error.message)));
42
- }, defaultValue: [] }))));
43
- };
44
- var styles = react_native_1.StyleSheet.create({
45
- container: {
46
- margin: 0,
47
- },
48
- label: {
49
- fontSize: 16,
50
- fontWeight: '300',
51
- marginBottom: 5,
52
- },
53
- required: {
54
- color: 'red',
55
- },
56
- pickerContainer: {
57
- borderColor: '#ccc',
58
- borderWidth: 1,
59
- borderRadius: 5,
60
- },
61
- selectedContainer: {
62
- flexDirection: 'row',
63
- flexWrap: 'wrap',
64
- marginTop: 10,
65
- },
66
- selectedItem: {
67
- flexDirection: 'row',
68
- alignItems: 'center',
69
- backgroundColor: '#e0e0e0',
70
- borderRadius: 15,
71
- paddingVertical: 5,
72
- paddingHorizontal: 10,
73
- marginRight: 5,
74
- marginBottom: 5,
75
- },
76
- selectedItemText: {
77
- marginRight: 5,
78
- },
79
- errorText: {
80
- color: 'red',
81
- marginTop: 5,
82
- fontSize: 12,
83
- },
84
- });
85
- var pickerStyles = react_native_1.StyleSheet.create({
86
- picker: {
87
- height: 50,
88
- backgroundColor: '#fff',
89
- borderColor: '#ccc',
90
- borderWidth: 1,
91
- borderRadius: 4,
92
- },
93
- });
94
- exports.default = MultiSelect;
@@ -1,66 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
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
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- var react_1 = __importStar(require("react"));
30
- var react_native_1 = require("react-native");
31
- var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
32
- var PasswordInput = function (_a) {
33
- var value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, placeholder = _a.placeholder, error = _a.error;
34
- var _b = (0, react_1.useState)(false), isPasswordVisible = _b[0], setIsPasswordVisible = _b[1];
35
- var togglePasswordVisibility = function () {
36
- setIsPasswordVisible(!isPasswordVisible);
37
- };
38
- return (react_1.default.createElement(react_native_1.View, { style: styles.inputContainer },
39
- react_1.default.createElement(react_native_1.TextInput, { style: [styles.input, error && styles.inputError], onBlur: onBlur, onChangeText: onChange, value: value, placeholder: placeholder, placeholderTextColor: "#ccc", secureTextEntry: !isPasswordVisible }),
40
- react_1.default.createElement(react_native_1.TouchableOpacity, { style: styles.icon, onPress: togglePasswordVisibility },
41
- react_1.default.createElement(Ionicons_1.default, { name: isPasswordVisible ? "eye-off" : "eye", size: 24, color: "gray" }))));
42
- };
43
- var styles = react_native_1.StyleSheet.create({
44
- inputContainer: {
45
- position: 'relative',
46
- },
47
- input: {
48
- height: 50,
49
- borderColor: '#ccc',
50
- borderWidth: 1,
51
- borderRadius: 5,
52
- paddingHorizontal: 16,
53
- paddingRight: 50, // Место для иконки
54
- marginBottom: 10,
55
- backgroundColor: '#fff',
56
- },
57
- icon: {
58
- position: 'absolute',
59
- right: 16,
60
- top: 12,
61
- },
62
- inputError: {
63
- borderColor: 'red',
64
- },
65
- });
66
- exports.default = PasswordInput;
@@ -1,52 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var react_native_1 = require("react-native");
8
- var react_hook_form_1 = require("react-hook-form");
9
- var picker_1 = require("@react-native-picker/picker");
10
- var Select = function (_a) {
11
- var name = _a.name, control = _a.control, label = _a.label, options = _a.options, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select an option...' : _b, style = _a.style, containerStyle = _a.containerStyle, _c = _a.rules, rules = _c === void 0 ? {} : _c, required = _a.required, _d = _a.defaultValue, defaultValue = _d === void 0 ? '' : _d, errorTextStyle = _a.errorTextStyle;
12
- return (react_1.default.createElement(react_native_1.View, { style: [styles.container, containerStyle] },
13
- label && react_1.default.createElement(react_native_1.Text, { style: styles.label },
14
- required && react_1.default.createElement(react_native_1.Text, { style: styles.required }, "* "),
15
- label),
16
- react_1.default.createElement(react_native_1.View, { style: [styles.pickerContainer, style] },
17
- react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, rules: rules, defaultValue: defaultValue, render: function (_a) {
18
- var _b = _a.field, onChange = _b.onChange, value = _b.value, error = _a.fieldState.error;
19
- return (react_1.default.createElement(react_1.default.Fragment, null,
20
- react_1.default.createElement(picker_1.Picker, { selectedValue: value, style: styles.picker, onValueChange: function (itemValue) { return onChange(itemValue); } },
21
- placeholder && (react_1.default.createElement(picker_1.Picker.Item, { label: placeholder, value: "" })),
22
- options.map(function (option) { return (react_1.default.createElement(picker_1.Picker.Item, { key: option.value, label: option.label, value: option.value })); })),
23
- error && react_1.default.createElement(react_native_1.Text, { style: [styles.errorText, errorTextStyle] }, error.message)));
24
- } }))));
25
- };
26
- var styles = react_native_1.StyleSheet.create({
27
- container: {
28
- margin: 0,
29
- },
30
- label: {
31
- fontSize: 16,
32
- fontWeight: '300',
33
- marginBottom: 5,
34
- },
35
- required: {
36
- color: 'red',
37
- },
38
- pickerContainer: {
39
- borderColor: '#ccc',
40
- borderWidth: 1,
41
- borderRadius: 5,
42
- },
43
- picker: {
44
- height: 50,
45
- },
46
- errorText: {
47
- color: 'red',
48
- marginTop: 5,
49
- fontSize: 12,
50
- },
51
- });
52
- exports.default = Select;
@@ -1,70 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- var __importDefault = (this && this.__importDefault) || function (mod) {
25
- return (mod && mod.__esModule) ? mod : { "default": mod };
26
- };
27
- Object.defineProperty(exports, "__esModule", { value: true });
28
- var react_1 = __importDefault(require("react"));
29
- var react_native_1 = require("react-native");
30
- var react_hook_form_1 = require("react-hook-form");
31
- var TextArea = function (_a) {
32
- var name = _a.name, control = _a.control, label = _a.label, _b = _a.placeholder, placeholder = _b === void 0 ? 'Enter text...' : _b, _c = _a.numberOfLines, numberOfLines = _c === void 0 ? 4 : _c, style = _a.style, containerStyle = _a.containerStyle, _d = _a.rules, rules = _d === void 0 ? {} : _d, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, required = _a.required, errorTextStyle = _a.errorTextStyle, rest = __rest(_a, ["name", "control", "label", "placeholder", "numberOfLines", "style", "containerStyle", "rules", "defaultValue", "required", "errorTextStyle"]);
33
- return (react_1.default.createElement(react_native_1.View, { style: [styles.container, containerStyle] },
34
- label && react_1.default.createElement(react_native_1.Text, { style: styles.label },
35
- required && react_1.default.createElement(react_native_1.Text, { style: styles.required }, "* "),
36
- label),
37
- react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, rules: rules, defaultValue: defaultValue, render: function (_a) {
38
- var _b = _a.field, onChange = _b.onChange, onBlur = _b.onBlur, value = _b.value, error = _a.fieldState.error;
39
- return (react_1.default.createElement(react_1.default.Fragment, null,
40
- react_1.default.createElement(react_native_1.TextInput, __assign({ style: [styles.textArea, style], value: value, onChangeText: onChange, onBlur: onBlur, placeholder: placeholder, multiline: true, numberOfLines: numberOfLines }, rest)),
41
- error && react_1.default.createElement(react_native_1.Text, { style: [styles.errorText, errorTextStyle] }, error.message)));
42
- } })));
43
- };
44
- var styles = react_native_1.StyleSheet.create({
45
- container: {
46
- margin: 0,
47
- },
48
- label: {
49
- fontSize: 16,
50
- fontWeight: '300',
51
- marginBottom: 5,
52
- },
53
- required: {
54
- color: 'red',
55
- },
56
- textArea: {
57
- height: 150,
58
- padding: 10,
59
- borderColor: '#ccc',
60
- borderWidth: 1,
61
- borderRadius: 5,
62
- textAlignVertical: 'top',
63
- },
64
- errorText: {
65
- color: 'red',
66
- marginTop: 5,
67
- fontSize: 12,
68
- },
69
- });
70
- exports.default = TextArea;
@@ -1,57 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var react_native_1 = require("react-native");
8
- var react_hook_form_1 = require("react-hook-form");
9
- var PasswordInput_1 = __importDefault(require("./PasswordInput"));
10
- var InputWithValidation = function (_a) {
11
- var _b;
12
- var name = _a.name, control = _a.control, _c = _a.label, label = _c === void 0 ? '' : _c, placeholder = _a.placeholder, _d = _a.keyboardType, keyboardType = _d === void 0 ? 'default' : _d, _e = _a.secureTextEntry, secureTextEntry = _e === void 0 ? false : _e, _f = _a.required, required = _f === void 0 ? false : _f, _g = _a.rules, rules = _g === void 0 ? {} : _g, _h = _a.defaultValue, defaultValue = _h === void 0 ? '' : _h;
13
- var errors = (0, react_hook_form_1.useForm)().formState.errors;
14
- return (react_1.default.createElement(react_native_1.View, { style: styles.container },
15
- label && (react_1.default.createElement(react_native_1.Text, { style: styles.label },
16
- required && react_1.default.createElement(react_native_1.Text, { style: styles.required }, "* "),
17
- label)),
18
- react_1.default.createElement(react_hook_form_1.Controller, { control: control, rules: rules, name: name, defaultValue: defaultValue, render: function (_a) {
19
- var _b = _a.field, onChange = _b.onChange, onBlur = _b.onBlur, value = _b.value, error = _a.fieldState.error;
20
- return (secureTextEntry ? (react_1.default.createElement(react_1.default.Fragment, null,
21
- react_1.default.createElement(PasswordInput_1.default, { value: value, onChange: onChange, onBlur: onBlur, placeholder: placeholder, error: !!errors[name] }),
22
- error && react_1.default.createElement(react_native_1.Text, { style: [styles.errorText] }, error.message))) : (react_1.default.createElement(react_1.default.Fragment, null,
23
- react_1.default.createElement(react_native_1.TextInput, { style: [styles.input, errors[name] && styles.inputError], onBlur: onBlur, onChangeText: onChange, value: value || defaultValue, placeholder: placeholder, placeholderTextColor: "#ccc", keyboardType: keyboardType }),
24
- error && react_1.default.createElement(react_native_1.Text, { style: [styles.errorText] }, error.message))));
25
- } }),
26
- errors[name] && react_1.default.createElement(react_native_1.Text, { style: styles.errorText }, (_b = errors[name]) === null || _b === void 0 ? void 0 : _b.message)));
27
- };
28
- var styles = react_native_1.StyleSheet.create({
29
- container: {
30
- padding: 0,
31
- },
32
- label: {
33
- fontSize: 16,
34
- fontWeight: '300',
35
- marginBottom: 5,
36
- },
37
- required: {
38
- color: 'red',
39
- },
40
- input: {
41
- height: 50,
42
- borderColor: '#ccc',
43
- borderWidth: 1,
44
- borderRadius: 5,
45
- paddingHorizontal: 16,
46
- marginBottom: 10,
47
- backgroundColor: '#fff',
48
- },
49
- inputError: {
50
- borderColor: 'red',
51
- },
52
- errorText: {
53
- color: 'red',
54
- marginBottom: 10,
55
- },
56
- });
57
- exports.default = InputWithValidation;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.AutoComplete = exports.MultiSelect = exports.ImageUploader = exports.DatePicker = exports.Select = exports.TextArea = exports.TextInput = void 0;
7
- var TextInput_1 = __importDefault(require("./TextInput"));
8
- exports.TextInput = TextInput_1.default;
9
- var TextArea_1 = __importDefault(require("./TextArea"));
10
- exports.TextArea = TextArea_1.default;
11
- var Select_1 = __importDefault(require("./Select"));
12
- exports.Select = Select_1.default;
13
- var DatePicker_1 = __importDefault(require("./DatePicker"));
14
- exports.DatePicker = DatePicker_1.default;
15
- var ImageUploader_1 = __importDefault(require("./ImageUploader"));
16
- exports.ImageUploader = ImageUploader_1.default;
17
- var MultiSelect_1 = __importDefault(require("./MultiSelect"));
18
- exports.MultiSelect = MultiSelect_1.default;
19
- var AutoComplete_1 = __importDefault(require("./AutoComplete"));
20
- exports.AutoComplete = AutoComplete_1.default;
@@ -1,11 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DateTimePicker = exports.useForm = exports.FormProvider = void 0;
7
- var react_hook_form_1 = require("react-hook-form");
8
- Object.defineProperty(exports, "FormProvider", { enumerable: true, get: function () { return react_hook_form_1.FormProvider; } });
9
- Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return react_hook_form_1.useForm; } });
10
- var datetimepicker_1 = __importDefault(require("@react-native-community/datetimepicker"));
11
- exports.DateTimePicker = datetimepicker_1.default;
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- export type AddressFieldProps = {
3
- name: string;
4
- control: any;
5
- label?: string;
6
- placeholder?: string;
7
- rules?: object;
8
- defaultValue?: string;
9
- setMarkerFromAddress?: (coords: [number, number]) => void;
10
- required?: boolean;
11
- };
12
- declare const AddressField: React.FC<AddressFieldProps>;
13
- export default AddressField;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export interface DatePickerProps {
3
- name: string;
4
- control: any;
5
- label?: string;
6
- style?: object;
7
- containerStyle?: object;
8
- rules?: object;
9
- defaultValue?: Date;
10
- errorTextStyle?: object;
11
- required?: boolean;
12
- }
13
- declare const DatePicker: React.FC<DatePickerProps>;
14
- export default DatePicker;
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export interface ImageUploaderProps {
3
- name: string;
4
- control: any;
5
- label?: string;
6
- style?: object;
7
- containerStyle?: object;
8
- rules?: object;
9
- defaultValue?: string[];
10
- errorTextStyle?: object;
11
- required?: boolean;
12
- }
13
- declare const ImageUploader: React.FC<ImageUploaderProps>;
14
- export default ImageUploader;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- export interface MultiSelectProps {
3
- name: string;
4
- control: any;
5
- options: {
6
- label: string;
7
- value: string;
8
- }[];
9
- label?: string;
10
- style?: object;
11
- containerStyle?: object;
12
- rules?: object;
13
- placeholder?: string;
14
- errorTextStyle?: object;
15
- required?: boolean;
16
- }
17
- declare const MultiSelect: React.FC<MultiSelectProps>;
18
- export default MultiSelect;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- interface PasswordInputProps {
3
- value: string;
4
- onChange: (text: string) => void;
5
- onBlur?: () => void;
6
- placeholder?: string;
7
- error?: boolean;
8
- }
9
- declare const PasswordInput: React.FC<PasswordInputProps>;
10
- export default PasswordInput;
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- export interface SelectProps {
3
- name: string;
4
- control: any;
5
- label?: string;
6
- options: {
7
- label: string;
8
- value: string | number;
9
- }[];
10
- placeholder?: string;
11
- style?: object;
12
- containerStyle?: object;
13
- rules?: object;
14
- defaultValue?: string | number;
15
- required?: boolean;
16
- errorTextStyle?: object;
17
- }
18
- declare const Select: React.FC<SelectProps>;
19
- export default Select;
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { TextInputProps } from 'react-native';
3
- export interface TextAreaProps extends TextInputProps {
4
- name: string;
5
- control: any;
6
- label?: string;
7
- placeholder?: string;
8
- numberOfLines?: number;
9
- style?: object;
10
- containerStyle?: object;
11
- rules?: object;
12
- defaultValue?: string;
13
- required?: boolean;
14
- errorTextStyle?: object;
15
- }
16
- declare const TextArea: React.FC<TextAreaProps>;
17
- export default TextArea;
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- export interface InputWithValidationProps {
3
- name: string;
4
- control: any;
5
- label?: string;
6
- placeholder: string;
7
- keyboardType?: 'default' | 'email-address' | 'phone-pad' | 'numeric' | 'decimal-pad' | 'number-pad' | 'url' | 'web-search';
8
- secureTextEntry?: boolean;
9
- required?: boolean;
10
- rules?: {
11
- required?: boolean | string;
12
- [key: string]: any;
13
- };
14
- defaultValue?: string;
15
- }
16
- declare const InputWithValidation: React.FC<InputWithValidationProps>;
17
- export default InputWithValidation;
@@ -1,8 +0,0 @@
1
- import TextInput from "./TextInput";
2
- import TextArea, { TextAreaProps } from "./TextArea";
3
- import Select, { SelectProps } from "./Select";
4
- import DatePicker, { DatePickerProps } from "./DatePicker";
5
- import ImageUploader, { ImageUploaderProps } from "./ImageUploader";
6
- import MultiSelect, { MultiSelectProps } from "./MultiSelect";
7
- import AutoComplete, { AddressFieldProps as AutoCompleteProps } from "./AutoComplete";
8
- export { TextInput, TextArea, TextAreaProps, Select, SelectProps, DatePicker, DatePickerProps, ImageUploader, ImageUploaderProps, MultiSelect, MultiSelectProps, AutoComplete, AutoCompleteProps };
@@ -1,3 +0,0 @@
1
- import { FormProvider, useForm } from 'react-hook-form';
2
- import DateTimePicker from '@react-native-community/datetimepicker';
3
- export { FormProvider, useForm, DateTimePicker };