@fctc/widget-logic 2.3.8 → 2.4.0

package/dist/widget.js

@@ -37,7 +37,7 @@ var require_moment = __commonJS({
     "use strict";
     (function(global, factory) {
       typeof exports2 === "object" && typeof module2 !== "undefined" ? module2.exports = factory() : typeof define === "function" && define.amd ? define(factory) : global.moment = factory();
-    })(exports2, function() {
+    })(exports2, (function() {
       "use strict";
       var hookCallback;
       function hooks() {
@@ -4028,7 +4028,7 @@ var require_moment = __commonJS({
         // <input type="month" />
       };
       return hooks;
-    });
+    }));
   }
 });
 
@@ -4110,7 +4110,7 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/hooks.ts
 var hooks_exports = {};
@@ -4123,6 +4123,7 @@ __export(hooks_exports, {
   useConfig: () => useConfig,
   useDebounce: () => useDebounce,
   useDetail: () => useDetail,
+  useGetRowIds: () => useGetRowIds,
   useListData: () => useListData,
   useMenu: () => useMenu,
   useMenuItem: () => useMenuItem,
@@ -4250,12 +4251,6 @@ var import_react6 = require("react");
 
 // src/utils/function.ts
 var import_react5 = require("react");
-
-// src/store.ts
-var store_exports = {};
-__reExport(store_exports, require("@fctc/interface-logic/store"));
-
-// src/utils/function.ts
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -4274,91 +4269,6 @@ function mergeButtons(fields) {
   }
   return others;
 }
-function isElementVisible(el) {
-  const style = window.getComputedStyle(el);
-  return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
-}
-function arraysAreEqual(a, b) {
-  if (a.length !== b.length) return false;
-  const setA = new Set(a);
-  const setB = new Set(b);
-  if (setA.size !== setB.size) return false;
-  for (const val of setA) {
-    if (!setB.has(val)) return false;
-  }
-  return true;
-}
-function useGetRowIds(tableRef) {
-  const [rowIds, setRowIds] = (0, import_react5.useState)([]);
-  const lastRowIdsRef = (0, import_react5.useRef)([]);
-  const updateVisibleRowIds = (0, import_react5.useCallback)(() => {
-    const table = tableRef?.current;
-    if (!table) return;
-    const rows = table.querySelectorAll("tr[data-row-id]");
-    const ids = [];
-    rows.forEach((row) => {
-      const el = row;
-      if (isElementVisible(el)) {
-        const id = el.getAttribute("data-row-id");
-        if (id) ids.push(id);
-      }
-    });
-    const uniqueIds = Array.from(new Set(ids));
-    if (!arraysAreEqual(lastRowIdsRef.current, uniqueIds)) {
-      lastRowIdsRef.current = uniqueIds;
-      setRowIds(uniqueIds);
-    }
-  }, [tableRef]);
-  (0, import_react5.useEffect)(() => {
-    const table = tableRef?.current;
-    if (!table) return;
-    const observer = new MutationObserver(() => {
-      updateVisibleRowIds();
-    });
-    observer.observe(table, {
-      childList: true,
-      subtree: true,
-      attributes: true,
-      attributeFilter: ["style", "class"]
-    });
-    updateVisibleRowIds();
-    return () => {
-      observer.disconnect();
-    };
-  }, [updateVisibleRowIds, tableRef]);
-  return { rowIds, refresh: updateVisibleRowIds };
-}
-var useSelectionState = ({
-  typeTable,
-  tableRef,
-  rows
-}) => {
-  const { groupByDomain } = (0, store_exports.useAppSelector)(store_exports.selectSearch);
-  const { selectedRowKeys } = (0, store_exports.useAppSelector)(store_exports.selectList);
-  const { rowIds: recordIds } = useGetRowIds(tableRef);
-  const selectedRowKeysRef = (0, import_react5.useRef)(recordIds);
-  const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = (0, import_react5.useMemo)(() => {
-    if (!rows || !groupByDomain) return 0;
-    const groupBy = typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0;
-    return countSum(rows, groupBy);
-  }, [rows, groupByDomain]);
-  const isAllGroupChecked = (0, import_react5.useMemo)(() => {
-    if (!isGroupTable || !selectedRowKeys?.length) return false;
-    const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
-    const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
-    const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
-    return allGroupsSelected || allRecordsSelected;
-  }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
-  const isAllNormalChecked = (0, import_react5.useMemo)(() => {
-    if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
-    return selectedRowKeys.length === rows.length && selectedRowKeys.every(
-      (id) => rows.some((record) => record.id === id)
-    );
-  }, [isGroupTable, selectedRowKeys, rows]);
-  const checkedAll = isAllGroupChecked || isAllNormalChecked;
-  return { checkedAll, selectedRowKeysRef };
-};
 var getDateRange = (currentDate, unit) => {
   const date = new Date(currentDate);
   let dateStart, dateEnd;
@@ -4499,19 +4409,19 @@ function useStorageState(key) {
 
 // src/hooks/core/use-list-data.ts
 var import_hooks4 = require("@fctc/interface-logic/hooks");
-var import_store4 = require("@fctc/interface-logic/store");
+var import_store3 = require("@fctc/interface-logic/store");
 var import_utils = require("@fctc/interface-logic/utils");
 var useListData = ({
   action,
   context,
   viewResponse
 }) => {
-  const { groupByDomain } = (0, import_store4.useAppSelector)(import_store4.selectSearch);
+  const { groupByDomain } = (0, import_store3.useAppSelector)(import_store3.selectSearch);
   const initModel = (0, import_hooks4.useModel)();
   const [type, setType] = (0, import_react6.useState)("list");
   const [mode, setMode] = (0, import_react6.useState)("month");
   const [currentDate, setCurrentDate] = (0, import_react6.useState)(/* @__PURE__ */ new Date());
-  const { pageLimit, page, order } = (0, import_store4.useAppSelector)(import_store4.selectList);
+  const { pageLimit, page, order } = (0, import_store3.useAppSelector)(import_store3.selectList);
   const listDataProps = (0, import_react6.useMemo)(() => {
     const actData = action?.result;
     if (!viewResponse || !actData || !context) {
@@ -4646,10 +4556,10 @@ var import_react8 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_environment4 = require("@fctc/interface-logic/environment");
 var import_hooks6 = require("@fctc/interface-logic/hooks");
-var import_store5 = require("@fctc/interface-logic/store");
+var import_store4 = require("@fctc/interface-logic/store");
 var useProfile = (accessToken) => {
   const getProfile = (0, import_hooks6.useGetProfile)();
-  const dispatch = (0, import_store5.useAppDispatch)();
+  const dispatch = (0, import_store4.useAppDispatch)();
   const { i18n: i18n2 } = (0, import_react_i18next.useTranslation)();
   const fetchUserProfile = async () => {
     return await getProfile.mutateAsync();
@@ -4664,7 +4574,7 @@ var useProfile = (accessToken) => {
       const userInfo = userInfoQuery.data;
       const env = (0, import_environment4.getEnv)();
       env.setUid(userInfo?.sub);
-      dispatch((0, import_store5.setDataUser)(userInfo));
+      dispatch((0, import_store4.setDataUser)(userInfo));
       const userLocale = languages.find((lang) => lang?.id === userInfo?.locale);
       env.setLang(userLocale?.id);
       i18n2.changeLanguage(userLocale?.id.split("_")[0]);
@@ -4729,11 +4639,11 @@ var useViewV2 = ({
 
 // src/hooks/core/use-auth.ts
 var import_hooks8 = require("@fctc/interface-logic/hooks");
-var import_store6 = require("@fctc/interface-logic/store");
+var import_store5 = require("@fctc/interface-logic/store");
 var useAuth = () => {
   const [[isLoading, accessToken], setAccessToken] = useStorageState("TOKEN");
   const loginMutate = (0, import_hooks8.useLoginCredential)();
-  const dispatch = (0, import_store6.useAppDispatch)();
+  const dispatch = (0, import_store5.useAppDispatch)();
   const signIn = async (email, password) => {
     try {
       loginMutate.mutate(
@@ -4754,9 +4664,9 @@ var useAuth = () => {
     }
   };
   const signOut = async () => {
-    dispatch((0, import_store6.setMenuList)([]));
-    dispatch((0, import_store6.setDataUser)({}));
-    dispatch((0, import_store6.setProfile)({}));
+    dispatch((0, import_store5.setMenuList)([]));
+    dispatch((0, import_store5.setDataUser)({}));
+    dispatch((0, import_store5.setProfile)({}));
     setAccessToken(null);
   };
   return {
@@ -4769,6 +4679,7 @@ var useAuth = () => {
 
 // src/hooks/core/use-app-provider.tsx
 var import_react11 = require("react");
+var import_utils2 = require("@fctc/interface-logic/utils");
 
 // src/hooks/core/use-company.ts
 var import_react_query3 = require("@tanstack/react-query");
@@ -4817,10 +4728,8 @@ var useCompany = (accessToken) => {
     context: { allowed_company_ids: [current_company_id] }
   };
 };
-var use_company_default = useCompany;
 
 // src/hooks/core/use-app-provider.tsx
-var import_utils2 = require("@fctc/interface-logic/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var AppProviderInitialValue = {
   config: {},
@@ -4837,7 +4746,7 @@ var AppProvider = ({ children }) => {
   const config = useConfig({});
   const auth = useAuth();
   const user = useUser(auth.accessToken);
-  const company = use_company_default(auth.accessToken);
+  const company = useCompany(auth.accessToken);
   const menuContext = (0, import_react11.useMemo)(() => {
     return combineContexts([user.context, company.context]);
   }, [user.context, company.context]);
@@ -4903,8 +4812,6 @@ __export(utils_exports, {
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
-  useGetRowIds: () => useGetRowIds,
-  useSelectionState: () => useSelectionState,
   useStorageState: () => useStorageState
 });
 __reExport(utils_exports, require("@fctc/interface-logic/utils"));
@@ -4946,8 +4853,74 @@ var useMenuItem = (props) => {
   return { handleClick, path, queryActionDetail };
 };
 
-// src/hooks/utils/use-click-outside.ts
+// src/hooks/core/use-get-rowids.ts
 var import_react13 = require("react");
+var useGetRowIds = (tableRef) => {
+  function isElementVisible(el) {
+    const style = window.getComputedStyle(el);
+    return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
+  }
+  function arraysAreEqual(a, b) {
+    if (a.length !== b.length) return false;
+    if (a.length === 0 && b.length === 0) return true;
+    const setA = new Set(a);
+    const setB = new Set(b);
+    if (setA.size !== setB.size) return false;
+    for (const val of setA) {
+      if (!setB.has(val)) return false;
+    }
+    return true;
+  }
+  const [rowIds, setRowIds] = (0, import_react13.useState)([]);
+  const lastRowIdsRef = (0, import_react13.useRef)([]);
+  const updateVisibleRowIds = (0, import_react13.useCallback)(() => {
+    const table = tableRef.current;
+    if (!table) return;
+    const rows = table.querySelectorAll("tr[data-row-id]");
+    const ids = [];
+    rows.forEach((row) => {
+      const el = row;
+      if (isElementVisible(el)) {
+        const id = el.getAttribute("data-row-id");
+        if (id) ids.push(id);
+      }
+    });
+    const uniqueIds = Array.from(new Set(ids));
+    if (!arraysAreEqual(lastRowIdsRef.current, uniqueIds)) {
+      lastRowIdsRef.current = uniqueIds;
+      setRowIds(uniqueIds);
+    }
+  }, [tableRef]);
+  (0, import_react13.useEffect)(() => {
+    const table = tableRef.current;
+    if (!table) return;
+    const mutationObserver = new MutationObserver(() => {
+      updateVisibleRowIds();
+    });
+    mutationObserver.observe(table, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "class"]
+    });
+    const resizeObserver = new ResizeObserver(() => {
+      updateVisibleRowIds();
+    });
+    resizeObserver.observe(table);
+    const handleScroll = () => updateVisibleRowIds();
+    table.addEventListener("scroll", handleScroll, true);
+    updateVisibleRowIds();
+    return () => {
+      mutationObserver.disconnect();
+      resizeObserver.disconnect();
+      table.removeEventListener("scroll", handleScroll, true);
+    };
+  }, [updateVisibleRowIds, tableRef?.current]);
+  return { rowIds, refresh: updateVisibleRowIds };
+};
+
+// src/hooks/utils/use-click-outside.ts
+var import_react14 = require("react");
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -4955,8 +4928,8 @@ var useClickOutside = ({
   nodes = [],
   refs
 }) => {
-  const ref = (0, import_react13.useRef)(null);
-  (0, import_react13.useEffect)(() => {
+  const ref = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -4978,10 +4951,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 function useDebounce(value, delay) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react14.useState)(value);
-  (0, import_react14.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react15.useState)(value);
+  (0, import_react15.useEffect)(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -4995,6 +4968,10 @@ function useDebounce(value, delay) {
 // src/hooks.ts
 __reExport(hooks_exports, require("@fctc/interface-logic/hooks"));
 
+// src/store.ts
+var store_exports = {};
+__reExport(store_exports, require("@fctc/interface-logic/store"));
+
 // src/provider.ts
 var provider_exports = {};
 __reExport(provider_exports, require("@fctc/interface-logic/provider"));
@@ -5015,13 +4992,13 @@ var many2oneFieldController = (props) => {
     showDetail
   } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const [options, setOptions] = (0, import_react15.useState)([]);
-  const [inputValue, setInputValue] = (0, import_react15.useState)("");
+  const [options, setOptions] = (0, import_react16.useState)([]);
+  const [inputValue, setInputValue] = (0, import_react16.useState)("");
   const [debouncedInputValue] = useDebounce(inputValue, 1e3);
-  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react15.useState)(false);
-  const [tempSelectedOption, setTempSelectedOption] = (0, import_react15.useState)(null);
-  const [domainModal, setDomainModal] = (0, import_react15.useState)(null);
-  const [domainObject, setDomainObject] = (0, import_react15.useState)(null);
+  const [isShowModalMany2Many, setIsShowModalMany2Many] = (0, import_react16.useState)(false);
+  const [tempSelectedOption, setTempSelectedOption] = (0, import_react16.useState)(null);
+  const [domainModal, setDomainModal] = (0, import_react16.useState)(null);
+  const [domainObject, setDomainObject] = (0, import_react16.useState)(null);
   const actionData = sessionStorageUtils.getActionData();
   const { menuList } = (0, store_exports.useAppSelector)(store_exports.selectNavbar);
   const initValue = methods?.getValues(name);
@@ -5052,18 +5029,18 @@ var many2oneFieldController = (props) => {
     queryKey,
     enabled: false
   });
-  const selectOptions = (0, import_react15.useMemo)(() => {
+  const selectOptions = (0, import_react16.useMemo)(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name
     })) || [];
   }, [dataOfSelection]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     setOptions(selectOptions);
     setDomainModal(domainObject);
     if (relation === "student.subject") (0, store_exports.setListSubject)(selectOptions);
   }, [selectOptions]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     setDomainObject(
       (0, utils_exports.evalJSONDomain)(
         domain,
@@ -5071,7 +5048,7 @@ var many2oneFieldController = (props) => {
       )
     );
   }, [domain, formValues]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!propValue && tempSelectedOption) {
       methods.setValue(name, null);
       setTempSelectedOption(null);
@@ -5082,10 +5059,10 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  const fetchMoreOptions = (0, import_react15.useCallback)(() => {
+  const fetchMoreOptions = (0, import_react16.useCallback)(() => {
     refetch();
   }, [refetch]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (debouncedInputValue) {
       const filteredDomain = [...domainObject ?? []]?.filter(
         (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
@@ -5100,7 +5077,7 @@ var many2oneFieldController = (props) => {
       }, 50);
     }
   }, [debouncedInputValue]);
-  const handleChooseRecord = (0, import_react15.useCallback)(
+  const handleChooseRecord = (0, import_react16.useCallback)(
     (idRecord) => {
       const newOption = options.find(
         (option) => option.value === idRecord
@@ -5125,8 +5102,8 @@ var many2oneFieldController = (props) => {
     },
     [options, methods, name, onChange]
   );
-  const handleClose = (0, import_react15.useCallback)(() => setIsShowModalMany2Many(false), []);
-  const handleSelectChange = (0, import_react15.useCallback)(
+  const handleClose = (0, import_react16.useCallback)(() => setIsShowModalMany2Many(false), []);
+  const handleSelectChange = (0, import_react16.useCallback)(
     (selectedOption) => {
       if (!selectedOption) {
         methods.setValue(name, null, { shouldDirty: true });
@@ -5200,7 +5177,7 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_utils7 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
@@ -5215,10 +5192,10 @@ var many2manyFieldController = (props) => {
     actionData
   } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData3, useGetFormView } = (0, provider_exports.useService)();
-  const [order, setOrder] = (0, import_react16.useState)();
-  const [page, setPage] = (0, import_react16.useState)(0);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react16.useState)(null);
+  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView } = (0, provider_exports.useService)();
+  const [order, setOrder] = (0, import_react17.useState)();
+  const [page, setPage] = (0, import_react17.useState)(0);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react17.useState)(null);
   const [debouncedPage] = useDebounce(page, 500);
   const contextObject = {
     ...env.context,
@@ -5233,7 +5210,7 @@ var many2manyFieldController = (props) => {
     context: contextObject
   };
   const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
-  const baseModel = (0, import_react16.useMemo)(
+  const baseModel = (0, import_react17.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -5246,13 +5223,13 @@ var many2manyFieldController = (props) => {
     [relation, viewResponse]
   );
   const initModel = (0, hooks_exports.useModel)();
-  const modelInstance = (0, import_react16.useMemo)(() => {
+  const modelInstance = (0, import_react17.useMemo)(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = (0, import_react16.useMemo)(() => {
+  const specification = (0, import_react17.useMemo)(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
@@ -5294,8 +5271,8 @@ var many2manyFieldController = (props) => {
     isLoading,
     isFetched,
     isPlaceholderData
-  } = useGetListData3(data, queryKey, enabled);
-  (0, import_react16.useEffect)(() => {
+  } = useGetListData2(data, queryKey, enabled);
+  (0, import_react17.useEffect)(() => {
     if (viewResponse) {
       fetchData();
     }
@@ -5348,7 +5325,7 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_constants4 = require("@fctc/interface-logic/constants");
 var import_utils8 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
@@ -5364,7 +5341,7 @@ var many2manyTagsController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
   const { useGetSelection: useGetSelection2 } = (0, provider_exports.useService)();
   const addtionalFields = optionsFields ? (0, import_utils8.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react17.useMemo)(
+  const domainObject = (0, import_react18.useMemo)(
     () => (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
@@ -5406,7 +5383,7 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_utils9 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
   const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
@@ -5415,10 +5392,10 @@ var durationController = (props) => {
     name: "",
     fold: ""
   };
-  const { useGetListData: useGetListData3, useChangeStatus } = (0, provider_exports.useService)();
+  const { useGetListData: useGetListData2, useChangeStatus } = (0, provider_exports.useService)();
   const { env } = (0, provider_exports.useEnv)();
-  const [disabled, setDisabled] = (0, import_react18.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react18.useState)(false);
+  const [disabled, setDisabled] = (0, import_react19.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react19.useState)(false);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
@@ -5433,7 +5410,7 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = useGetListData3(
+  const { data: dataResponse } = useGetListData2(
     listDataProps,
     queryKey,
     enabled
@@ -5508,10 +5485,10 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react19.useId)();
-  const [file, setFile] = (0, import_react19.useState)(null);
+  const inputId = (0, import_react20.useId)();
+  const [file, setFile] = (0, import_react20.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -6443,11 +6420,11 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 var import_utils11 = require("@fctc/interface-logic/utils");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react20.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react21.useState)(false);
   const handleCopyToClipboard = async (value2) => {
     await (0, import_utils11.copyTextToClipboard)(value2);
     setIsCopied(true);
@@ -6495,16 +6472,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 var import_utils13 = require("@fctc/interface-logic/utils");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
-  const inputId = (0, import_react21.useId)();
-  const [selectedImage, setSelectedImage] = (0, import_react21.useState)(null);
-  const [initialImage, setInitialImage] = (0, import_react21.useState)(value || null);
-  const [isInsideTable, setIsInsideTable] = (0, import_react21.useState)(false);
+  const inputId = (0, import_react22.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react22.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react22.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react22.useState)(false);
   const { setValue } = methods;
-  const binaryRef = (0, import_react21.useRef)(null);
+  const binaryRef = (0, import_react22.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -6566,14 +6543,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react21.useEffect)(() => {
+  (0, import_react22.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -6593,50 +6570,73 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-var import_store8 = require("@fctc/interface-logic/store");
+var import_store7 = require("@fctc/interface-logic/store");
+var import_react23 = require("react");
 var tableHeadController = (props) => {
-  const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = (0, import_store8.useAppDispatch)();
-  const { groupByDomain } = (0, import_store8.useAppSelector)(import_store8.selectSearch);
+  const { typeTable, rows, tableRef, groupByList, selectedRowKeys } = props;
+  const appDispatch = (0, import_store7.useAppDispatch)();
+  const { rowIds: recordIds } = useGetRowIds(tableRef);
+  const selectedRowKeysRef = (0, import_react23.useRef)(recordIds);
+  const isGroupTable = typeTable === "group";
+  const recordsCheckedGroup = (0, import_react23.useMemo)(() => {
+    if (!rows || !groupByList) return 0;
+    const groupBy = typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0;
+    return countSum(rows, groupBy);
+  }, [rows, groupByList]);
+  const isAllGroupChecked = (0, import_react23.useMemo)(() => {
+    if (!isGroupTable || !selectedRowKeys?.length) return false;
+    const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
+    const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
+    const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
+    return allGroupsSelected || allRecordsSelected;
+  }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
+  const isAllNormalChecked = (0, import_react23.useMemo)(() => {
+    if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
+    return selectedRowKeys.length === rows.length && selectedRowKeys.every(
+      (id) => rows.some((record) => record.id === id)
+    );
+  }, [isGroupTable, selectedRowKeys, rows]);
+  const checkedAll = isAllGroupChecked || isAllNormalChecked;
   const handleCheckBoxAll = (event) => {
     if (event?.target?.checked && typeTable === "list") {
       const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch((0, import_store8.setSelectedRowKeys)(allRowKeys));
+      appDispatch((0, import_store7.setSelectedRowKeys)(allRowKeys));
     } else if (event?.target?.checked && typeTable === "group") {
       const rowsIDs = document.querySelectorAll("tr[data-row-id]");
       const ids = Array.from(rowsIDs)?.map(
         (row) => Number(row?.getAttribute("data-row-id"))
       );
       if (ids?.length > 0) {
-        appDispatch((0, import_store8.setSelectedRowKeys)(ids));
+        appDispatch((0, import_store7.setSelectedRowKeys)(ids));
       } else {
         const sum = countSum(
           rows,
-          typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
+          typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0
         );
         const keys = Array.from({ length: sum }, (_) => void 0);
-        appDispatch((0, import_store8.setSelectedRowKeys)(keys));
+        appDispatch((0, import_store7.setSelectedRowKeys)(keys));
       }
       if (selectedRowKeysRef) {
         selectedRowKeysRef.current = [];
       }
     } else {
-      appDispatch((0, import_store8.setSelectedRowKeys)([]));
+      appDispatch((0, import_store7.setSelectedRowKeys)([]));
     }
   };
   return {
-    handleCheckBoxAll
+    handleCheckBoxAll,
+    checkedAll,
+    selectedRowKeysRef
   };
 };
 
 // src/widget/advance/table/table-view/controller.ts
-var import_react22 = require("react");
-var import_store9 = require("@fctc/interface-logic/store");
+var import_react24 = require("react");
 var import_utils14 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react22.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react22.useState)([]);
-  const dataModelFields = data.fields?.map((field) => {
+  const [rows, setRows] = (0, import_react24.useState)(null);
+  const [columns, setColumns] = (0, import_react24.useState)(null);
+  const dataModelFields = data?.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
       ...field,
@@ -6663,8 +6663,8 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react22.useEffect)(() => {
-    setRows(transformData(data.records || null));
+  (0, import_react24.useEffect)(() => {
+    setRows(transformData(data.records));
   }, [data.records]);
   const handleGetColumns = () => {
     let cols = [];
@@ -6684,10 +6684,11 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react22.useEffect)(() => {
-    const columns2 = handleGetColumns();
-    setColumns(columns2);
-  }, [data.records]);
+  (0, import_react24.useEffect)(() => {
+    if (!columns) {
+      setColumns(handleGetColumns());
+    }
+  }, [data]);
   const onToggleColumnOptional = (item) => {
     const tempColumn = [...columns]?.map((val) => {
       if (item?.name === val?.name) {
@@ -6700,6 +6701,14 @@ var tableController = ({ data }) => {
     });
     setColumns(tempColumn);
   };
+  (0, import_react24.useEffect)(() => {
+    setRows(null);
+    setColumns(null);
+    return () => {
+      setRows(null);
+      setColumns(null);
+    };
+  }, [data?.fields]);
   return {
     rows,
     columns,
@@ -6709,47 +6718,32 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-var import_react23 = require("react");
-var import_hooks15 = require("@fctc/interface-logic/hooks");
-var import_store10 = require("@fctc/interface-logic/store");
-
-// src/environment.ts
-var environment_exports = {};
-__reExport(environment_exports, require("@fctc/interface-logic/environment"));
-
-// src/widget/advance/table/table-group/controller.ts
+var import_react25 = require("react");
+var import_store8 = require("@fctc/interface-logic/store");
 var tableGroupController = (props) => {
-  const env = (0, environment_exports.getEnv)();
+  const { env } = (0, provider_exports.useEnv)();
+  const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
   const {
-    rows,
     columns,
-    indexRow,
     row,
     model,
     viewData,
-    renderField,
     level,
     specification,
-    domain,
     context,
     checkedAll,
-    isDisplayCheckbox,
-    isAutoSelect,
-    setIsAutoSelect,
-    selectedRowKeysRef
+    groupByList,
+    setSelectedRowKeys: setSelectedRowKeys3
   } = props;
-  const [pageGroup, setPageGroup] = (0, import_react23.useState)(0);
-  const { groupByDomain, selectedTags } = (0, import_store10.useAppSelector)(import_store10.selectSearch);
-  const { selectedRowKeys } = (0, import_store10.useAppSelector)(import_store10.selectList);
-  const appDispatch = (0, import_store10.useAppDispatch)();
-  const { toDataJS } = (0, import_hooks15.useOdooDataTransform)();
-  const initVal = toDataJS(row, viewData, model);
-  const [isShowGroup, setIsShowGroup] = (0, import_react23.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react23.useState)({
+  const [pageGroup, setPageGroup] = (0, import_react25.useState)(0);
+  const { selectedRowKeys } = (0, import_store8.useAppSelector)(import_store8.selectList);
+  const [isShowGroup, setIsShowGroup] = (0, import_react25.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react25.useState)({
     fromStart: 1,
     fromEnd: 1
   });
-  const processedData = (0, import_react23.useMemo)(() => {
+  const domain = row?.__domain;
+  const processedData = (0, import_react25.useMemo)(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -6764,7 +6758,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = (0, import_react23.useMemo)(() => {
+  const shouldFetchData = (0, import_react25.useMemo)(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -6774,22 +6768,22 @@ var tableGroupController = (props) => {
     domain,
     context,
     offset: pageGroup * 10,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[level]?.group_by]
+    fields: groupByList?.fields,
+    groupby: [groupByList?.contexts[level]?.group_by]
   };
   const queryKey = [
-    `data-${model}--${level}-row${indexRow}`,
+    `data-${model}-level_${level}-row-${row?.id}`,
     specification,
     domain,
     pageGroup
   ];
   const {
-    data: dataResponse,
-    isFetched: isQueryFetched,
-    isPlaceholderData,
+    data: dataGroup,
+    isFetched: isDataGroupFetched,
     isLoading,
-    isFetching
-  } = (0, import_hooks15.useGetListData)(listDataProps, queryKey, enabled);
+    isFetching,
+    isPlaceholderData: isDataPlaceHolder
+  } = useGetListData2(listDataProps, queryKey, enabled);
   const {
     columns: columnsGroup,
     rows: rowsGroup,
@@ -6797,27 +6791,21 @@ var tableGroupController = (props) => {
   } = tableController({
     data: {
       fields: viewData?.views?.list?.fields,
-      records: dataResponse?.records ?? dataResponse?.groups,
+      records: dataGroup?.records ?? dataGroup?.groups,
       dataModel: viewData?.models?.[model],
       context: env.context,
-      typeTable: dataResponse?.groups ? "group" : "list"
+      typeTable: dataGroup?.groups ? "group" : "list"
     }
   });
-  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  (0, import_react23.useEffect)(() => {
-    if (isShowGroup && selectedTags?.length > 0) {
-      setIsShowGroup(false);
-    }
-  }, [selectedTags]);
-  const group_by_field_name = groupByDomain?.contexts[level - 1]?.group_by;
+  const group_by_field_name = groupByList?.contexts[level - 1]?.group_by;
   const nameGroup = Array.isArray(row[group_by_field_name]) ? row?.string ?? row[`${group_by_field_name}`][1] : viewData?.models?.[model]?.[group_by_field_name]?.selection ? viewData.models[model][group_by_field_name].selection.find(
     (selectItem) => selectItem?.[0] === row[group_by_field_name]
   )?.[1] : row[group_by_field_name];
   const nameGroupWithCount = `${typeof nameGroup === "string" ? nameGroup : typeof nameGroup === "boolean" && nameGroup ? i18n_default.t("yes") : i18n_default.t("no")} (${row[`${group_by_field_name?.split(":")?.[0]}_count`]})`;
   const allIdsNull = selectedRowKeys?.every((item) => item === void 0);
-  const handleExpandChildGroup = () => {
+  const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
+  const onExpandChildGroup = () => {
     if (isLoading || isFetching) return;
-    const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
     if (allIdsNull || typeTableGroup === "group") {
       toggleShowGroup();
       return;
@@ -6827,53 +6815,39 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      appDispatch((0, import_store10.setSelectedRowKeys)(filteredIds));
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
+      setSelectedRowKeys3(filteredIds);
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull) {
       const clonedKeys = [...selectedRowKeys];
-      appDispatch((0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_store10.setSelectedRowKeys)(clonedKeys)), 500);
+      setSelectedRowKeys3([...clonedKeys, -1]);
+      setTimeout(() => setSelectedRowKeys3(clonedKeys), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
+      console.log("abc");
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch((0, import_store10.setSelectedRowKeys)(filteredKeys));
+      setSelectedRowKeys3(filteredKeys);
     }
     toggleShowGroup();
   };
-  (0, import_react23.useEffect)(() => {
-    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+  (0, import_react25.useEffect)(() => {
+    if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    (0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_store10.setSelectedRowKeys)(clonedKeys), 500);
-  }, [isQueryFetched]);
+    setSelectedRowKeys3([...clonedKeys, -1]);
+    setTimeout(() => setSelectedRowKeys3(clonedKeys), 500);
+  }, [isDataGroupFetched]);
   return {
-    handleExpandChildGroup,
+    onExpandChildGroup,
     colEmptyGroup,
-    leftPadding,
     isShowGroup,
-    isQueryFetched,
+    isDataGroupFetched,
+    isDataPlaceHolder,
     nameGroupWithCount,
-    columns,
-    row,
-    isPlaceholderData,
     columnsGroup,
-    indexRow,
     rowsGroup,
-    model,
-    viewData,
-    renderField,
-    level,
-    specification,
-    context,
-    checkedAll,
-    isDisplayCheckbox,
-    isAutoSelect,
-    setIsAutoSelect,
-    selectedRowKeysRef,
-    initVal,
-    dataResponse,
+    dataGroup,
     pageGroup,
-    setPageGroup
+    setPageGroup,
+    typeTableGroup
   };
 };
 
@@ -6881,7 +6855,7 @@ var tableGroupController = (props) => {
 var import_constants5 = require("@fctc/interface-logic/constants");
 var import_utils15 = require("@fctc/interface-logic/utils");
 var import_moment2 = __toESM(require_moment());
-var import_react24 = require("react");
+var import_react26 = require("react");
 var searchController = ({
   viewData,
   model,
@@ -6890,12 +6864,12 @@ var searchController = ({
   fieldsList
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = (0, import_react24.useState)(null);
-  const [searchBy, setSearchBy] = (0, import_react24.useState)(null);
-  const [groupBy, setGroupBy] = (0, import_react24.useState)(null);
-  const [selectedTags, setSelectedTags] = (0, import_react24.useState)(null);
-  const [searchString, setSearchString] = (0, import_react24.useState)("");
-  const [searchMap, setSearchMap] = (0, import_react24.useState)({});
+  const [filterBy, setFilterBy] = (0, import_react26.useState)(null);
+  const [searchBy, setSearchBy] = (0, import_react26.useState)(null);
+  const [groupBy, setGroupBy] = (0, import_react26.useState)(null);
+  const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
+  const [searchString, setSearchString] = (0, import_react26.useState)("");
+  const [searchMap, setSearchMap] = (0, import_react26.useState)({});
   const actionContext = typeof context === "string" ? (0, import_utils15.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
   const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils15.evalJSONDomain)(domain, contextSearch) : [];
@@ -6942,7 +6916,7 @@ var searchController = ({
       }
     }
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     fetchData();
   }, [model, viewData]);
   const onChangeSearchInput = (search_string) => {
@@ -7024,7 +6998,7 @@ var searchController = ({
       return [...domain2];
     }
   };
-  const setTagSearch = (0, import_react24.useCallback)(
+  const setTagSearch = (0, import_react26.useCallback)(
     (updatedMap) => {
       if (!updatedMap) return;
       const tagsSearch = Object.entries(updatedMap).map(
@@ -7087,7 +7061,7 @@ var searchController = ({
     },
     [searchMap]
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     setTagSearch(searchMap);
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {