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.
Files changed (6) hide show
  1. package/dist/components/Form/FormRender.d.ts +1 -0
  2. package/dist/index.esm.js +38 -0
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +38 -0
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -55136,6 +55136,14 @@ create$3.prototype = ObjectSchema.prototype;
55136
55136
  const useFormValidatingContext = (formArray) => {
55137
55137
  const initialValues = {};
55138
55138
  const validationShape = {};
55139
+ console.log(formArray, 'formArrayformArray');
55140
+ const renderCustomError = (field) => {
55141
+ if (field.customErrorMessage) {
55142
+ validationShape[field.name] = validationShape[field.name].test("custom-check", field.customErrorMessage, // Use the actual custom message
55143
+ (value) => field.customErrorMessage && field.customErrorMessage > 0 // No additional validation logic required
55144
+ );
55145
+ }
55146
+ };
55139
55147
  formArray.forEach((field) => {
55140
55148
  var _a;
55141
55149
  switch (field.inputType) {
@@ -55145,7 +55153,9 @@ const useFormValidatingContext = (formArray) => {
55145
55153
  validationShape[field.name] = create$6()
55146
55154
  .typeError(field.errorMessage)
55147
55155
  .required(field.errorMessage);
55156
+ renderCustomError(field);
55148
55157
  }
55158
+ renderCustomError(field);
55149
55159
  break;
55150
55160
  case "password":
55151
55161
  initialValues[field.name] = "";
@@ -55153,7 +55163,9 @@ const useFormValidatingContext = (formArray) => {
55153
55163
  validationShape[field.name] = create$6()
55154
55164
  .typeError(field.errorMessage)
55155
55165
  .required(field.errorMessage);
55166
+ renderCustomError(field);
55156
55167
  }
55168
+ renderCustomError(field);
55157
55169
  break;
55158
55170
  case "email":
55159
55171
  initialValues[field.name] = "";
@@ -55164,6 +55176,7 @@ const useFormValidatingContext = (formArray) => {
55164
55176
  .test("valid-email", `Please enter valid Email`, (value) => {
55165
55177
  return /\@.*\..+/.test(value);
55166
55178
  });
55179
+ renderCustomError(field);
55167
55180
  }
55168
55181
  else {
55169
55182
  validationShape[field.name] = create$6()
@@ -55172,7 +55185,9 @@ const useFormValidatingContext = (formArray) => {
55172
55185
  // Custom validation to check for at least one period after '@'
55173
55186
  return !value || /\@.*\..+/.test(value);
55174
55187
  });
55188
+ renderCustomError(field);
55175
55189
  }
55190
+ renderCustomError(field);
55176
55191
  break;
55177
55192
  case "file":
55178
55193
  initialValues[field.name] = null;
@@ -55183,7 +55198,9 @@ const useFormValidatingContext = (formArray) => {
55183
55198
  (typeof value === "string" && value.trim() !== ""));
55184
55199
  })
55185
55200
  .required(field.errorMessage);
55201
+ renderCustomError(field);
55186
55202
  }
55203
+ renderCustomError(field);
55187
55204
  break;
55188
55205
  case "number":
55189
55206
  initialValues[field.name] = null;
@@ -55192,7 +55209,9 @@ const useFormValidatingContext = (formArray) => {
55192
55209
  .nullable()
55193
55210
  .typeError(field.errorMessage)
55194
55211
  .required(field.errorMessage);
55212
+ renderCustomError(field);
55195
55213
  }
55214
+ renderCustomError(field);
55196
55215
  break;
55197
55216
  case "pincode":
55198
55217
  initialValues[field.name] = null;
@@ -55208,7 +55227,9 @@ const useFormValidatingContext = (formArray) => {
55208
55227
  }
55209
55228
  return false;
55210
55229
  });
55230
+ renderCustomError(field);
55211
55231
  }
55232
+ renderCustomError(field);
55212
55233
  break;
55213
55234
  case "phoneNumber":
55214
55235
  initialValues[field.name] = null;
@@ -55224,6 +55245,7 @@ const useFormValidatingContext = (formArray) => {
55224
55245
  }
55225
55246
  return false;
55226
55247
  });
55248
+ renderCustomError(field);
55227
55249
  }
55228
55250
  else {
55229
55251
  validationShape[field.name] = create$5()
@@ -55232,6 +55254,7 @@ const useFormValidatingContext = (formArray) => {
55232
55254
  .test("is-two-digits", `Please enter a 10-digit Mobile Number`, (value) => {
55233
55255
  return !value || (value === null || value === void 0 ? void 0 : value.toString().length) === 2;
55234
55256
  });
55257
+ renderCustomError(field);
55235
55258
  }
55236
55259
  break;
55237
55260
  case "select":
@@ -55240,7 +55263,9 @@ const useFormValidatingContext = (formArray) => {
55240
55263
  validationShape[field.name] = create$6()
55241
55264
  .typeError(`Select ${field.label}`)
55242
55265
  .required(field.errorMessage);
55266
+ renderCustomError(field);
55243
55267
  }
55268
+ renderCustomError(field);
55244
55269
  break;
55245
55270
  case "multiselect":
55246
55271
  initialValues[field.name] = null;
@@ -55249,7 +55274,9 @@ const useFormValidatingContext = (formArray) => {
55249
55274
  create$6()
55250
55275
  .typeError(`Select atleast one ${field.label}`)
55251
55276
  .required(field.errorMessage);
55277
+ renderCustomError(field);
55252
55278
  }
55279
+ renderCustomError(field);
55253
55280
  break;
55254
55281
  case "datepicker":
55255
55282
  initialValues[field.name] = null;
@@ -55258,7 +55285,9 @@ const useFormValidatingContext = (formArray) => {
55258
55285
  create$6()
55259
55286
  .typeError(`Select ${field.label}`)
55260
55287
  .required(field.errorMessage);
55288
+ renderCustomError(field);
55261
55289
  }
55290
+ renderCustomError(field);
55262
55291
  break;
55263
55292
  case "yearpicker":
55264
55293
  initialValues[field.name] = null;
@@ -55267,7 +55296,9 @@ const useFormValidatingContext = (formArray) => {
55267
55296
  create$6()
55268
55297
  .typeError(`Select ${field.label}`)
55269
55298
  .required(field.errorMessage);
55299
+ renderCustomError(field);
55270
55300
  }
55301
+ renderCustomError(field);
55271
55302
  break;
55272
55303
  case "monthpicker":
55273
55304
  initialValues[field.name] = null;
@@ -55276,10 +55307,13 @@ const useFormValidatingContext = (formArray) => {
55276
55307
  create$6()
55277
55308
  .typeError(`Select ${field.label}`)
55278
55309
  .required(field.errorMessage);
55310
+ renderCustomError(field);
55279
55311
  }
55312
+ renderCustomError(field);
55280
55313
  break;
55281
55314
  case "toggleSwitch":
55282
55315
  initialValues[field.name] = true;
55316
+ renderCustomError(field);
55283
55317
  break;
55284
55318
  case "dateRangePicker":
55285
55319
  const today = new Date();
@@ -55300,13 +55334,17 @@ const useFormValidatingContext = (formArray) => {
55300
55334
  create$6()
55301
55335
  .typeError(`Select ${field.label}`)
55302
55336
  .required(field.errorMessage);
55337
+ renderCustomError(field);
55303
55338
  }
55339
+ renderCustomError(field);
55304
55340
  break;
55305
55341
  default:
55306
55342
  initialValues[field.name] = null; // default value if inputType is not recognized
55307
55343
  if (field.required && field.errorMessage) {
55308
55344
  validationShape[field.name] = create$8().required(field.errorMessage);
55345
+ renderCustomError(field);
55309
55346
  }
55347
+ renderCustomError(field);
55310
55348
  break;
55311
55349
  }
55312
55350
  });