tp-react-elements-dev 1.4.7 → 1.4.9

package/dist/components/Form/FormRender.d.ts

@@ -7,7 +7,7 @@ interface OptionsProps {
 export interface FormSectionPropsItem {
     name: string;
     label: string;
-    inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "register-number" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "textarea" | "phoneNumber" | "pincode" | "email" | "toggleSwitch";
+    inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "register-number" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "textarea" | "phoneNumber" | "pincode" | "email" | "toggleSwitch" | "";
     options?: OptionsProps[];
     required?: boolean;
     errorMessage?: string;
@@ -24,6 +24,7 @@ export interface FormSectionPropsItem {
     numberOfColumns?: number;
     monthSpan?: number;
     variant?: string;
+    allowSpecialChars?: boolean;
 }
 export interface FormRenderProps {
     item: FormSectionPropsItem;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { useForm as useFormElement } from "react-hook-form";
+import { useForm } from "react-hook-form";
 export { default as RenderForm } from "./components/Form/FormRenderWrapper";
 export { default as useFormValidatingContext } from "./components/Form/FormConstants";
 export { default as DeleteField } from "./components/DeleteComponent/DeleteField";
 export { default as SessionTimeoutField } from "./components/SessionTimeOut/SessionTimeOut";
-export { useFormElement };
+export { useForm as useFormElement };

package/dist/index.esm.js

@@ -52313,6 +52313,19 @@ const RenderForm = (props) => {
                                     value: field.value || "", size: "small", disabled: props.item.disable, onBlur: (e) => {
                                         var _a, _b;
                                         ((_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));
+                                    }, inputProps: {
+                                        maxLength: props.item.maxLength || 100,
+                                        onInput: (e) => {
+                                            var _a;
+                                            if (!((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.allowSpecialChars)) {
+                                                const value = e.target.value;
+                                                e.target.value = value.replace(/[^a-zA-Z0-9 ]/g, "");
+                                            } // Allow only alphanumeric and space
+                                            if (e.target.value.length === 1 &&
+                                                e.target.value === " ") {
+                                                e.target.value = "";
+                                            }
+                                        },
                                     } })), ((_a = props === null || props === void 0 ? void 0 : props.item) === null || _a === void 0 ? void 0 : _a.helperText) && (jsxRuntimeExports.jsxs("span", Object.assign({ style: {
                                         fontFamily: "Roboto-Reg",
                                         fontSize: "11px",