tp-react-elements-dev 1.5.0 → 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 +1 -1
  2. package/dist/index.esm.js +40 -44
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +40 -44
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -46971,7 +46971,7 @@ const extractValuesToArray = (inputString) => {
46971
46971
  };
46972
46972
  function MultiSelectV1({ props }) {
46973
46973
  var _a;
46974
- console.log(props, 'ksjh');
46974
+ console.log(props, "ksjh");
46975
46975
  const [personName, setPersonName] = React__namespace.useState(props.getValues(props.item.name)
46976
46976
  ? extractValuesToArray(props.getValues(props.item.name))
46977
46977
  : []);
@@ -47029,7 +47029,7 @@ function MultiSelectV1({ props }) {
47029
47029
  "& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy": {
47030
47030
  top: "-10px",
47031
47031
  },
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
+ } }, { 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: {
47033
47033
  "& .MuiTypography-root": {
47034
47034
  fontSize: "5px !important",
47035
47035
  },
@@ -47086,7 +47086,7 @@ function MultiSelectV1({ props }) {
47086
47086
  "& span": {
47087
47087
  fontSize: "12px !important",
47088
47088
  },
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 })) })] })) }));
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));
47090
47090
  }
47091
47091
 
47092
47092
  var dayjs_min = {exports: {}};
@@ -52084,7 +52084,7 @@ const SingleSelect = ({ props }) => {
52084
52084
  }, getOptionLabel: (option) => option.label, renderInput: (params) => {
52085
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 ? ' *' : ''}` })) })));
52086
52086
  }, isOptionEqualToValue: isOptionEqualToValue })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52087
- } }));
52087
+ } }, props.item.name));
52088
52088
  };
52089
52089
 
52090
52090
  var Visibility = createSvgIcon$1( /*#__PURE__*/jsxRuntimeExports.jsx("path", {
@@ -52227,23 +52227,27 @@ const DatepickerWrapperV2 = ({ props }) => {
52227
52227
  fontSize: "11px",
52228
52228
  color: "#3651d3",
52229
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 }) }))] }));
52230
- } }));
52230
+ } }, props.item.name));
52231
52231
  };
52232
52232
 
52233
52233
  const FormRenderFileUpload = ({ props }) => {
52234
52234
  var _a, _b, _c;
52235
- // const getDocument:any=document;
52236
- // useEffect(()=>{
52237
- // if(props.getValues(props.item.name)===null || props.getValues(props.item.name)==undefined){
52238
- // // getDocument.getElementById(props.item.name)?.value=''
52239
- // }
52240
- // },[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)]);
52241
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) => {
52242
- var _a, _b, _c;
52245
+ var _a, _b, _c, _d, _e;
52243
52246
  const file = (_a = event.target) === null || _a === void 0 ? void 0 : _a.files[0];
52244
52247
  const fileName = file ? file.name : null;
52245
52248
  props.setValue((_b = props.item) === null || _b === void 0 ? void 0 : _b.name, file);
52246
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));
52247
52251
  }, sx: { width: "100%" } })] })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52248
52252
  };
52249
52253
 
@@ -52263,14 +52267,14 @@ const SingleSelectNonAutoComplete = ({ props }) => {
52263
52267
  useStyles();
52264
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",
52265
52269
  // {...props.register(props.item.name)}
52266
- 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) => {
52267
52271
  var _a, _b;
52268
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));
52269
52273
  } }, { children: props.item.options.map((item) => (jsxRuntimeExports.jsx(MenuItem, Object.assign({ sx: {
52270
52274
  fontSize: "11px",
52271
52275
  fontFamily: "Roboto-Reg",
52272
52276
  zIndex: 2000,
52273
- }, 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));
52274
52278
  };
52275
52279
 
52276
52280
  const FormActiveSwitch = ({ props }) => {
@@ -52367,7 +52371,7 @@ const RenderForm = (props) => {
52367
52371
  fontSize: "11px",
52368
52372
  color: "#3651d3",
52369
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 }) })] }));
52370
- } }) }));
52374
+ } }, props.item.name) }));
52371
52375
  case "register-number":
52372
52376
  return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => {
52373
52377
  var _a, _b;
@@ -52405,9 +52409,9 @@ const RenderForm = (props) => {
52405
52409
  fontSize: "11px",
52406
52410
  color: "#3651d3",
52407
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 }) })] }));
52408
- } }) }));
52412
+ } }, props.item.name) }));
52409
52413
  case "password":
52410
- 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));
52411
52415
  case "select":
52412
52416
  return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(SingleSelect, { props: props }) }));
52413
52417
  case "select-v2":
@@ -52458,7 +52462,7 @@ const RenderForm = (props) => {
52458
52462
  props.item.onInputProps && props.item.onInputProps(e);
52459
52463
  },
52460
52464
  }, disabled: props.item.disable })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] }));
52461
- } }) }));
52465
+ } }, props.item.name) }));
52462
52466
  case "decimal":
52463
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: {
52464
52468
  "& input": {
@@ -52488,7 +52492,7 @@ const RenderForm = (props) => {
52488
52492
  pattern: "[1-9]",
52489
52493
  maxLength: 7,
52490
52494
  },
52491
- } })), 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) }));
52492
52496
  // case "alpha-numerical":
52493
52497
  // return (
52494
52498
  // <>
@@ -52702,7 +52706,7 @@ const RenderForm = (props) => {
52702
52706
  textField: (textFieldProps) => (jsxRuntimeExports.jsx(TextField, Object.assign({}, textFieldProps, { fullWidth: true, disabled: props.item.disable || false, InputLabelProps: {
52703
52707
  shrink: true,
52704
52708
  } }))),
52705
- } }) })), 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) }));
52706
52710
  case "dateRangePicker":
52707
52711
  return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: jsxRuntimeExports.jsx(DateRangePickerComponent, { props: props }) }));
52708
52712
  case "monthpicker":
@@ -52717,39 +52721,31 @@ const RenderForm = (props) => {
52717
52721
  fontFamily: "Roboto-Reg",
52718
52722
  border: "none",
52719
52723
  },
52720
- }, sx: {
52721
- fontFamily: "Roboto-Reg",
52722
- "& .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": {
52723
52725
  top: "-10px",
52724
- },
52725
- "& input": {
52726
+ }, "& input": {
52726
52727
  fontSize: "11px",
52727
52728
  // textTransform:'uppercase'
52728
- },
52729
- "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52729
+ }, "& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
52730
52730
  top: "-10px",
52731
52731
  fontFamily: "Roboto-Reg",
52732
- },
52733
- "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52732
+ }, "& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {
52734
52733
  fontFamily: "Roboto-Reg",
52735
- },
52736
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52734
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
52737
52735
  outline: "none",
52738
52736
  border: "1px solid #ced4da", // Add this line to set border to none
52739
- },
52740
- "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52737
+ }, "& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
52741
52738
  outline: "none",
52742
52739
  border: "none", // Set border to none when input is focused
52743
- },
52744
- "& .css-1y03twt-MuiInputBase-root-MuiOutlinedInput-root": {
52740
+ }, "& .css-1y03twt-MuiInputBase-root-MuiOutlinedInput-root": {
52745
52741
  padding: "5px 5px",
52746
52742
  fontSize: "11px",
52747
- },
52748
- "& textarea": {
52743
+ }, "& textarea": {
52749
52744
  fontSize: "11px",
52750
52745
  // textTransform:'uppercase'
52751
- },
52752
- }, minRows: props.item.minRows || 1,
52746
+ maxHeight: "500px !important",
52747
+ overflow: "auto",
52748
+ } }, props.item.sx), minRows: props.item.minRows || 1,
52753
52749
  // maxRows={2}
52754
52750
  placeholder: props.item.placeholder || "Type Something..." }, field, { label: `${props.item.label}${props.item.required ? " *" : ""}`, value: field.value || "", disabled: props.item.disable, inputProps: {
52755
52751
  onInput: (e) => {
@@ -52763,7 +52759,7 @@ const RenderForm = (props) => {
52763
52759
  e.target.value = "";
52764
52760
  }
52765
52761
  },
52766
- } })), 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) }));
52767
52763
  // case "textarea-normal":
52768
52764
  // return (
52769
52765
  // <>
@@ -52800,7 +52796,7 @@ const RenderForm = (props) => {
52800
52796
  // </>
52801
52797
  // );
52802
52798
  case "toggleSwitch":
52803
- 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) }));
52804
52800
  // case "percentage-number":
52805
52801
  // return (
52806
52802
  // <>
@@ -52908,9 +52904,9 @@ const FormRenderWrapper = ({ formArray, name, numberOfColumns = 3, form, }) => {
52908
52904
  // useEffect(() => {
52909
52905
  // // form.reset(initialValues, { resolver: yupResolver(validationSchema) });
52910
52906
  // }, [formArray, validationSchema, initialValues]);
52911
- 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) => {
52912
- 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));
52913
- }) })) })) })));
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
+ }) })) })));
52914
52910
  };
52915
52911
 
52916
52912
  /**