tp-react-elements-dev 1.4.14 → 1.4.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Form/FormRender.d.ts +1 -0
- package/dist/index.esm.js +38 -0
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +38 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -55116,6 +55116,14 @@ create$3.prototype = ObjectSchema.prototype;
|
|
|
55116
55116
|
const useFormValidatingContext = (formArray) => {
|
|
55117
55117
|
const initialValues = {};
|
|
55118
55118
|
const validationShape = {};
|
|
55119
|
+
console.log(formArray, 'formArrayformArray');
|
|
55120
|
+
const renderCustomError = (field) => {
|
|
55121
|
+
if (field.customErrorMessage) {
|
|
55122
|
+
validationShape[field.name] = validationShape[field.name].test("custom-check", field.customErrorMessage, // Use the actual custom message
|
|
55123
|
+
(value) => field.customErrorMessage && field.customErrorMessage > 0 // No additional validation logic required
|
|
55124
|
+
);
|
|
55125
|
+
}
|
|
55126
|
+
};
|
|
55119
55127
|
formArray.forEach((field) => {
|
|
55120
55128
|
var _a;
|
|
55121
55129
|
switch (field.inputType) {
|
|
@@ -55125,7 +55133,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55125
55133
|
validationShape[field.name] = create$6()
|
|
55126
55134
|
.typeError(field.errorMessage)
|
|
55127
55135
|
.required(field.errorMessage);
|
|
55136
|
+
renderCustomError(field);
|
|
55128
55137
|
}
|
|
55138
|
+
renderCustomError(field);
|
|
55129
55139
|
break;
|
|
55130
55140
|
case "password":
|
|
55131
55141
|
initialValues[field.name] = "";
|
|
@@ -55133,7 +55143,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55133
55143
|
validationShape[field.name] = create$6()
|
|
55134
55144
|
.typeError(field.errorMessage)
|
|
55135
55145
|
.required(field.errorMessage);
|
|
55146
|
+
renderCustomError(field);
|
|
55136
55147
|
}
|
|
55148
|
+
renderCustomError(field);
|
|
55137
55149
|
break;
|
|
55138
55150
|
case "email":
|
|
55139
55151
|
initialValues[field.name] = "";
|
|
@@ -55144,6 +55156,7 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55144
55156
|
.test("valid-email", `Please enter valid Email`, (value) => {
|
|
55145
55157
|
return /\@.*\..+/.test(value);
|
|
55146
55158
|
});
|
|
55159
|
+
renderCustomError(field);
|
|
55147
55160
|
}
|
|
55148
55161
|
else {
|
|
55149
55162
|
validationShape[field.name] = create$6()
|
|
@@ -55152,7 +55165,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55152
55165
|
// Custom validation to check for at least one period after '@'
|
|
55153
55166
|
return !value || /\@.*\..+/.test(value);
|
|
55154
55167
|
});
|
|
55168
|
+
renderCustomError(field);
|
|
55155
55169
|
}
|
|
55170
|
+
renderCustomError(field);
|
|
55156
55171
|
break;
|
|
55157
55172
|
case "file":
|
|
55158
55173
|
initialValues[field.name] = null;
|
|
@@ -55163,7 +55178,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55163
55178
|
(typeof value === "string" && value.trim() !== ""));
|
|
55164
55179
|
})
|
|
55165
55180
|
.required(field.errorMessage);
|
|
55181
|
+
renderCustomError(field);
|
|
55166
55182
|
}
|
|
55183
|
+
renderCustomError(field);
|
|
55167
55184
|
break;
|
|
55168
55185
|
case "number":
|
|
55169
55186
|
initialValues[field.name] = null;
|
|
@@ -55172,7 +55189,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55172
55189
|
.nullable()
|
|
55173
55190
|
.typeError(field.errorMessage)
|
|
55174
55191
|
.required(field.errorMessage);
|
|
55192
|
+
renderCustomError(field);
|
|
55175
55193
|
}
|
|
55194
|
+
renderCustomError(field);
|
|
55176
55195
|
break;
|
|
55177
55196
|
case "pincode":
|
|
55178
55197
|
initialValues[field.name] = null;
|
|
@@ -55188,7 +55207,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55188
55207
|
}
|
|
55189
55208
|
return false;
|
|
55190
55209
|
});
|
|
55210
|
+
renderCustomError(field);
|
|
55191
55211
|
}
|
|
55212
|
+
renderCustomError(field);
|
|
55192
55213
|
break;
|
|
55193
55214
|
case "phoneNumber":
|
|
55194
55215
|
initialValues[field.name] = null;
|
|
@@ -55204,6 +55225,7 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55204
55225
|
}
|
|
55205
55226
|
return false;
|
|
55206
55227
|
});
|
|
55228
|
+
renderCustomError(field);
|
|
55207
55229
|
}
|
|
55208
55230
|
else {
|
|
55209
55231
|
validationShape[field.name] = create$5()
|
|
@@ -55212,6 +55234,7 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55212
55234
|
.test("is-two-digits", `Please enter a 10-digit Mobile Number`, (value) => {
|
|
55213
55235
|
return !value || (value === null || value === void 0 ? void 0 : value.toString().length) === 2;
|
|
55214
55236
|
});
|
|
55237
|
+
renderCustomError(field);
|
|
55215
55238
|
}
|
|
55216
55239
|
break;
|
|
55217
55240
|
case "select":
|
|
@@ -55220,7 +55243,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55220
55243
|
validationShape[field.name] = create$6()
|
|
55221
55244
|
.typeError(`Select ${field.label}`)
|
|
55222
55245
|
.required(field.errorMessage);
|
|
55246
|
+
renderCustomError(field);
|
|
55223
55247
|
}
|
|
55248
|
+
renderCustomError(field);
|
|
55224
55249
|
break;
|
|
55225
55250
|
case "multiselect":
|
|
55226
55251
|
initialValues[field.name] = null;
|
|
@@ -55229,7 +55254,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55229
55254
|
create$6()
|
|
55230
55255
|
.typeError(`Select atleast one ${field.label}`)
|
|
55231
55256
|
.required(field.errorMessage);
|
|
55257
|
+
renderCustomError(field);
|
|
55232
55258
|
}
|
|
55259
|
+
renderCustomError(field);
|
|
55233
55260
|
break;
|
|
55234
55261
|
case "datepicker":
|
|
55235
55262
|
initialValues[field.name] = null;
|
|
@@ -55238,7 +55265,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55238
55265
|
create$6()
|
|
55239
55266
|
.typeError(`Select ${field.label}`)
|
|
55240
55267
|
.required(field.errorMessage);
|
|
55268
|
+
renderCustomError(field);
|
|
55241
55269
|
}
|
|
55270
|
+
renderCustomError(field);
|
|
55242
55271
|
break;
|
|
55243
55272
|
case "yearpicker":
|
|
55244
55273
|
initialValues[field.name] = null;
|
|
@@ -55247,7 +55276,9 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55247
55276
|
create$6()
|
|
55248
55277
|
.typeError(`Select ${field.label}`)
|
|
55249
55278
|
.required(field.errorMessage);
|
|
55279
|
+
renderCustomError(field);
|
|
55250
55280
|
}
|
|
55281
|
+
renderCustomError(field);
|
|
55251
55282
|
break;
|
|
55252
55283
|
case "monthpicker":
|
|
55253
55284
|
initialValues[field.name] = null;
|
|
@@ -55256,10 +55287,13 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55256
55287
|
create$6()
|
|
55257
55288
|
.typeError(`Select ${field.label}`)
|
|
55258
55289
|
.required(field.errorMessage);
|
|
55290
|
+
renderCustomError(field);
|
|
55259
55291
|
}
|
|
55292
|
+
renderCustomError(field);
|
|
55260
55293
|
break;
|
|
55261
55294
|
case "toggleSwitch":
|
|
55262
55295
|
initialValues[field.name] = true;
|
|
55296
|
+
renderCustomError(field);
|
|
55263
55297
|
break;
|
|
55264
55298
|
case "dateRangePicker":
|
|
55265
55299
|
const today = new Date();
|
|
@@ -55280,13 +55314,17 @@ const useFormValidatingContext = (formArray) => {
|
|
|
55280
55314
|
create$6()
|
|
55281
55315
|
.typeError(`Select ${field.label}`)
|
|
55282
55316
|
.required(field.errorMessage);
|
|
55317
|
+
renderCustomError(field);
|
|
55283
55318
|
}
|
|
55319
|
+
renderCustomError(field);
|
|
55284
55320
|
break;
|
|
55285
55321
|
default:
|
|
55286
55322
|
initialValues[field.name] = null; // default value if inputType is not recognized
|
|
55287
55323
|
if (field.required && field.errorMessage) {
|
|
55288
55324
|
validationShape[field.name] = create$8().required(field.errorMessage);
|
|
55325
|
+
renderCustomError(field);
|
|
55289
55326
|
}
|
|
55327
|
+
renderCustomError(field);
|
|
55290
55328
|
break;
|
|
55291
55329
|
}
|
|
55292
55330
|
});
|