tp-react-elements-dev 1.4.9 → 1.4.11

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { forwardRef, useContext, Children, isValidElement, cloneElement, useState, useRef, useEffect, createContext, useMemo, useCallback } from 'react';
+import React__default, { forwardRef, useContext, Children, isValidElement, cloneElement, useState, useRef, useEffect, useCallback, createContext, useMemo } from 'react';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 
@@ -52248,14 +52248,25 @@ const SingleSelectNonAutoComplete = ({ props }) => {
 };
 
 const FormActiveSwitch = ({ props }) => {
-    const [active, setActive] = useState(props.getValues(props.item.name)); // Assuming "Active" is the default
-    const handleSwitchChange = () => {
-        setActive(!active);
-    };
+    const { getValues, setValue, item } = props;
+    const [active, setActive] = useState(true);
+    const data = getValues(item.name);
     useEffect(() => {
-        props.setValue(props.item.name, active);
-    }, [active]);
-    return (jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsxs("div", Object.assign({ className: "m-form__input" }, { children: [props.item.label && jsxRuntimeExports.jsx("span", Object.assign({ style: { fontSize: "12px", fontWeight: 400, paddingRight: 10 } }, { children: props.item.label })), jsxRuntimeExports.jsxs("span", Object.assign({ className: "switch prestashop-switch fixed-width-lg" }, { children: [jsxRuntimeExports.jsx("input", { checked: active, id: props.item.name + '_on', name: props.item.name, type: "radio", value: "Active", onChange: handleSwitchChange }), jsxRuntimeExports.jsx("label", Object.assign({ htmlFor: props.item.name + '_on', style: { fontFamily: "Roboto-Reg", textTransform: "none" } }, { children: props.item.label1 ? props.item.label1 : 'Active' })), jsxRuntimeExports.jsx("input", { id: props.item.name + '_off', checked: !active, name: props.item.name, type: "radio", value: "In Active", onChange: handleSwitchChange }), jsxRuntimeExports.jsx("label", Object.assign({ htmlFor: props.item.name + '_off', style: { fontFamily: "Roboto-Reg", textTransform: "none" } }, { children: props.item.label2 ? props.item.label2 : 'In Active' })), jsxRuntimeExports.jsx("a", { className: "slide-button btn" })] }))] })) }));
+        if (data === undefined || data === null) {
+            setActive(false);
+        }
+        else {
+            setActive(data);
+        }
+    }, [data]);
+    const handleSwitchChange = useCallback(() => {
+        setActive(prevActive => {
+            // const newValue = !prevActive ? "A" : "I";
+            setValue(item.name, !prevActive);
+            return !prevActive;
+        });
+    }, [setValue, item.name]);
+    return (jsxRuntimeExports.jsx("div", { children: jsxRuntimeExports.jsxs("div", Object.assign({ className: "m-form__input" }, { children: [item.label && (jsxRuntimeExports.jsx("span", Object.assign({ style: { fontSize: "12px", fontWeight: 400, paddingRight: 10 } }, { children: item.label }))), jsxRuntimeExports.jsxs("span", Object.assign({ className: "switch prestashop-switch fixed-width-lg" }, { children: [jsxRuntimeExports.jsx("input", { checked: active, id: `${item.name}_on`, name: item.name, type: "radio", value: "Active", onChange: handleSwitchChange }), jsxRuntimeExports.jsx("label", Object.assign({ htmlFor: `${item.name}_on`, style: { fontFamily: "Roboto-Reg", textTransform: "none" } }, { children: item.label1 ? item.label1 : "Active" })), jsxRuntimeExports.jsx("input", { checked: !active, id: `${item.name}_off`, name: item.name, type: "radio", value: "In Active", onChange: handleSwitchChange }), jsxRuntimeExports.jsx("label", Object.assign({ htmlFor: `${item.name}_off`, style: { fontFamily: "Roboto-Reg", textTransform: "none" } }, { children: item.label2 ? item.label2 : "In Active" })), jsxRuntimeExports.jsx("a", { className: "slide-button btn" })] }))] })) }));
 };
 
 const renderLabel = (label, isRequired, alignRight) => {
@@ -52700,7 +52711,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 (
         //     <>