tp-react-elements-dev 1.4.10 → 1.4.13

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';
 
@@ -52082,7 +52082,7 @@ const PasswordField = ({ props }) => {
     const handleTogglePasswordVisibility = () => {
         setShowPassword((prevShowPassword) => !prevShowPassword);
     };
-    return (jsxRuntimeExports.jsxs(FormControl, Object.assign({ fullWidth: true }, { children: [" ", jsxRuntimeExports.jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Box, Object.assign({ sx: { position: "relative" } }, { children: [" ", jsxRuntimeExports.jsx(TextField, Object.assign({ size: "small", type: showPassword ? "text" : "password" }, field, { label: `${props.item.label}${props.item.required ? ' *' : ''}`, sx: {
+    return (jsxRuntimeExports.jsxs(FormControl, Object.assign({ fullWidth: true }, { children: [" ", jsxRuntimeExports.jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Box, Object.assign({ sx: { position: "relative" } }, { children: [" ", jsxRuntimeExports.jsx(TextField, Object.assign({ size: "small", type: showPassword ? "text" : "password", placeholder: props.item.placeholder || "" }, field, { label: `${props.item.label}${props.item.required ? ' *' : ''}`, sx: {
                                         width: "100%",
                                         "& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy": {
                                             top: "-8px",
@@ -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) => {
@@ -52282,7 +52293,7 @@ const RenderForm = (props) => {
                         var _a, _b;
                         return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(TextField, Object.assign({}, field, { fullWidth: true, 
                                     // error={props.errors}
-                                    label: `${props.item.label}${props.item.required ? ' *' : ''}`, InputProps: {
+                                    label: `${props.item.label}${props.item.required ? ' *' : ''}`, placeholder: props.item.placeholder || "", InputProps: {
                                         style: {
                                             fontFamily: "Roboto-Reg",
                                             border: "none",
@@ -55113,6 +55124,14 @@ const useFormValidatingContext = (formArray) => {
                         .required(field.errorMessage);
                 }
                 break;
+            case "password":
+                initialValues[field.name] = "";
+                if (field.required && field.errorMessage) {
+                    validationShape[field.name] = create$6()
+                        .typeError(field.errorMessage)
+                        .required(field.errorMessage);
+                }
+                break;
             case "email":
                 initialValues[field.name] = "";
                 if (field.required && field.errorMessage) {
@@ -55192,15 +55211,6 @@ const useFormValidatingContext = (formArray) => {
                     });
                 }
                 break;
-            case "password":
-                initialValues[field.name] = "";
-                if (field.required && field.errorMessage) {
-                    validationShape[field.name] = create$5()
-                        .nullable()
-                        .typeError(`Please enter ${field.label}`)
-                        .required(field.errorMessage);
-                }
-                break;
             case "select":
                 initialValues[field.name] = "";
                 if (field.required && field.errorMessage) {