tp-react-elements-dev 1.4.9 → 1.4.10

package/dist/index.esm.js

@@ -52700,7 +52700,19 @@ const RenderForm = (props) => {
                                     },
                                 }, minRows: props.item.minRows || 1, 
                                 // maxRows={2}
-                                placeholder: props.item.placeholder || "Type Something..." }, field, { label: `${props.item.label}${props.item.required ? ' *' : ''}`, value: field.value || "", disabled: props.item.disable })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }) }));
+                                placeholder: props.item.placeholder || "Type Something..." }, field, { label: `${props.item.label}${props.item.required ? ' *' : ''}`, value: field.value || "", disabled: props.item.disable, inputProps: {
+                                    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 = "";
+                                        }
+                                    },
+                                } })), jsxRuntimeExports.jsx(ErrorMessageComponent, { children: jsxRuntimeExports.jsx(s, { errors: props.errors, name: props.item.name }) })] })) }) }));
         // case "textarea-normal":
         //   return (
         //     <>