@esvndev/es-react-config-setting 1.0.41 → 1.0.43

package/dist/index.js

@@ -11495,6 +11495,44 @@ const GetSettingGroup = (callback) => {
         callback({ status: false, data: error });
     });
 };
+const GetSettingConfigByGroup = (obj, callback) => {
+    const _url = `${BASE_URL}/api/config/get-setting-config-by-group`;
+    const options = {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${getToken()}`,
+        },
+        body: JSON.stringify(obj)
+    };
+    fetch(_url, options)
+        .then(response => {
+        if (!response.ok) {
+            console.log(`HTTP error! Status: ${response.status}`);
+            return null;
+        }
+        return response.text(); // hoặc .json() nếu muốn object
+    })
+        .then(text => {
+        if (text) {
+            try {
+                JSON.parse(text); // Kiểm tra nếu là JSON hợp lệ
+                console.log('Response JSON string:', text);
+            }
+            catch (err) {
+                console.log('Invalid JSON:', err);
+            }
+            callback({ status: true, data: JSON.parse(text) });
+        }
+        else {
+            callback({ status: false, data: text });
+        }
+    })
+        .catch(error => {
+        console.log('Fetch error:', error);
+        callback({ status: false, data: error });
+    });
+};
 
 const SettingApp = (props) => {
     const { isOpen, eventChange, eventClose } = { ...props };
@@ -11524,7 +11562,7 @@ const SettingApp = (props) => {
         return LucideIcon ? jsxRuntime.jsx(LucideIcon, { className: className }) : null;
     };
     //#endregion
-    const [settingData, setSettingData] = React.useState([]);
+    const [settingData, setSettingData] = React.useState({});
     const [dataSettingGroup, setDataSettingGroup] = React.useState([]);
     //Load data of group config and setting by group
     React.useEffect(() => {
@@ -11532,6 +11570,9 @@ const SettingApp = (props) => {
             GetSettingGroup((data) => {
                 if (data.status) {
                     setDataSettingGroup(data.data);
+                    setTimeout(() => {
+                        loadSettingConfigByGroup(data.data[0]);
+                    }, 500);
                 }
                 else {
                     setDataSettingGroup([]);
@@ -11539,13 +11580,24 @@ const SettingApp = (props) => {
             });
         }
     }, [isOpen]);
+    //Lấy danh sách cài đặt theo nhóm đã chọn
+    const loadSettingConfigByGroup = (data) => {
+        GetSettingConfigByGroup({ GroupId: data.id }, (rs) => {
+            if (rs.status) {
+                setSettingData(rs.data);
+            }
+            else {
+                setSettingData([]);
+            }
+        });
+    };
     //Sự kiện chọn nhóm cài đặt
     const switchSettingTab = (data) => {
         const updated = dataSettingGroup.map((item) => ({
             ...item,
             active: item.id === data.id
         }));
-        setSettingData(data);
+        loadSettingConfigByGroup(data);
         setDataSettingGroup(updated);
     };
     //Hàm sử dụng tạo theo loại giá trị
@@ -11559,6 +11611,7 @@ const SettingApp = (props) => {
                 return (jsxRuntime.jsx("div", { className: "radio-group", title: data.description, children: data.option?.map((opt, index) => (jsxRuntime.jsxs("label", { children: [jsxRuntime.jsx(Input$1, { type: "radio", name: data.name, value: opt.value }), opt.name] }, index))) }, data.id));
             case "combobox":
                 return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, id: data.name, children: [jsxRuntime.jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsxRuntime.jsx("option", { value: opt.value, children: opt.name }, index)))] }) }, data.id));
+            case "slider":
             case "text":
                 return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "text", className: "input-custom", placeholder: data.name }) }, data.id));
             case "password":