@fctc/widget-logic 2.3.7 → 2.3.8

package/dist/widget.mjs

@@ -4091,7 +4091,7 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-import { useCallback as useCallback3, useEffect as useEffect11, useMemo as useMemo8, useState as useState8 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect10, useMemo as useMemo9, useState as useState8 } from "react";
 
 // src/hooks.ts
 var hooks_exports = {};
@@ -4104,7 +4104,6 @@ __export(hooks_exports, {
   useConfig: () => useConfig,
   useDebounce: () => useDebounce,
   useDetail: () => useDetail,
-  useGetRowIds: () => useGetRowIds,
   useListData: () => useListData,
   useMenu: () => useMenu,
   useMenuItem: () => useMenuItem,
@@ -4228,10 +4227,24 @@ var useDetail = (accessToken, sub) => {
 };
 
 // src/hooks/core/use-list-data.ts
-import { useMemo as useMemo2, useState as useState3 } from "react";
+import { useMemo as useMemo3, useState as useState4 } from "react";
+
+// src/utils/function.ts
+import {
+  useCallback,
+  useEffect as useEffect4,
+  useMemo as useMemo2,
+  useReducer,
+  useRef as useRef2,
+  useState as useState3
+} from "react";
+
+// src/store.ts
+var store_exports = {};
+__reExport(store_exports, store_star);
+import * as store_star from "@fctc/interface-logic/store";
 
 // src/utils/function.ts
-import { useCallback, useEffect as useEffect4, useReducer } from "react";
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -4250,6 +4263,91 @@ 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] = useState3([]);
+  const lastRowIdsRef = useRef2([]);
+  const updateVisibleRowIds = 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]);
+  useEffect4(() => {
+    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 = useRef2(recordIds);
+  const isGroupTable = typeTable === "group";
+  const recordsCheckedGroup = useMemo2(() => {
+    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 = useMemo2(() => {
+    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 = useMemo2(() => {
+    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;
@@ -4391,9 +4489,9 @@ function useStorageState(key) {
 // src/hooks/core/use-list-data.ts
 import { useModel, useGetListData } from "@fctc/interface-logic/hooks";
 import {
-  useAppSelector,
-  selectSearch,
-  selectList
+  useAppSelector as useAppSelector2,
+  selectSearch as selectSearch2,
+  selectList as selectList2
 } from "@fctc/interface-logic/store";
 import {
   evalJSONDomain,
@@ -4404,13 +4502,13 @@ var useListData = ({
   context,
   viewResponse
 }) => {
-  const { groupByDomain } = useAppSelector(selectSearch);
+  const { groupByDomain } = useAppSelector2(selectSearch2);
   const initModel = useModel();
-  const [type, setType] = useState3("list");
-  const [mode, setMode] = useState3("month");
-  const [currentDate, setCurrentDate] = useState3(/* @__PURE__ */ new Date());
-  const { pageLimit, page, order } = useAppSelector(selectList);
-  const listDataProps = useMemo2(() => {
+  const [type, setType] = useState4("list");
+  const [mode, setMode] = useState4("month");
+  const [currentDate, setCurrentDate] = useState4(/* @__PURE__ */ new Date());
+  const { pageLimit, page, order } = useAppSelector2(selectList2);
+  const listDataProps = useMemo3(() => {
     const actData = action?.result;
     if (!viewResponse || !actData || !context) {
       return null;
@@ -4471,7 +4569,7 @@ var useListData = ({
 };
 
 // src/hooks/core/use-menu.ts
-import { useEffect as useEffect5, useMemo as useMemo3, useState as useState4 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
 
 // src/utils/constants.ts
 var languages = [
@@ -4491,9 +4589,9 @@ var API_APP_URL = {
 import { useGetMenu } from "@fctc/interface-logic/hooks";
 var useMenu = ({ context }) => {
   const menuData = useGetMenu(context, !!context);
-  const [menuid, setMenuId] = useState4(void 0);
+  const [menuid, setMenuId] = useState5(void 0);
   const [action, setAction] = useCallAction();
-  const configedIconData = useMemo3(() => {
+  const configedIconData = useMemo4(() => {
     const data = menuData.data;
     return data?.map((item) => {
       return {
@@ -4540,7 +4638,7 @@ var useMenu = ({ context }) => {
 
 // src/hooks/core/use-profile.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useEffect as useEffect6, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo5 } from "react";
 import { useTranslation } from "react-i18next";
 import { getEnv as getEnv4 } from "@fctc/interface-logic/environment";
 import { useGetProfile } from "@fctc/interface-logic/hooks";
@@ -4568,7 +4666,7 @@ var useProfile = (accessToken) => {
       i18n2.changeLanguage(userLocale?.id.split("_")[0]);
     }
   }, [dispatch, userInfoQuery.data]);
-  const context = useMemo4(() => {
+  const context = useMemo5(() => {
     if (userInfoQuery.data?.sub && userInfoQuery.data?.locale) {
       return {
         uid: Number(userInfoQuery.data.sub),
@@ -4590,13 +4688,13 @@ var useUser = (accessToken) => {
 };
 
 // src/hooks/core/use-view-v2.ts
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 import { useGetView } from "@fctc/interface-logic/hooks";
 var useViewV2 = ({
   action,
   context
 }) => {
-  const viewParams = useMemo5(() => {
+  const viewParams = useMemo6(() => {
     if (!action?.result) {
       return void 0;
     }
@@ -4671,11 +4769,11 @@ var useAuth = () => {
 };
 
 // src/hooks/core/use-app-provider.tsx
-import { createContext, useContext, useMemo as useMemo7 } from "react";
+import { createContext, useContext, useMemo as useMemo8 } from "react";
 
 // src/hooks/core/use-company.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useEffect as useEffect7, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo7 } from "react";
 import { getEnv as getEnv5 } from "@fctc/interface-logic/environment";
 import {
   useGetCurrentCompany,
@@ -4691,7 +4789,7 @@ var useCompany = (accessToken) => {
     queryFn: fetchCurrentCompany,
     enabled: !!accessToken
   });
-  const current_company_id = useMemo6(() => {
+  const current_company_id = useMemo7(() => {
     return currentCompany.data?.current_company_id;
   }, [currentCompany.data]);
   useEffect7(() => {
@@ -4744,14 +4842,14 @@ var AppProvider = ({ children }) => {
   const auth = useAuth();
   const user = useUser(auth.accessToken);
   const company = use_company_default(auth.accessToken);
-  const menuContext = useMemo7(() => {
+  const menuContext = useMemo8(() => {
     return combineContexts([user.context, company.context]);
   }, [user.context, company.context]);
   const menu = useMenu({ context: menuContext });
-  const action = useMemo7(() => {
+  const action = useMemo8(() => {
     return menu.state.action;
   }, [menu.state.action]);
-  const viewContext = useMemo7(() => {
+  const viewContext = useMemo8(() => {
     return combineContexts([
       menuContext,
       { ...evalJSONContext(action?.result?.context) }
@@ -4794,7 +4892,7 @@ var useAppProvider = () => {
 // src/hooks/core/use-menu-item.tsx
 import { getEnv as getEnv6 } from "@fctc/interface-logic/environment";
 import { useGetActionDetail } from "@fctc/interface-logic/hooks";
-import { useState as useState5 } from "react";
+import { useState as useState6 } from "react";
 
 // src/utils.ts
 var utils_exports = {};
@@ -4809,6 +4907,8 @@ __export(utils_exports, {
   languages: () => languages,
   mergeButtons: () => mergeButtons,
   setStorageItemAsync: () => setStorageItemAsync,
+  useGetRowIds: () => useGetRowIds,
+  useSelectionState: () => useSelectionState,
   useStorageState: () => useStorageState
 });
 __reExport(utils_exports, utils_star);
@@ -4829,7 +4929,7 @@ var useMenuItem = (props) => {
     enabled: true,
     queryKey: [`action-${aid}`]
   }).data;
-  const [path, setPath] = useState5("");
+  const [path, setPath] = useState6("");
   const handleClick = () => {
     if (location?.pathname === "/list/menu" && activeMenuId === menu?.id) {
       return;
@@ -4851,74 +4951,8 @@ var useMenuItem = (props) => {
   return { handleClick, path, queryActionDetail };
 };
 
-// src/hooks/core/use-get-rowids.ts
-import { useCallback as useCallback2, useEffect as useEffect8, useRef as useRef2, useState as useState6 } from "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] = useState6([]);
-  const lastRowIdsRef = useRef2([]);
-  const updateVisibleRowIds = useCallback2(() => {
-    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]);
-  useEffect8(() => {
-    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
-import { useEffect as useEffect9, useRef as useRef3 } from "react";
+import { useEffect as useEffect8, useRef as useRef3 } from "react";
 var DEFAULT_EVENTS = ["mousedown", "touchstart"];
 var useClickOutside = ({
   handler,
@@ -4927,7 +4961,7 @@ var useClickOutside = ({
   refs
 }) => {
   const ref = useRef3(null);
-  useEffect9(() => {
+  useEffect8(() => {
     const listener = (event) => {
       const { target } = event;
       if (refs && refs?.length > 0 && refs?.some((r) => r.current?.contains(target))) {
@@ -4949,10 +4983,10 @@ var useClickOutside = ({
 };
 
 // src/hooks/utils/use-debounce.ts
-import { useEffect as useEffect10, useState as useState7 } from "react";
+import { useEffect as useEffect9, useState as useState7 } from "react";
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState7(value);
-  useEffect10(() => {
+  useEffect9(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -4967,11 +5001,6 @@ function useDebounce(value, delay) {
 __reExport(hooks_exports, hooks_star);
 import * as hooks_star from "@fctc/interface-logic/hooks";
 
-// src/store.ts
-var store_exports = {};
-__reExport(store_exports, store_star);
-import * as store_star from "@fctc/interface-logic/store";
-
 // src/provider.ts
 var provider_exports = {};
 __reExport(provider_exports, provider_star);
@@ -5030,18 +5059,18 @@ var many2oneFieldController = (props) => {
     queryKey,
     enabled: false
   });
-  const selectOptions = useMemo8(() => {
+  const selectOptions = useMemo9(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name
     })) || [];
   }, [dataOfSelection]);
-  useEffect11(() => {
+  useEffect10(() => {
     setOptions(selectOptions);
     setDomainModal(domainObject);
     if (relation === "student.subject") (0, store_exports.setListSubject)(selectOptions);
   }, [selectOptions]);
-  useEffect11(() => {
+  useEffect10(() => {
     setDomainObject(
       (0, utils_exports.evalJSONDomain)(
         domain,
@@ -5049,7 +5078,7 @@ var many2oneFieldController = (props) => {
       )
     );
   }, [domain, formValues]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!propValue && tempSelectedOption) {
       methods.setValue(name, null);
       setTempSelectedOption(null);
@@ -5060,10 +5089,10 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  const fetchMoreOptions = useCallback3(() => {
+  const fetchMoreOptions = useCallback2(() => {
     refetch();
   }, [refetch]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (debouncedInputValue) {
       const filteredDomain = [...domainObject ?? []]?.filter(
         (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
@@ -5078,7 +5107,7 @@ var many2oneFieldController = (props) => {
       }, 50);
     }
   }, [debouncedInputValue]);
-  const handleChooseRecord = useCallback3(
+  const handleChooseRecord = useCallback2(
     (idRecord) => {
       const newOption = options.find(
         (option) => option.value === idRecord
@@ -5103,8 +5132,8 @@ var many2oneFieldController = (props) => {
     },
     [options, methods, name, onChange]
   );
-  const handleClose = useCallback3(() => setIsShowModalMany2Many(false), []);
-  const handleSelectChange = useCallback3(
+  const handleClose = useCallback2(() => setIsShowModalMany2Many(false), []);
+  const handleSelectChange = useCallback2(
     (selectedOption) => {
       if (!selectedOption) {
         methods.setValue(name, null, { shouldDirty: true });
@@ -5178,7 +5207,7 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-import { useEffect as useEffect12, useMemo as useMemo9, useState as useState9 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo10, useState as useState9 } from "react";
 import {
   evalJSONContext as evalJSONContext4,
   evalJSONDomain as evalJSONDomain4,
@@ -5197,7 +5226,7 @@ var many2manyFieldController = (props) => {
     actionData
   } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView } = (0, provider_exports.useService)();
+  const { useGetView: useGetView2, useGetListData: useGetListData3, useGetFormView } = (0, provider_exports.useService)();
   const [order, setOrder] = useState9();
   const [page, setPage] = useState9(0);
   const [domainMany2Many, setDomainMany2Many] = useState9(null);
@@ -5215,7 +5244,7 @@ var many2manyFieldController = (props) => {
     context: contextObject
   };
   const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
-  const baseModel = useMemo9(
+  const baseModel = useMemo10(
     () => ({
       name: String(relation),
       view: viewResponse || {},
@@ -5228,13 +5257,13 @@ var many2manyFieldController = (props) => {
     [relation, viewResponse]
   );
   const initModel = (0, hooks_exports.useModel)();
-  const modelInstance = useMemo9(() => {
+  const modelInstance = useMemo10(() => {
     if (viewResponse) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewResponse]);
-  const specification = useMemo9(() => {
+  const specification = useMemo10(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
@@ -5276,8 +5305,8 @@ var many2manyFieldController = (props) => {
     isLoading,
     isFetched,
     isPlaceholderData
-  } = useGetListData2(data, queryKey, enabled);
-  useEffect12(() => {
+  } = useGetListData3(data, queryKey, enabled);
+  useEffect11(() => {
     if (viewResponse) {
       fetchData();
     }
@@ -5330,7 +5359,7 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { WIDGETAVATAR, WIDGETCOLOR } from "@fctc/interface-logic/constants";
 import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain5 } from "@fctc/interface-logic/utils";
 var many2manyTagsController = (props) => {
@@ -5346,7 +5375,7 @@ var many2manyTagsController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
   const { useGetSelection: useGetSelection2 } = (0, provider_exports.useService)();
   const addtionalFields = optionsFields ? evalJSONContext5(optionsFields) : null;
-  const domainObject = useMemo10(
+  const domainObject = useMemo11(
     () => evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
@@ -5397,7 +5426,7 @@ var durationController = (props) => {
     name: "",
     fold: ""
   };
-  const { useGetListData: useGetListData2, useChangeStatus } = (0, provider_exports.useService)();
+  const { useGetListData: useGetListData3, useChangeStatus } = (0, provider_exports.useService)();
   const { env } = (0, provider_exports.useEnv)();
   const [disabled, setDisabled] = useState10(false);
   const [modelStatus, setModalStatus] = useState10(false);
@@ -5415,7 +5444,7 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = useGetListData2(
+  const { data: dataResponse } = useGetListData3(
     listDataProps,
     queryKey,
     enabled
@@ -6477,7 +6506,7 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-import { useEffect as useEffect13, useId as useId2, useRef as useRef4, useState as useState13 } from "react";
+import { useEffect as useEffect12, useId as useId2, useRef as useRef4, useState as useState13 } from "react";
 import { isBase64Image } from "@fctc/interface-logic/utils";
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
@@ -6548,14 +6577,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  useEffect13(() => {
+  useEffect12(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -6575,33 +6604,16 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-import { useAppDispatch as useAppDispatch5, setSelectedRowKeys } from "@fctc/interface-logic/store";
-import { useMemo as useMemo11, useRef as useRef5 } from "react";
+import {
+  useAppDispatch as useAppDispatch5,
+  useAppSelector as useAppSelector4,
+  selectSearch as selectSearch3,
+  setSelectedRowKeys
+} from "@fctc/interface-logic/store";
 var tableHeadController = (props) => {
-  const { typeTable, rows, tableRef, groupByList, selectedRowKeys } = props;
+  const { typeTable, rows, selectedRowKeysRef } = props;
   const appDispatch = useAppDispatch5();
-  const { rowIds: recordIds } = useGetRowIds(tableRef);
-  const selectedRowKeysRef = useRef5(recordIds);
-  const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = useMemo11(() => {
-    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 = useMemo11(() => {
-    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 = useMemo11(() => {
-    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 { groupByDomain } = useAppSelector4(selectSearch3);
   const handleCheckBoxAll = (event) => {
     if (event?.target?.checked && typeTable === "list") {
       const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
@@ -6616,7 +6628,7 @@ var tableHeadController = (props) => {
       } else {
         const sum = countSum(
           rows,
-          typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0
+          typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
         );
         const keys = Array.from({ length: sum }, (_) => void 0);
         appDispatch(setSelectedRowKeys(keys));
@@ -6629,19 +6641,22 @@ var tableHeadController = (props) => {
     }
   };
   return {
-    handleCheckBoxAll,
-    checkedAll,
-    selectedRowKeysRef
+    handleCheckBoxAll
   };
 };
 
 // src/widget/advance/table/table-view/controller.ts
-import { useEffect as useEffect14, useState as useState14 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo12, useRef as useRef5, useState as useState14 } from "react";
+import {
+  useAppSelector as useAppSelector5,
+  selectSearch as selectSearch4,
+  selectList as selectList3
+} from "@fctc/interface-logic/store";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
-  const [rows, setRows] = useState14(null);
-  const [columns, setColumns] = useState14(null);
-  const dataModelFields = data?.fields?.map((field) => {
+  const [rows, setRows] = useState14(data.records || []);
+  const [columns, setColumns] = useState14([]);
+  const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
       ...field,
@@ -6668,8 +6683,8 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  useEffect14(() => {
-    setRows(transformData(data.records));
+  useEffect13(() => {
+    setRows(transformData(data.records || null));
   }, [data.records]);
   const handleGetColumns = () => {
     let cols = [];
@@ -6689,11 +6704,10 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  useEffect14(() => {
-    if (!columns) {
-      setColumns(handleGetColumns());
-    }
-  }, [data]);
+  useEffect13(() => {
+    const columns2 = handleGetColumns();
+    setColumns(columns2);
+  }, [data.records]);
   const onToggleColumnOptional = (item) => {
     const tempColumn = [...columns]?.map((val) => {
       if (item?.name === val?.name) {
@@ -6706,14 +6720,6 @@ var tableController = ({ data }) => {
     });
     setColumns(tempColumn);
   };
-  useEffect14(() => {
-    setRows(null);
-    setColumns(null);
-    return () => {
-      setRows(null);
-      setColumns(null);
-    };
-  }, [data?.fields]);
   return {
     rows,
     columns,
@@ -6723,35 +6729,57 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect15, useMemo as useMemo12, useState as useState15 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo13, useState as useState15 } from "react";
 import {
-  useAppSelector as useAppSelector3,
-  selectList as selectList2
+  useOdooDataTransform,
+  useGetListData as useGetListData2
+} from "@fctc/interface-logic/hooks";
+import {
+  useAppSelector as useAppSelector6,
+  selectSearch as selectSearch5,
+  selectList as selectList4,
+  useAppDispatch as useAppDispatch6,
+  setSelectedRowKeys as setSelectedRowKeys2
 } from "@fctc/interface-logic/store";
+
+// src/environment.ts
+var environment_exports = {};
+__reExport(environment_exports, environment_star);
+import * as environment_star from "@fctc/interface-logic/environment";
+
+// src/widget/advance/table/table-group/controller.ts
 var tableGroupController = (props) => {
-  const { env } = (0, provider_exports.useEnv)();
-  const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
+  const env = (0, environment_exports.getEnv)();
   const {
+    rows,
     columns,
+    indexRow,
     row,
     model,
     viewData,
+    renderField,
     level,
     specification,
+    domain,
     context,
     checkedAll,
-    groupByList,
-    setSelectedRowKeys: setSelectedRowKeys3
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef
   } = props;
   const [pageGroup, setPageGroup] = useState15(0);
-  const { selectedRowKeys } = useAppSelector3(selectList2);
+  const { groupByDomain, selectedTags } = useAppSelector6(selectSearch5);
+  const { selectedRowKeys } = useAppSelector6(selectList4);
+  const appDispatch = useAppDispatch6();
+  const { toDataJS } = useOdooDataTransform();
+  const initVal = toDataJS(row, viewData, model);
   const [isShowGroup, setIsShowGroup] = useState15(false);
   const [colEmptyGroup, setColEmptyGroup] = useState15({
     fromStart: 1,
     fromEnd: 1
   });
-  const domain = row?.__domain;
-  const processedData = useMemo12(() => {
+  const processedData = useMemo13(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -6766,7 +6794,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = useMemo12(() => {
+  const shouldFetchData = useMemo13(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -6776,21 +6804,21 @@ var tableGroupController = (props) => {
     domain,
     context,
     offset: pageGroup * 10,
-    fields: groupByList?.fields,
-    groupby: [groupByList?.contexts[level]?.group_by]
+    fields: groupByDomain?.fields,
+    groupby: [groupByDomain?.contexts[level]?.group_by]
   };
   const queryKey = [
-    `data-${model}-level_${level}-row-${row?.id}`,
+    `data-${model}--${level}-row${indexRow}`,
     specification,
     domain,
     pageGroup
   ];
   const {
-    data: dataGroup,
-    isFetched: isDataGroupFetched,
+    data: dataResponse,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
     isLoading,
-    isFetching,
-    isPlaceholderData: isDataPlaceHolder
+    isFetching
   } = useGetListData2(listDataProps, queryKey, enabled);
   const {
     columns: columnsGroup,
@@ -6799,21 +6827,27 @@ var tableGroupController = (props) => {
   } = tableController({
     data: {
       fields: viewData?.views?.list?.fields,
-      records: dataGroup?.records ?? dataGroup?.groups,
+      records: dataResponse?.records ?? dataResponse?.groups,
       dataModel: viewData?.models?.[model],
       context: env.context,
-      typeTable: dataGroup?.groups ? "group" : "list"
+      typeTable: dataResponse?.groups ? "group" : "list"
     }
   });
-  const group_by_field_name = groupByList?.contexts[level - 1]?.group_by;
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
+  useEffect14(() => {
+    if (isShowGroup && selectedTags?.length > 0) {
+      setIsShowGroup(false);
+    }
+  }, [selectedTags]);
+  const group_by_field_name = groupByDomain?.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 toggleShowGroup = () => setIsShowGroup((prev) => !prev);
-  const onExpandChildGroup = () => {
+  const handleExpandChildGroup = () => {
     if (isLoading || isFetching) return;
+    const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
     if (allIdsNull || typeTableGroup === "group") {
       toggleShowGroup();
       return;
@@ -6823,39 +6857,53 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      setSelectedRowKeys3(filteredIds);
-    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull) {
+      appDispatch(setSelectedRowKeys2(filteredIds));
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
-      setSelectedRowKeys3([...clonedKeys, -1]);
-      setTimeout(() => setSelectedRowKeys3(clonedKeys), 500);
+      appDispatch(setSelectedRowKeys2([...clonedKeys, -1]));
+      setTimeout(() => appDispatch(setSelectedRowKeys2(clonedKeys)), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
-      console.log("abc");
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      setSelectedRowKeys3(filteredKeys);
+      appDispatch(setSelectedRowKeys2(filteredKeys));
     }
     toggleShowGroup();
   };
-  useEffect15(() => {
-    if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+  useEffect14(() => {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    setSelectedRowKeys3([...clonedKeys, -1]);
-    setTimeout(() => setSelectedRowKeys3(clonedKeys), 500);
-  }, [isDataGroupFetched]);
+    setSelectedRowKeys2([...clonedKeys, -1]);
+    setTimeout(() => setSelectedRowKeys2(clonedKeys), 500);
+  }, [isQueryFetched]);
   return {
-    onExpandChildGroup,
+    handleExpandChildGroup,
     colEmptyGroup,
+    leftPadding,
     isShowGroup,
-    isDataGroupFetched,
-    isDataPlaceHolder,
+    isQueryFetched,
     nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
     columnsGroup,
+    indexRow,
     rowsGroup,
-    dataGroup,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef,
+    initVal,
+    dataResponse,
     pageGroup,
-    setPageGroup,
-    typeTableGroup
+    setPageGroup
   };
 };
 
@@ -6868,7 +6916,7 @@ import {
   evalJSONDomain as evalJSONDomain7,
   validateAndParseDate
 } from "@fctc/interface-logic/utils";
-import { useCallback as useCallback4, useEffect as useEffect16, useState as useState16 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect15, useState as useState16 } from "react";
 var searchController = ({
   viewData,
   model,
@@ -6929,7 +6977,7 @@ var searchController = ({
       }
     }
   };
-  useEffect16(() => {
+  useEffect15(() => {
     fetchData();
   }, [model, viewData]);
   const onChangeSearchInput = (search_string) => {
@@ -7011,7 +7059,7 @@ var searchController = ({
       return [...domain2];
     }
   };
-  const setTagSearch = useCallback4(
+  const setTagSearch = useCallback3(
     (updatedMap) => {
       if (!updatedMap) return;
       const tagsSearch = Object.entries(updatedMap).map(
@@ -7074,7 +7122,7 @@ var searchController = ({
     },
     [searchMap]
   );
-  useEffect16(() => {
+  useEffect15(() => {
     setTagSearch(searchMap);
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {