@esvndev/es-react-config-setting 1.0.86 → 1.0.88

package/dist/components/init/index.d.ts

@@ -2,3 +2,4 @@ import { key_format } from "../../shared/type";
 export declare const GLOBAL_WINDOW_VARIABLE: Record<string, any>;
 export declare const INIT_CONFIG_SETTING: () => Promise<void>;
 export declare const get_conf: (key: string, type?: key_format) => any;
+export declare const set_filter: (filter: any) => any;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ interface ISettingApp {
     eventClose?: (obj: any) => void;
     isOpen: boolean;
 }
-type key_format = 'text' | 'int' | 'decimal' | 'byte' | 'object';
+type key_format = 'text' | 'int' | 'decimal' | 'byte' | 'object' | 'bool';
 
 declare const SettingApp: (props: ISettingApp) => react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -17017,12 +17017,15 @@ const GetSettingGroup = (callback) => {
         callback({ status: false, data: error });
     });
 };
-const GetSettingConfigClient = async (callback) => {
+const GetSettingConfigClient = async (filter, callback) => {
     const _url = `${BASE_URL}/api/escore/get-setting-config-client`;
     const _obj = {
         ModuleId: REACT_APP_PRODUCT_CODE,
         StateId: '',
-        Option: JSON.stringify({ version: localStorage.getItem("app_config_setting_version") })
+        Option: JSON.stringify({
+            version: localStorage.getItem("app_config_setting_version"),
+            ...(filter ?? {})
+        })
     };
     const options = {
         method: 'POST',
@@ -17165,7 +17168,6 @@ const SettingApp = (props) => {
                 }]
         }, obj.file, (rs) => {
             console.log(rs);
-            loadSettingConfigByGroup(dataTabSelected.current);
         });
         if (eventChange)
             eventChange([{ key: obj.key, value: obj.value, state: "update" }]);
@@ -17227,7 +17229,7 @@ const SettingApp = (props) => {
         allowed_defects_per_model_day: null
     }).current;
     //Cấu hình thông số delay tránh gửi liên tục
-    const change_save = (root, obj, e, index, _index, dataRoot) => {
+    const change_save = (root, obj, e) => {
         const _m = saveSettings;
         if (saveSettings && _m[obj.id] !== null) {
             clearTimeout(_m[obj.id]);
@@ -17262,18 +17264,16 @@ const SettingApp = (props) => {
         _m[obj.id] = setTimeout(() => {
             _eventChange(_data);
         }, time_update);
-        dataRoot[index].data[_index] = value;
-        setSettingData([...dataRoot]);
     };
     //Hàm sử dụng tạo theo loại giá trị
-    const _renderInput = (root, data, index, _index, dataRoot) => {
+    const _renderInput = (root, data) => {
         const value = formState[data.id] ?? data.value ?? "";
         switch (data.type) {
             case "switch":
             case "checkbox":
-                return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { style: { width: '237px !important' }, type: "checkbox", checked: (value === "true"), onChange: (e) => change_save(root, data, e, index, _index, dataRoot) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { style: { width: '237px !important' }, type: "checkbox", checked: (value === "true" || value === true), onChange: (e) => change_save(root, data, e) }) }, data.id));
             case "radio":
-                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, checked: value === opt.value, onChange: (e) => change_save(root, data, e, index, _index, dataRoot) }), opt.name] }, index))) }, data.id));
+                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, checked: value === opt.value, onChange: (e) => change_save(root, data, e) }), opt.name] }, index))) }, data.id));
             case "combobox":
                 let _data_option = [];
                 if (data.option) {
@@ -17285,7 +17285,7 @@ const SettingApp = (props) => {
                     }
                 }
                 data.option = _data_option;
-                return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, value: value, onChange: (e) => change_save(root, data, e, index, _index, dataRoot), 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));
+                return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, value: value, onChange: (e) => change_save(root, data, e), 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":
             case "password":
@@ -17294,12 +17294,12 @@ const SettingApp = (props) => {
             case "time":
             case "datetime":
             case "color":
-                return (jsxRuntime.jsx("div", { className: `${data.type}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type, className: "input-custom", value: value, placeholder: data.name, onChange: (e) => change_save(root, data, e, index, _index, dataRoot) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: `${data.type}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type, className: "input-custom", value: value, placeholder: data.name, onChange: (e) => change_save(root, data, e) }) }, data.id));
             case "image":
             case "file":
-                return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom", onChange: (e) => change_save(root, data, e, index, _index, dataRoot) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom", onChange: (e) => change_save(root, data, e) }) }, data.id));
             default:
-                return (jsxRuntime.jsx("div", { className: `${data.type ?? 'normal'}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type ?? "text", value: value, onChange: (e) => change_save(root, data, e, index, _index, dataRoot) }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: `${data.type ?? 'normal'}-input`, title: data.description, children: jsxRuntime.jsx(Input$1, { type: data.type ?? "text", value: value, onChange: (e) => change_save(root, data, e) }) }, data.id));
         }
     };
     //hàm tạo các thông số cấu hình và cài đặt
@@ -17309,7 +17309,7 @@ const SettingApp = (props) => {
                         jsxRuntime.jsx("div", { className: "setting-section-desc", children: jsxRuntime.jsx("div", { className: "", children: jsxRuntime.jsx("span", { children: item.description }) }) })
                         : null, item.data ?
                         jsxRuntime.jsx("div", { className: "setting-section-content ", children: item.data.length > 0 ? item.data.map((_item, _index) => {
-                                return (jsxRuntime.jsxs("div", { className: 'flx flx-al-c flx-sp-btw setting-section-content__item ' + (item.data.length === 1 ? "single" : (_index === 0 ? 'first' : (_index === item.data.length - 1 ? 'last' : ""))), children: [jsxRuntime.jsxs("div", { className: "flx flx-col", style: { flex: "0 0 fit-content", maxWidth: '50%' }, children: [jsxRuntime.jsx("span", { children: _item.name }), jsxRuntime.jsx("span", { className: "setting-section-content__description", children: _item.description })] }), jsxRuntime.jsx("div", { style: { maxWidth: "50%" }, children: jsxRuntime.jsx("div", { style: { width: "100%", boxSizing: "border-box" }, children: _renderInput(item, _item, index, _index, settingData) }) })] }));
+                                return (jsxRuntime.jsxs("div", { className: 'flx flx-al-c flx-sp-btw setting-section-content__item ' + (item.data.length === 1 ? "single" : (_index === 0 ? 'first' : (_index === item.data.length - 1 ? 'last' : ""))), children: [jsxRuntime.jsxs("div", { className: "flx flx-col", style: { flex: "0 0 fit-content", maxWidth: '50%' }, children: [jsxRuntime.jsx("span", { children: _item.name }), jsxRuntime.jsx("span", { className: "setting-section-content__description", children: _item.description })] }), jsxRuntime.jsx("div", { style: { maxWidth: "50%" }, children: jsxRuntime.jsx("div", { style: { width: "100%", boxSizing: "border-box" }, children: _renderInput(item, _item) }) })] }));
                             }) : null }) : null] }));
         })
             : null);
@@ -17324,7 +17324,8 @@ const SettingApp = (props) => {
 
 const GLOBAL_WINDOW_VARIABLE = {};
 const VARIABLE_FRIVATE = {
-    FIRST_LOAD: true
+    FIRST_LOAD: true,
+    FILTER_SETUP: {}
 };
 let intervalId = null;
 var TIME_RELOAD = 15000;
@@ -17336,10 +17337,10 @@ const INIT_CONFIG_SETTING = async () => {
         intervalId = null;
     }
     if (!localStorage.getItem("app_config_setting_version")) {
-        await _FETCH_AND_UPDATE();
+        await _FETCH_AND_UPDATE(VARIABLE_FRIVATE.FILTER_SETUP);
     }
     intervalId = setInterval(() => {
-        _FETCH_AND_UPDATE();
+        _FETCH_AND_UPDATE(VARIABLE_FRIVATE.FILTER_SETUP);
     }, TIME_RELOAD);
 };
 function base64ToBytesLength(base64String) {
@@ -17364,6 +17365,9 @@ const get_conf = (key, type) => {
             case "text":
                 _ = GLOBAL_WINDOW_VARIABLE[key].value;
                 break;
+            case "bool":
+                _ = GLOBAL_WINDOW_VARIABLE[key].value == "true" || GLOBAL_WINDOW_VARIABLE[key].value == true ? true : false;
+                break;
             case "int":
                 try {
                     _ = parseInt(GLOBAL_WINDOW_VARIABLE[key].value);
@@ -17395,8 +17399,8 @@ const get_conf = (key, type) => {
     }
     return _;
 };
-const _FETCH_AND_UPDATE = async () => {
-    await GetSettingConfigClient((data) => {
+const _FETCH_AND_UPDATE = async (filter) => {
+    await GetSettingConfigClient(filter, (data) => {
         try {
             if (data?.isupdatetime) {
                 TIME_RELOAD = (data?.timeupdate < 5000 || data?.timeupdate > 300000) ? 5000 : data?.timeupdate;