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 +2 -2
- package/dist/components/form/AutoComplete.js +0 -182
- package/dist/components/form/DatePicker.js +0 -99
- package/dist/components/form/ImageUploader.js +0 -196
- package/dist/components/form/MultiSelect.js +0 -94
- package/dist/components/form/PasswordInput.js +0 -66
- package/dist/components/form/Select.js +0 -52
- package/dist/components/form/TextArea.js +0 -70
- package/dist/components/form/TextInput.js +0 -57
- package/dist/components/form/index.js +0 -20
- package/dist/nodeModules/index.js +0 -11
- package/dist/types/components/form/AutoComplete.d.ts +0 -13
- package/dist/types/components/form/DatePicker.d.ts +0 -14
- package/dist/types/components/form/ImageUploader.d.ts +0 -14
- package/dist/types/components/form/MultiSelect.d.ts +0 -18
- package/dist/types/components/form/PasswordInput.d.ts +0 -10
- package/dist/types/components/form/Select.d.ts +0 -19
- package/dist/types/components/form/TextArea.d.ts +0 -17
- package/dist/types/components/form/TextInput.d.ts +0 -17
- package/dist/types/components/form/index.d.ts +0 -8
- package/dist/types/nodeModules/index.d.ts +0 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rn-vs-lb",
|
|
3
|
-
"version": "1.0.
|
|
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
|
-
"./
|
|
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 };
|