@esvndev/es-react-config-setting 1.0.58 → 1.0.60

package/dist/index.js

@@ -18694,8 +18694,8 @@ const GetSettingGroup = (callback) => {
         headers: {
             'Content-Type': 'application/json',
             Authorization: `Bearer ${getToken()}`,
-            body: JSON.stringify({ ModuleId: REACT_APP_PRODUCT_CODE, StateId: '' })
         },
+        body: JSON.stringify({ ModuleId: REACT_APP_PRODUCT_CODE, StateId: '' })
     };
     fetch(_url, options)
         .then(response => {
@@ -18843,32 +18843,30 @@ const SettingApp = (props) => {
             eventClose({ state: 'close' });
     };
     //Sự kiện sau khi đã mở cài đặt
-    const handleFormOpened = () => {
-    };
+    const handleFormOpened = () => { };
     //Sự kiện sau khi đã đóng cài đặt
-    const handleFormClosed = () => {
+    const handleFormClosed = () => { };
+    const DynamicIcon = ({ name, className }) => {
+        const LucideIcon = Icon[name];
+        return LucideIcon ? jsxRuntime.jsx(LucideIcon, { className: className }) : null;
     };
+    //#endregion
+    const [settingData, setSettingData] = React.useState({});
+    const [dataSettingGroup, setDataSettingGroup] = React.useState([]);
+    const [formState, setFormState] = React.useState({});
     //Sự kiện giá trị thay đổi
     const _eventChange = (obj) => {
         UpdateSettingConfig({
             Items: [{
                     Key: obj.key,
-                    Value: obj.value
+                    Value: obj.value,
                 }]
-        }, null, (rs) => {
+        }, obj.file, (rs) => {
             console.log(rs);
         });
         if (eventChange)
             eventChange([{ key: obj.key, value: obj.value, state: "update" }]);
     };
-    const DynamicIcon = ({ name, className }) => {
-        const LucideIcon = Icon[name];
-        return LucideIcon ? jsxRuntime.jsx(LucideIcon, { className: className }) : null;
-    };
-    //#endregion
-    const [settingData, setSettingData] = React.useState({});
-    const [dataSettingGroup, setDataSettingGroup] = React.useState([]);
-    const [formState, setFormState] = React.useState({});
     //Load data of group config and setting by group
     React.useEffect(() => {
         if (isOpen) {
@@ -18930,7 +18928,18 @@ const SettingApp = (props) => {
         if (saveSettings && _m[obj.id] !== null) {
             clearTimeout(_m[obj.id]);
         }
-        const value = e.target.type === "checkbox" ? e.target.checked : e.target.value;
+        let value;
+        let value_file;
+        if (e.target.type === "checkbox") {
+            value = e.target.checked;
+        }
+        else if (e.target.type === "file") {
+            value = e.target.value;
+            value_file = e.target.files?.[0] ?? null;
+        }
+        else {
+            value = e.target.value;
+        }
         setFormState(prev => ({
             ...prev,
             [obj.id]: value
@@ -18940,6 +18949,7 @@ const SettingApp = (props) => {
             obj: obj,
             key: obj.id,
             value: value,
+            file: value_file
         };
         _m[obj.id] = setTimeout(() => {
             _eventChange(_data);
@@ -18947,7 +18957,6 @@ const SettingApp = (props) => {
     };
     //Hàm sử dụng tạo theo loại giá trị
     const _renderInput = (root, data) => {
-        console.log(data);
         const value = formState[data.id] ?? data.value ?? "";
         switch (data.type) {
             case "switch":