tp-react-elements-dev 1.4.16 → 1.5.1

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 +5 -2
  2. package/dist/index.esm.js +124 -56
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +124 -56
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -46971,6 +46971,7 @@ const extractValuesToArray = (inputString) => {
46971
46971
  };
46972
46972
  function MultiSelectV1({ props }) {
46973
46973
  var _a;
46974
+ console.log(props, "ksjh");
46974
46975
  const [personName, setPersonName] = React__namespace.useState(props.getValues(props.item.name)
46975
46976
  ? extractValuesToArray(props.getValues(props.item.name))
46976
46977
  : []);
@@ -47028,7 +47029,7 @@ function MultiSelectV1({ props }) {
47028
47029
  "& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy": {
47029
47030
  top: "-10px",
47030
47031
  },
47031
- } }, { children: [jsxRuntimeExports.jsxs(InputLabel, Object.assign({ id: "demo-multiple-checkbox-label" }, { children: [props.item.label, props.item.required ? ' *' : ''] })), jsxRuntimeExports.jsxs(Select, Object.assign({ labelId: "demo-multiple-checkbox-label", id: "demo-multiple-checkbox", multiple: true, sx: {
47032
+ } }, { children: [jsxRuntimeExports.jsxs(InputLabel, Object.assign({ id: "demo-multiple-checkbox-label" }, { children: [props.item.label, props.item.required ? " *" : ""] })), jsxRuntimeExports.jsxs(Select, Object.assign({ labelId: "demo-multiple-checkbox-label", id: "demo-multiple-checkbox", multiple: true, sx: {
47032
47033
  "& .MuiTypography-root": {
47033
47034
  fontSize: "5px !important",
47034
47035
  },
@@ -47085,7 +47086,7 @@ function MultiSelectV1({ props }) {
47085
47086
  "& span": {
47086
47087
  fontSize: "12px !important",
47087
47088
  },
47088
- } })] }), option.value)))) : (jsxRuntimeExports.jsx(MenuItem, Object.assign({ disabled: true, value: "NA" }, { children: "No data Found" }), "NA"))] })), jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name, render: ({ message }) => (jsxRuntimeExports.jsx(ErrorMessageComponent, { children: message })) })] })) }));
47089
+ } })] }), option.value)))) : (jsxRuntimeExports.jsx(MenuItem, Object.assign({ disabled: true, value: "NA" }, { children: "No data Found" }), "NA"))] })), jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name, render: ({ message }) => (jsxRuntimeExports.jsx(ErrorMessageComponent, { children: message })) })] })) }, props.item.name));
47089
47090
  }
47090
47091
 
47091
47092
  var dayjs_min = {exports: {}};
@@ -52083,7 +52084,7 @@ const SingleSelect = ({ props }) => {
52083
52084
  }, getOptionLabel: (option) => option.label, renderInput: (params) => {
52084
52085
  return (jsxRuntimeExports.jsx(Tooltip, Object.assign({ title: params.inputProps.value && params.inputProps.value }, { children: jsxRuntimeExports.jsx(TextField, Object.assign({}, params, { placeholder: props.item.Placeholder, label: `${props.item.label}${props.item.required ? ' *' : ''}` })) })));
52085
52086
  }, isOptionEqualToValue: isOptionEqualToValue })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52086
- } }));
52087
+ } }, props.item.name));
52087
52088
  };
52088
52089
 
52089
52090
  var Visibility = createSvgIcon$1( /*#__PURE__*/jsxRuntimeExports.jsx("path", {
@@ -52106,6 +52107,11 @@ const PasswordField = ({ props }) => {
52106
52107
  "& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy": {
52107
52108
  top: "-8px",
52108
52109
  },
52110
+ }, inputProps: {
52111
+ maxLength: props.item.maxLength || 100,
52112
+ onInput: (e) => {
52113
+ props.item.onInputProps && props.item.onInputProps(e);
52114
+ },
52109
52115
  }, value: field.value || null, disabled: props.item.disable })), jsxRuntimeExports.jsx(IconButton, Object.assign({ sx: {
52110
52116
  position: "absolute",
52111
52117
  right: "14px",
@@ -52221,23 +52227,27 @@ const DatepickerWrapperV2 = ({ props }) => {
52221
52227
  fontSize: "11px",
52222
52228
  color: "#3651d3",
52223
52229
  } }, { children: ["(", (_f = props === null || props === void 0 ? void 0 : props.item) === null || _f === void 0 ? void 0 : _f.helperText, ")"] }))), !(props === null || props === void 0 ? void 0 : props.getValues(props.item.name)) && (jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) }))] }));
52224
- } }));
52230
+ } }, props.item.name));
52225
52231
  };
52226
52232
 
52227
52233
  const FormRenderFileUpload = ({ props }) => {
52228
52234
  var _a, _b, _c;
52229
- // const getDocument:any=document;
52230
- // useEffect(()=>{
52231
- // if(props.getValues(props.item.name)===null || props.getValues(props.item.name)==undefined){
52232
- // // getDocument.getElementById(props.item.name)?.value=''
52233
- // }
52234
- // },[props.getValues(props.item.name)])
52235
+ React$1.useEffect(() => {
52236
+ if (props.getValues(props.item.name) === null || props.getValues(props.item.name) === undefined) {
52237
+ const element = document.getElementById(props.item.name);
52238
+ console.log(element, 'elementelement');
52239
+ if (element) {
52240
+ element.value = ''; // Ensure it's an input element
52241
+ }
52242
+ }
52243
+ }, [props.getValues(props.item.name)]);
52235
52244
  return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Box, Object.assign({ paddingLeft: "4px" }, { children: [((_a = props.item) === null || _a === void 0 ? void 0 : _a.label) && jsxRuntimeExports.jsx(Box, Object.assign({ sx: { fontSize: "10px;" } }, { children: renderLabel((_b = props.item) === null || _b === void 0 ? void 0 : _b.label, (_c = props.item) === null || _c === void 0 ? void 0 : _c.required) })), jsxRuntimeExports.jsx(TextField, { type: "file", id: props.item.name, inputProps: { accept: props.item.fileType === 'excel' ? ".xls, .xlsx" : '' }, onChange: (event) => {
52236
- var _a, _b, _c;
52245
+ var _a, _b, _c, _d, _e;
52237
52246
  const file = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files[0];
52238
52247
  const fileName = file ? file.name : null;
52239
52248
  props.setValue((_b = props.item) === null || _b === void 0 ? void 0 : _b.name, file);
52240
52249
  props.setValue(((_c = props.item) === null || _c === void 0 ? void 0 : _c.name) + "Name", fileName);
52250
+ ((_d = props.item) === null || _d === void 0 ? void 0 : _d.onInputProps) && ((_e = props.item) === null || _e === void 0 ? void 0 : _e.onInputProps(event));
52241
52251
  }, sx: { width: "100%" } })] })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52242
52252
  };
52243
52253
 
@@ -52257,14 +52267,14 @@ const SingleSelectNonAutoComplete = ({ props }) => {
52257
52267
  useStyles();
52258
52268
  return (jsxRuntimeExports.jsxs(FormControl, Object.assign({ fullWidth: true, sx: { position: "relative" } }, { children: [jsxRuntimeExports.jsx(InputLabel, Object.assign({ id: "demo-simple-select-label" }, { children: props.item.label })), jsxRuntimeExports.jsx(Select, Object.assign({ labelId: "demo-simple-select-label", id: "demo-simple-select",
52259
52269
  // {...props.register(props.item.name)}
52260
- value: props.getValues(props.item.name), label: `${props.item.label}${props.item.required ? ' *' : ''}`, onChange: (e) => props.setValue(props.item.name, e.target.value), onBlur: (e) => {
52270
+ value: props.getValues(props.item.name), label: `${props.item.label}${props.item.required ? " *" : ""}`, onChange: (e) => props.setValue(props.item.name, e.target.value), onBlur: (e) => {
52261
52271
  var _a, _b;
52262
52272
  ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.onBlurFn) && ((_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.onBlurFn(e));
52263
52273
  } }, { children: props.item.options.map((item) => (jsxRuntimeExports.jsx(MenuItem, Object.assign({ sx: {
52264
52274
  fontSize: "11px",
52265
52275
  fontFamily: "Roboto-Reg",
52266
52276
  zIndex: 2000,
52267
- }, value: item.value }, { children: item.label })))) })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })));
52277
+ }, value: item.value }, { children: item.label })))) })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }), props.item.name));
52268
52278
  };
52269
52279
 
52270
52280
  const FormActiveSwitch = ({ props }) => {
@@ -52294,8 +52304,8 @@ const renderLabel = (label, isRequired, alignRight) => {
52294
52304
  };
52295
52305
  function formatDateMonthAndYear(date) {
52296
52306
  // Check if date is a string
52297
- if (typeof date !== 'string') {
52298
- throw new TypeError('Expected a string');
52307
+ if (typeof date !== "string") {
52308
+ throw new TypeError("Expected a string");
52299
52309
  }
52300
52310
  // Split the date string into month and year
52301
52311
  const [month, year] = date.split("/");
@@ -52306,6 +52316,7 @@ function formatDateMonthAndYear(date) {
52306
52316
  }
52307
52317
  const RenderForm = (props) => {
52308
52318
  var _a, _b;
52319
+ console.log(props, "propsprops", props.item.inputType);
52309
52320
  switch ((_a = props.item) === null || _a === void 0 ? void 0 : _a.inputType) {
52310
52321
  case "text":
52311
52322
  case "email":
@@ -52313,7 +52324,7 @@ const RenderForm = (props) => {
52313
52324
  var _a, _b;
52314
52325
  return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TextField, Object.assign({}, field, { fullWidth: true,
52315
52326
  // error={props.errors}
52316
- label: `${props.item.label}${props.item.required ? ' *' : ''}`, placeholder: props.item.placeholder || "", InputProps: {
52327
+ label: `${props.item.label}${props.item.required ? " *" : ""}`, placeholder: props.item.placeholder || "", InputProps: {
52317
52328
  style: {
52318
52329
  fontFamily: "Roboto-Reg",
52319
52330
  border: "none",
@@ -52340,8 +52351,12 @@ const RenderForm = (props) => {
52340
52351
  }, inputProps: {
52341
52352
  maxLength: props.item.maxLength || 100,
52342
52353
  onInput: (e) => {
52343
- var _a;
52344
- if (!((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.allowSpecialChars)) {
52354
+ var _a, _b;
52355
+ if ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.donotAllowSpace) {
52356
+ const value = e.target.value;
52357
+ e.target.value = value.replace(" ", "");
52358
+ }
52359
+ if (!((_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.allowSpecialChars)) {
52345
52360
  const value = e.target.value;
52346
52361
  e.target.value = value.replace(/[^a-zA-Z0-9 ]/g, "");
52347
52362
  } // Allow only alphanumeric and space
@@ -52349,20 +52364,21 @@ const RenderForm = (props) => {
52349
52364
  e.target.value === " ") {
52350
52365
  e.target.value = "";
52351
52366
  }
52367
+ props.item.onInputProps && props.item.onInputProps(e);
52352
52368
  },
52353
52369
  } })), ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.helperText) && (jsxRuntimeExports.jsxs("span", Object.assign({ style: {
52354
52370
  fontFamily: "Roboto-Reg",
52355
52371
  fontSize: "11px",
52356
52372
  color: "#3651d3",
52357
52373
  } }, { children: ["(", (_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.helperText, ")"] }))), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52358
- } }) }));
52374
+ } }, props.item.name) }));
52359
52375
  case "register-number":
52360
52376
  return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => {
52361
52377
  var _a, _b;
52362
52378
  return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TextField, Object.assign({}, field, { fullWidth: true, onBlur: (e) => {
52363
52379
  var _a, _b;
52364
52380
  ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.onBlurFn) && ((_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.onBlurFn(e));
52365
- }, label: `${props.item.label}${props.item.required ? ' *' : ''}`, InputProps: {
52381
+ }, label: `${props.item.label}${props.item.required ? " *" : ""}`, InputProps: {
52366
52382
  style: {
52367
52383
  fontFamily: "Roboto-Reg",
52368
52384
  border: "none",
@@ -52371,6 +52387,7 @@ const RenderForm = (props) => {
52371
52387
  e.target.value = e.target.value
52372
52388
  .replace(/\s/g, "")
52373
52389
  .replace(/[^a-zA-Z0-9!@#$%^&*()_+{}\[\]:;<>,.?/~`|\\-]/g, "");
52390
+ props.item.onInputProps && props.item.onInputProps(e);
52374
52391
  }, sx: Object.assign({ fontFamily: "Roboto-Reg", "& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52375
52392
  top: "-10px",
52376
52393
  // fontSize:'14px !important'
@@ -52392,9 +52409,9 @@ const RenderForm = (props) => {
52392
52409
  fontSize: "11px",
52393
52410
  color: "#3651d3",
52394
52411
  } }, { children: ["(", (_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.helperText, ")"] }))), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52395
- } }) }));
52412
+ } }, props.item.name) }));
52396
52413
  case "password":
52397
- return (jsxRuntimeExports.jsx(Box, Object.assign({ position: "relative" }, { children: jsxRuntimeExports.jsx(PasswordField, { props: props }) })));
52414
+ return (jsxRuntimeExports.jsx(Box, Object.assign({ position: "relative" }, { children: jsxRuntimeExports.jsx(PasswordField, { props: props }) }), props.item.name));
52398
52415
  case "select":
52399
52416
  return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(SingleSelect, { props: props }) }));
52400
52417
  case "select-v2":
@@ -52409,7 +52426,7 @@ const RenderForm = (props) => {
52409
52426
  case "pincode":
52410
52427
  case "phoneNumber":
52411
52428
  return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => {
52412
- return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TextField, Object.assign({}, field, { size: "small", label: `${props.item.label}${props.item.required ? ' *' : ''}`, value: props.getValues(props.item.name) || "", defaultValue: props.getValues(props.item.name) || null, onInput: (e) => {
52429
+ return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TextField, Object.assign({}, field, { size: "small", label: `${props.item.label}${props.item.required ? " *" : ""}`, value: props.getValues(props.item.name) || "", defaultValue: props.getValues(props.item.name) || null, onInput: (e) => {
52413
52430
  var _a, _b;
52414
52431
  e.target.value = e.target.value.replace(/[^0-9]/g, "");
52415
52432
  if (e.target.value === "") {
@@ -52428,10 +52445,26 @@ const RenderForm = (props) => {
52428
52445
  }, inputProps: {
52429
52446
  pattern: "[0-9]*",
52430
52447
  maxLength: props.item.maxLength || 20,
52448
+ onInput: (e) => {
52449
+ var _a, _b;
52450
+ if ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.donotAllowSpace) {
52451
+ const value = e.target.value;
52452
+ e.target.value = value.replace(" ", "");
52453
+ }
52454
+ if (!((_b = props === null || props === void 0 ? void 0 : props.item) === null || _b === void 0 ? void 0 : _b.allowSpecialChars)) {
52455
+ const value = e.target.value;
52456
+ e.target.value = value.replace(/[^a-zA-Z0-9 ]/g, "");
52457
+ } // Allow only alphanumeric and space
52458
+ if (e.target.value.length === 1 &&
52459
+ e.target.value === " ") {
52460
+ e.target.value = "";
52461
+ }
52462
+ props.item.onInputProps && props.item.onInputProps(e);
52463
+ },
52431
52464
  }, disabled: props.item.disable })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52432
- } }) }));
52465
+ } }, props.item.name) }));
52433
52466
  case "decimal":
52434
- return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Controller, { name: props.item.name, control: props.control, disabled: (_b = props.item) === null || _b === void 0 ? void 0 : _b.disable, render: ({ field }) => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TextField, Object.assign({ type: "text", size: "small", label: `${props.item.label}${props.item.required ? ' *' : ''}` }, field, { onChange: (e) => (props === null || props === void 0 ? void 0 : props.clearErrors) && (props === null || props === void 0 ? void 0 : props.clearErrors(props.item.name)), sx: {
52467
+ return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Controller, { name: props.item.name, control: props.control, disabled: (_b = props.item) === null || _b === void 0 ? void 0 : _b.disable, render: ({ field }) => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TextField, Object.assign({ type: "text", size: "small", label: `${props.item.label}${props.item.required ? " *" : ""}` }, field, { onChange: (e) => (props === null || props === void 0 ? void 0 : props.clearErrors) && (props === null || props === void 0 ? void 0 : props.clearErrors(props.item.name)), sx: {
52435
52468
  "& input": {
52436
52469
  textAlign: "right",
52437
52470
  },
@@ -52459,7 +52492,7 @@ const RenderForm = (props) => {
52459
52492
  pattern: "[1-9]",
52460
52493
  maxLength: 7,
52461
52494
  },
52462
- } })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }) }));
52495
+ } })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }, props.item.name) }));
52463
52496
  // case "alpha-numerical":
52464
52497
  // return (
52465
52498
  // <>
@@ -52666,14 +52699,14 @@ const RenderForm = (props) => {
52666
52699
  "& .css-1holvmy, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52667
52700
  top: "-10px",
52668
52701
  },
52669
- }, label: `${props.item.label}${props.item.required ? ' *' : ''}`, views: ["year"], value: field.value ? dayjs(field.value) : null, onChange: (date) => field.onChange(date),
52702
+ }, label: `${props.item.label}${props.item.required ? " *" : ""}`, views: ["year"], value: field.value ? dayjs(field.value) : null, onChange: (date) => field.onChange(date),
52670
52703
  // minDate={}
52671
52704
  slots: {
52672
52705
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
52673
52706
  textField: (textFieldProps) => (jsxRuntimeExports.jsx(TextField, Object.assign({}, textFieldProps, { fullWidth: true, disabled: props.item.disable || false, InputLabelProps: {
52674
52707
  shrink: true,
52675
52708
  } }))),
52676
- } }) })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }) }));
52709
+ } }) })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }, props.item.name) }));
52677
52710
  case "dateRangePicker":
52678
52711
  return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(DateRangePickerComponent, { props: props }) }));
52679
52712
  case "monthpicker":
@@ -52688,36 +52721,33 @@ const RenderForm = (props) => {
52688
52721
  fontFamily: "Roboto-Reg",
52689
52722
  border: "none",
52690
52723
  },
52691
- }, sx: {
52692
- fontFamily: "Roboto-Reg",
52693
- "& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52724
+ }, sx: Object.assign({ fontFamily: "Roboto-Reg", "& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
52694
52725
  top: "-10px",
52695
- },
52696
- "& input": {
52726
+ }, "& input": {
52697
52727
  fontSize: "11px",
52698
- },
52699
- "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52728
+ // textTransform:'uppercase'
52729
+ }, "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52700
52730
  top: "-10px",
52701
52731
  fontFamily: "Roboto-Reg",
52702
- },
52703
- "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52732
+ }, "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52704
52733
  fontFamily: "Roboto-Reg",
52705
- },
52706
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52734
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52707
52735
  outline: "none",
52708
52736
  border: "1px solid #ced4da", // Add this line to set border to none
52709
- },
52710
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52737
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52711
52738
  outline: "none",
52712
52739
  border: "none", // Set border to none when input is focused
52713
- },
52714
- "& .css-1y03twt-MuiInputBase-root-MuiOutlinedInput-root": {
52740
+ }, "& .css-1y03twt-MuiInputBase-root-MuiOutlinedInput-root": {
52715
52741
  padding: "5px 5px",
52716
52742
  fontSize: "11px",
52717
- },
52718
- }, minRows: props.item.minRows || 1,
52743
+ }, "& textarea": {
52744
+ fontSize: "11px",
52745
+ // textTransform:'uppercase'
52746
+ maxHeight: "500px !important",
52747
+ overflow: "auto",
52748
+ } }, props.item.sx), minRows: props.item.minRows || 1,
52719
52749
  // maxRows={2}
52720
- placeholder: props.item.placeholder || "Type Something..." }, field, { label: `${props.item.label}${props.item.required ? ' *' : ''}`, value: field.value || "", disabled: props.item.disable, inputProps: {
52750
+ placeholder: props.item.placeholder || "Type Something..." }, field, { label: `${props.item.label}${props.item.required ? " *" : ""}`, value: field.value || "", disabled: props.item.disable, inputProps: {
52721
52751
  onInput: (e) => {
52722
52752
  var _a;
52723
52753
  if (!((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.allowSpecialChars)) {
@@ -52729,7 +52759,7 @@ const RenderForm = (props) => {
52729
52759
  e.target.value = "";
52730
52760
  }
52731
52761
  },
52732
- } })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }) }));
52762
+ } })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }, props.item.name) }));
52733
52763
  // case "textarea-normal":
52734
52764
  // return (
52735
52765
  // <>
@@ -52766,7 +52796,7 @@ const RenderForm = (props) => {
52766
52796
  // </>
52767
52797
  // );
52768
52798
  case "toggleSwitch":
52769
- return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(FormActiveSwitch, { props: props }) }));
52799
+ return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(FormActiveSwitch, { props: props }, props.item.name) }));
52770
52800
  // case "percentage-number":
52771
52801
  // return (
52772
52802
  // <>
@@ -52874,9 +52904,9 @@ const FormRenderWrapper = ({ formArray, name, numberOfColumns = 3, form, }) => {
52874
52904
  // useEffect(() => {
52875
52905
  // // form.reset(initialValues, { resolver: yupResolver(validationSchema) });
52876
52906
  // }, [formArray, validationSchema, initialValues]);
52877
- return (jsxRuntimeExports.jsx(ThemeProvider, Object.assign({ theme: customTheme }, { children: jsxRuntimeExports.jsx(Box, Object.assign({ component: 'form', autoComplete: "off" }, { children: jsxRuntimeExports.jsx(FormComponent, Object.assign({ container: true, margin: "auto" }, { children: formArray.map((item, i) => {
52878
- return (jsxRuntimeExports.jsx(Formitem, Object.assign({ container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns }, { children: jsxRuntimeExports.jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: form.formState.errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue }) }), i));
52879
- }) })) })) })));
52907
+ return (jsxRuntimeExports.jsx(ThemeProvider, Object.assign({ theme: customTheme }, { children: jsxRuntimeExports.jsx(FormComponent, Object.assign({ container: true, margin: "auto" }, { children: formArray.map((item, i) => {
52908
+ return (jsxRuntimeExports.jsx(Formitem, Object.assign({ container: true, sx: item.CustomProps, noOfColumn: item.numberOfColumns || numberOfColumns }, { children: jsxRuntimeExports.jsx(RenderForm, { item: item, register: form.register, control: form.control, errors: form.formState.errors, getValues: form.getValues, clearErrors: form.clearErrors, setValue: form.setValue }) }), i));
52909
+ }) })) })));
52880
52910
  };
52881
52911
 
52882
52912
  /**
@@ -55214,9 +55244,42 @@ const useFormValidatingContext = (formArray) => {
55214
55244
  }
55215
55245
  renderCustomError(field);
55216
55246
  break;
55247
+ // case "phoneNumber":
55248
+ // initialValues[field.name] = null;
55249
+ // if (field.required && field.errorMessage) {
55250
+ // validationShape[field.name] = Yup.number()
55251
+ // .nullable()
55252
+ // .typeError(`Please enter Mobile Number`)
55253
+ // .required(field.errorMessage)
55254
+ // .test(
55255
+ // "is-two-digits",
55256
+ // `Please enter a 10-digit Mobile Number`,
55257
+ // (value) => {
55258
+ // if (value) {
55259
+ // const stringValue = value.toString();
55260
+ // return stringValue.length === 2;
55261
+ // }
55262
+ // return false;
55263
+ // }
55264
+ // );
55265
+ // renderCustomError(field)
55266
+ // } else {
55267
+ // validationShape[field.name] = Yup.number()
55268
+ // .nullable()
55269
+ // // .typeError(`Please enter Mobile Number`)
55270
+ // .test(
55271
+ // "is-two-digits",
55272
+ // `Please enter a 10-digit Mobile Number`,
55273
+ // (value: any) => {
55274
+ // return !value || value?.toString().length === 2;
55275
+ // }
55276
+ // );
55277
+ // renderCustomError(field)
55278
+ // }
55279
+ // break;
55217
55280
  case "phoneNumber":
55218
55281
  initialValues[field.name] = null;
55219
- if (field.required && field.errorMessage) {
55282
+ if (field.required) {
55220
55283
  validationShape[field.name] = create$5()
55221
55284
  .nullable()
55222
55285
  .typeError(`Please enter Mobile Number`)
@@ -55224,18 +55287,23 @@ const useFormValidatingContext = (formArray) => {
55224
55287
  .test("is-two-digits", `Please enter a 10-digit Mobile Number`, (value) => {
55225
55288
  if (value) {
55226
55289
  const stringValue = value.toString();
55227
- return stringValue.length === 2;
55290
+ return stringValue.length === 10;
55228
55291
  }
55229
55292
  return false;
55230
55293
  });
55231
55294
  renderCustomError(field);
55232
55295
  }
55233
55296
  else {
55234
- validationShape[field.name] = create$5()
55297
+ validationShape[field.name] = create$6()
55235
55298
  .nullable()
55236
- // .typeError(`Please enter Mobile Number`)
55299
+ .typeError(``)
55237
55300
  .test("is-two-digits", `Please enter a 10-digit Mobile Number`, (value) => {
55238
- return !value || (value === null || value === void 0 ? void 0 : value.toString().length) === 2;
55301
+ if (value) {
55302
+ // Custom validation to check for at least one period after '@'
55303
+ const stringValue = value.toString();
55304
+ return stringValue.length === 10;
55305
+ }
55306
+ return true; // Skip validation if no value is present
55239
55307
  });
55240
55308
  renderCustomError(field);
55241
55309
  }