@fctc/widget-logic 1.1.9 → 1.1.10

package/dist/index.d.mts

@@ -213,4 +213,91 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
     getImageBase64WithMimeType: (base64: any) => string | null;
 };
 
-export { IInputFieldProps, ValuePropsType, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController };
+interface ITableBodyProps {
+    checkedAll: any;
+    checkboxRef: any;
+    setIsAutoSelect: any;
+    selectedRowKeys: any;
+    row: any;
+    isAutoSelect: any;
+    selectedRowKeysRef: any;
+    onClickRow: any;
+}
+
+declare const tableBodyController: (props: ITableBodyProps) => {
+    handleCheckBoxSingle: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    checked: any;
+    handleClickRow: (col: any, row: any) => void;
+};
+
+interface ITableHeadProps {
+    typeTable: string;
+    rows: any[];
+    selectedRowKeysRef: any;
+}
+
+declare const tableHeadController: (props: ITableHeadProps) => {
+    handleCheckBoxAll: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
+interface ITableProps {
+    data: {
+        fields: any[];
+        records: any[];
+        dataModel: {
+            [fieldName: string]: {
+                string?: string;
+                [key: string]: any;
+            };
+        };
+        context: any;
+        typeTable?: 'list' | 'group' | 'calendar';
+    };
+}
+interface ISelctionStateProps {
+    typeTable?: string;
+    tableRef: any;
+    rows?: any[];
+}
+
+declare const tableController: ({ data }: ITableProps) => {
+    rows: any[];
+    columns: any;
+    onToggleColumnOptional: (item: any) => void;
+    typeTable: "list" | "calendar" | "group" | undefined;
+};
+
+declare const tableGroupController: (props: any) => {
+    handleExpandChildGroup: () => void;
+    colEmptyGroup: {
+        fromStart: number;
+        fromEnd: number;
+    };
+    leftPadding: string;
+    isShowGroup: boolean;
+    isQueryFetched: boolean;
+    nameGroupWithCount: string;
+    columns: any;
+    row: any;
+    isPlaceholderData: boolean;
+    columnsGroup: any;
+    indexRow: any;
+    rowsGroup: any[];
+    model: any;
+    viewData: any;
+    renderField: any;
+    level: any;
+    specification: any;
+    context: any;
+    checkedAll: any;
+    isDisplayCheckbox: any;
+    isAutoSelect: any;
+    setIsAutoSelect: any;
+    selectedRowKeysRef: any;
+    initVal: Record<string, any>;
+    dataResponse: any;
+    pageGroup: any;
+    setPageGroup: react.Dispatch<any>;
+};
+
+export { IInputFieldProps, type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, ValuePropsType, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };

package/dist/index.d.ts

@@ -213,4 +213,91 @@ declare const binaryFieldController: (props: IInputFieldProps) => {
     getImageBase64WithMimeType: (base64: any) => string | null;
 };
 
-export { IInputFieldProps, ValuePropsType, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController };
+interface ITableBodyProps {
+    checkedAll: any;
+    checkboxRef: any;
+    setIsAutoSelect: any;
+    selectedRowKeys: any;
+    row: any;
+    isAutoSelect: any;
+    selectedRowKeysRef: any;
+    onClickRow: any;
+}
+
+declare const tableBodyController: (props: ITableBodyProps) => {
+    handleCheckBoxSingle: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    checked: any;
+    handleClickRow: (col: any, row: any) => void;
+};
+
+interface ITableHeadProps {
+    typeTable: string;
+    rows: any[];
+    selectedRowKeysRef: any;
+}
+
+declare const tableHeadController: (props: ITableHeadProps) => {
+    handleCheckBoxAll: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+
+interface ITableProps {
+    data: {
+        fields: any[];
+        records: any[];
+        dataModel: {
+            [fieldName: string]: {
+                string?: string;
+                [key: string]: any;
+            };
+        };
+        context: any;
+        typeTable?: 'list' | 'group' | 'calendar';
+    };
+}
+interface ISelctionStateProps {
+    typeTable?: string;
+    tableRef: any;
+    rows?: any[];
+}
+
+declare const tableController: ({ data }: ITableProps) => {
+    rows: any[];
+    columns: any;
+    onToggleColumnOptional: (item: any) => void;
+    typeTable: "list" | "calendar" | "group" | undefined;
+};
+
+declare const tableGroupController: (props: any) => {
+    handleExpandChildGroup: () => void;
+    colEmptyGroup: {
+        fromStart: number;
+        fromEnd: number;
+    };
+    leftPadding: string;
+    isShowGroup: boolean;
+    isQueryFetched: boolean;
+    nameGroupWithCount: string;
+    columns: any;
+    row: any;
+    isPlaceholderData: boolean;
+    columnsGroup: any;
+    indexRow: any;
+    rowsGroup: any[];
+    model: any;
+    viewData: any;
+    renderField: any;
+    level: any;
+    specification: any;
+    context: any;
+    checkedAll: any;
+    isDisplayCheckbox: any;
+    isAutoSelect: any;
+    setIsAutoSelect: any;
+    selectedRowKeysRef: any;
+    initVal: Record<string, any>;
+    dataResponse: any;
+    pageGroup: any;
+    setPageGroup: react.Dispatch<any>;
+};
+
+export { IInputFieldProps, type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, ValuePropsType, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };

package/dist/index.js

@@ -4063,6 +4063,10 @@ __export(index_exports, {
   priorityFieldController: () => priorityFieldController,
   setStorageItemAsync: () => setStorageItemAsync,
   statusDropdownController: () => statusDropdownController,
+  tableBodyController: () => tableBodyController,
+  tableController: () => tableController,
+  tableGroupController: () => tableGroupController,
+  tableHeadController: () => tableHeadController,
   useAppProvider: () => useAppProvider,
   useAuth: () => useAuth,
   useCallAction: () => useCallAction,
@@ -5404,7 +5408,7 @@ var many2manyFieldController = (props) => {
     tab,
     model,
     aid,
-    setSelectedRowKeys,
+    setSelectedRowKeys: setSelectedRowKeys4,
     fields,
     setFields,
     groupByDomain,
@@ -5516,7 +5520,7 @@ var many2manyFieldController = (props) => {
         [`${aid}_${relation}_popupmany2many`]: null
       }));
       appDispatch((0, import_interface_logic19.setPage)(0));
-      setSelectedRowKeys([]);
+      setSelectedRowKeys4([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
@@ -6296,6 +6300,272 @@ var binaryFieldController = (props) => {
     getImageBase64WithMimeType
   };
 };
+
+// src/widget/advance/table/table-body/controller.ts
+var import_interface_logic27 = require("@fctc/interface-logic");
+var import_react28 = require("react");
+var tableBodyController = (props) => {
+  const {
+    checkedAll,
+    checkboxRef,
+    setIsAutoSelect,
+    selectedRowKeys,
+    row,
+    isAutoSelect,
+    selectedRowKeysRef,
+    onClickRow
+  } = props;
+  const appDispatch = (0, import_interface_logic27.useAppDispatch)();
+  const checked = (0, import_react28.useMemo)(() => {
+    if (!row?.id) return false;
+    if (selectedRowKeys?.includes(row.id)) {
+      return true;
+    }
+    return checkedAll;
+  }, [row?.id, selectedRowKeys, checkedAll]);
+  const handleCheckBoxSingle = (event) => {
+    event.stopPropagation();
+    if (checkedAll) {
+      checkboxRef.current = "uncheck";
+      setIsAutoSelect(true);
+      return;
+    }
+    const newSelectedRowKeys = selectedRowKeys?.includes(row.id) ? selectedRowKeys?.filter((key) => key !== row.id) : [...selectedRowKeys, row.id];
+    console.log("newSelectedRowKeys", newSelectedRowKeys);
+    appDispatch((0, import_interface_logic27.setSelectedRowKeys)(newSelectedRowKeys));
+  };
+  const handleClickRow = (col, row2) => {
+    onClickRow(col, row2);
+  };
+  (0, import_react28.useEffect)(() => {
+    if (!row?.id) return;
+    if (isAutoSelect) {
+      if (checkboxRef?.current === "uncheck") {
+        const filtered = selectedRowKeysRef.current.filter(
+          (id) => id !== row.id
+        );
+        selectedRowKeysRef.current = filtered;
+        appDispatch((0, import_interface_logic27.setSelectedRowKeys)(filtered));
+      } else {
+        const unique = Array.from(
+          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
+        );
+        selectedRowKeysRef.current = unique;
+        appDispatch((0, import_interface_logic27.setSelectedRowKeys)(unique));
+      }
+    }
+  }, [isAutoSelect]);
+  (0, import_react28.useEffect)(() => {
+    if (!checkedAll) {
+      checkboxRef.current = "enabled";
+      false;
+    }
+  }, [checkedAll]);
+  return {
+    handleCheckBoxSingle,
+    checked,
+    handleClickRow
+  };
+};
+
+// src/widget/advance/table/table-head/controller.ts
+var import_interface_logic28 = require("@fctc/interface-logic");
+var tableHeadController = (props) => {
+  const { typeTable, rows, selectedRowKeysRef } = props;
+  const appDispatch = (0, import_interface_logic28.useAppDispatch)();
+  const { groupByDomain } = (0, import_interface_logic28.useAppSelector)(import_interface_logic28.selectSearch);
+  const handleCheckBoxAll = (event) => {
+    if (event?.target?.checked && typeTable === "list") {
+      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
+      appDispatch((0, import_interface_logic28.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_interface_logic28.setSelectedRowKeys)(ids));
+      } else {
+        const sum = countSum(
+          rows,
+          typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
+        );
+        const keys = Array.from({ length: sum }, (_) => void 0);
+        appDispatch((0, import_interface_logic28.setSelectedRowKeys)(keys));
+      }
+      if (selectedRowKeysRef) {
+        selectedRowKeysRef.current = [];
+      }
+    } else {
+      appDispatch((0, import_interface_logic28.setSelectedRowKeys)([]));
+    }
+  };
+  return {
+    handleCheckBoxAll
+  };
+};
+
+// src/widget/advance/table/table-group/controller.ts
+var import_interface_logic29 = require("@fctc/interface-logic");
+var import_react29 = require("react");
+var tableGroupController = (props) => {
+  const env = (0, import_interface_logic29.getEnv)();
+  const {
+    rows,
+    columns,
+    indexRow,
+    row,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    domain,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef
+  } = props;
+  const [pageGroup, setPageGroup] = (0, import_react29.useState)(0);
+  const { groupByDomain, selectedTags } = (0, import_interface_logic29.useAppSelector)(import_interface_logic29.selectSearch);
+  const { selectedRowKeys } = (0, import_interface_logic29.useAppSelector)(import_interface_logic29.selectList);
+  const appDispatch = (0, import_interface_logic29.useAppDispatch)();
+  const { toDataJS } = (0, import_interface_logic29.useOdooDataTransform)();
+  const initVal = toDataJS(row, viewData, model);
+  const [isShowGroup, setIsShowGroup] = (0, import_react29.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react29.useState)({
+    fromStart: 1,
+    fromEnd: 1
+  });
+  const processedData = (0, import_react29.useMemo)(() => {
+    const calculateColSpanEmpty = () => {
+      const startIndex = columns.findIndex(
+        (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
+      );
+      const endIndex = columns.findLastIndex(
+        (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator !== "sum"
+      );
+      const fromStart = startIndex === -1 ? columns.length : startIndex;
+      const fromEnd = endIndex === -1 ? columns.length : columns.length - 1 - endIndex;
+      setColEmptyGroup({ fromStart: fromStart + 1, fromEnd: fromEnd + 1 });
+      return { fromStart: fromStart + 1, fromEnd: fromEnd + 1 };
+    };
+    return calculateColSpanEmpty();
+  }, [columns, row]);
+  const shouldFetchData = (0, import_react29.useMemo)(() => {
+    return !!isShowGroup;
+  }, [isShowGroup]);
+  const enabled = shouldFetchData && !!processedData;
+  const listDataProps = {
+    model,
+    specification,
+    domain,
+    context,
+    offset: pageGroup * 10,
+    fields: groupByDomain?.fields,
+    groupby: [groupByDomain?.contexts[level]?.group_by]
+  };
+  const queryKey = [
+    `data-${model}--${level}-row${indexRow}`,
+    specification,
+    domain,
+    pageGroup
+  ];
+  const {
+    data: dataResponse,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
+    isLoading,
+    isFetching
+  } = (0, import_interface_logic29.useGetListData)(listDataProps, queryKey, enabled);
+  const {
+    columns: columnsGroup,
+    rows: rowsGroup,
+    typeTable: typeTableGroup
+  } = tableController({
+    data: {
+      fields: viewData?.views?.list?.fields,
+      records: dataResponse?.records ?? dataResponse?.groups,
+      dataModel: viewData?.models?.[model],
+      context: env.context,
+      typeTable: dataResponse?.groups ? "group" : "list"
+    }
+  });
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
+  (0, import_react29.useEffect)(() => {
+    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 handleExpandChildGroup = () => {
+    if (isLoading || isFetching) return;
+    const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
+    if (allIdsNull || typeTableGroup === "group") {
+      toggleShowGroup();
+      return;
+    }
+    if (isShowGroup && checkedAll) {
+      const ids = rowsGroup?.map((item) => item?.id) || [];
+      const filteredIds = selectedRowKeys.filter(
+        (id) => !ids.includes(id)
+      );
+      appDispatch((0, import_interface_logic29.setSelectedRowKeys)(filteredIds));
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
+      const clonedKeys = [...selectedRowKeys];
+      appDispatch((0, import_interface_logic29.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_interface_logic29.setSelectedRowKeys)(clonedKeys)), 500);
+    } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
+      const filteredKeys = selectedRowKeys.filter((id) => id > -1);
+      appDispatch((0, import_interface_logic29.setSelectedRowKeys)(filteredKeys));
+    }
+    toggleShowGroup();
+  };
+  (0, import_react29.useEffect)(() => {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+      return;
+    }
+    const clonedKeys = [...selectedRowKeys];
+    (0, import_interface_logic29.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_interface_logic29.setSelectedRowKeys)(clonedKeys), 500);
+  }, [isQueryFetched]);
+  return {
+    handleExpandChildGroup,
+    colEmptyGroup,
+    leftPadding,
+    isShowGroup,
+    isQueryFetched,
+    nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
+    columnsGroup,
+    indexRow,
+    rowsGroup,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef,
+    initVal,
+    dataResponse,
+    pageGroup,
+    setPageGroup
+  };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   API_APP_URL,
@@ -6327,6 +6597,10 @@ var binaryFieldController = (props) => {
   priorityFieldController,
   setStorageItemAsync,
   statusDropdownController,
+  tableBodyController,
+  tableController,
+  tableGroupController,
+  tableHeadController,
   useAppProvider,
   useAuth,
   useCallAction,

package/dist/index.mjs

@@ -5416,7 +5416,7 @@ var many2manyFieldController = (props) => {
     tab,
     model,
     aid,
-    setSelectedRowKeys,
+    setSelectedRowKeys: setSelectedRowKeys4,
     fields,
     setFields,
     groupByDomain,
@@ -5528,7 +5528,7 @@ var many2manyFieldController = (props) => {
         [`${aid}_${relation}_popupmany2many`]: null
       }));
       appDispatch(setPage(0));
-      setSelectedRowKeys([]);
+      setSelectedRowKeys4([]);
       setDomainMany2Many(null);
       setIsLoadedData(false);
     };
@@ -6321,6 +6321,286 @@ var binaryFieldController = (props) => {
     getImageBase64WithMimeType
   };
 };
+
+// src/widget/advance/table/table-body/controller.ts
+import { setSelectedRowKeys, useAppDispatch as useAppDispatch6 } from "@fctc/interface-logic";
+import { useEffect as useEffect15, useMemo as useMemo12 } from "react";
+var tableBodyController = (props) => {
+  const {
+    checkedAll,
+    checkboxRef,
+    setIsAutoSelect,
+    selectedRowKeys,
+    row,
+    isAutoSelect,
+    selectedRowKeysRef,
+    onClickRow
+  } = props;
+  const appDispatch = useAppDispatch6();
+  const checked = useMemo12(() => {
+    if (!row?.id) return false;
+    if (selectedRowKeys?.includes(row.id)) {
+      return true;
+    }
+    return checkedAll;
+  }, [row?.id, selectedRowKeys, checkedAll]);
+  const handleCheckBoxSingle = (event) => {
+    event.stopPropagation();
+    if (checkedAll) {
+      checkboxRef.current = "uncheck";
+      setIsAutoSelect(true);
+      return;
+    }
+    const newSelectedRowKeys = selectedRowKeys?.includes(row.id) ? selectedRowKeys?.filter((key) => key !== row.id) : [...selectedRowKeys, row.id];
+    console.log("newSelectedRowKeys", newSelectedRowKeys);
+    appDispatch(setSelectedRowKeys(newSelectedRowKeys));
+  };
+  const handleClickRow = (col, row2) => {
+    onClickRow(col, row2);
+  };
+  useEffect15(() => {
+    if (!row?.id) return;
+    if (isAutoSelect) {
+      if (checkboxRef?.current === "uncheck") {
+        const filtered = selectedRowKeysRef.current.filter(
+          (id) => id !== row.id
+        );
+        selectedRowKeysRef.current = filtered;
+        appDispatch(setSelectedRowKeys(filtered));
+      } else {
+        const unique = Array.from(
+          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
+        );
+        selectedRowKeysRef.current = unique;
+        appDispatch(setSelectedRowKeys(unique));
+      }
+    }
+  }, [isAutoSelect]);
+  useEffect15(() => {
+    if (!checkedAll) {
+      checkboxRef.current = "enabled";
+      false;
+    }
+  }, [checkedAll]);
+  return {
+    handleCheckBoxSingle,
+    checked,
+    handleClickRow
+  };
+};
+
+// src/widget/advance/table/table-head/controller.ts
+import {
+  selectSearch as selectSearch4,
+  setSelectedRowKeys as setSelectedRowKeys2,
+  useAppDispatch as useAppDispatch7,
+  useAppSelector as useAppSelector7
+} from "@fctc/interface-logic";
+var tableHeadController = (props) => {
+  const { typeTable, rows, selectedRowKeysRef } = props;
+  const appDispatch = useAppDispatch7();
+  const { groupByDomain } = useAppSelector7(selectSearch4);
+  const handleCheckBoxAll = (event) => {
+    if (event?.target?.checked && typeTable === "list") {
+      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
+      appDispatch(setSelectedRowKeys2(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(setSelectedRowKeys2(ids));
+      } else {
+        const sum = countSum(
+          rows,
+          typeof groupByDomain === "object" ? groupByDomain?.contexts?.[0]?.group_by : void 0
+        );
+        const keys = Array.from({ length: sum }, (_) => void 0);
+        appDispatch(setSelectedRowKeys2(keys));
+      }
+      if (selectedRowKeysRef) {
+        selectedRowKeysRef.current = [];
+      }
+    } else {
+      appDispatch(setSelectedRowKeys2([]));
+    }
+  };
+  return {
+    handleCheckBoxAll
+  };
+};
+
+// src/widget/advance/table/table-group/controller.ts
+import {
+  getEnv as getEnv11,
+  selectList as selectList3,
+  selectSearch as selectSearch5,
+  setSelectedRowKeys as setSelectedRowKeys3,
+  useAppDispatch as useAppDispatch8,
+  useAppSelector as useAppSelector8,
+  useGetListData as useGetListData4,
+  useOdooDataTransform
+} from "@fctc/interface-logic";
+import { useEffect as useEffect16, useMemo as useMemo13, useState as useState16 } from "react";
+var tableGroupController = (props) => {
+  const env = getEnv11();
+  const {
+    rows,
+    columns,
+    indexRow,
+    row,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    domain,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef
+  } = props;
+  const [pageGroup, setPageGroup] = useState16(0);
+  const { groupByDomain, selectedTags } = useAppSelector8(selectSearch5);
+  const { selectedRowKeys } = useAppSelector8(selectList3);
+  const appDispatch = useAppDispatch8();
+  const { toDataJS } = useOdooDataTransform();
+  const initVal = toDataJS(row, viewData, model);
+  const [isShowGroup, setIsShowGroup] = useState16(false);
+  const [colEmptyGroup, setColEmptyGroup] = useState16({
+    fromStart: 1,
+    fromEnd: 1
+  });
+  const processedData = useMemo13(() => {
+    const calculateColSpanEmpty = () => {
+      const startIndex = columns.findIndex(
+        (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
+      );
+      const endIndex = columns.findLastIndex(
+        (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator !== "sum"
+      );
+      const fromStart = startIndex === -1 ? columns.length : startIndex;
+      const fromEnd = endIndex === -1 ? columns.length : columns.length - 1 - endIndex;
+      setColEmptyGroup({ fromStart: fromStart + 1, fromEnd: fromEnd + 1 });
+      return { fromStart: fromStart + 1, fromEnd: fromEnd + 1 };
+    };
+    return calculateColSpanEmpty();
+  }, [columns, row]);
+  const shouldFetchData = useMemo13(() => {
+    return !!isShowGroup;
+  }, [isShowGroup]);
+  const enabled = shouldFetchData && !!processedData;
+  const listDataProps = {
+    model,
+    specification,
+    domain,
+    context,
+    offset: pageGroup * 10,
+    fields: groupByDomain?.fields,
+    groupby: [groupByDomain?.contexts[level]?.group_by]
+  };
+  const queryKey = [
+    `data-${model}--${level}-row${indexRow}`,
+    specification,
+    domain,
+    pageGroup
+  ];
+  const {
+    data: dataResponse,
+    isFetched: isQueryFetched,
+    isPlaceholderData,
+    isLoading,
+    isFetching
+  } = useGetListData4(listDataProps, queryKey, enabled);
+  const {
+    columns: columnsGroup,
+    rows: rowsGroup,
+    typeTable: typeTableGroup
+  } = tableController({
+    data: {
+      fields: viewData?.views?.list?.fields,
+      records: dataResponse?.records ?? dataResponse?.groups,
+      dataModel: viewData?.models?.[model],
+      context: env.context,
+      typeTable: dataResponse?.groups ? "group" : "list"
+    }
+  });
+  const leftPadding = level > 1 ? level * 8 + "px" : "0px";
+  useEffect16(() => {
+    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 handleExpandChildGroup = () => {
+    if (isLoading || isFetching) return;
+    const toggleShowGroup = () => setIsShowGroup((prev) => !prev);
+    if (allIdsNull || typeTableGroup === "group") {
+      toggleShowGroup();
+      return;
+    }
+    if (isShowGroup && checkedAll) {
+      const ids = rowsGroup?.map((item) => item?.id) || [];
+      const filteredIds = selectedRowKeys.filter(
+        (id) => !ids.includes(id)
+      );
+      appDispatch(setSelectedRowKeys3(filteredIds));
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
+      const clonedKeys = [...selectedRowKeys];
+      appDispatch(setSelectedRowKeys3([...clonedKeys, -1]));
+      setTimeout(() => appDispatch(setSelectedRowKeys3(clonedKeys)), 500);
+    } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
+      const filteredKeys = selectedRowKeys.filter((id) => id > -1);
+      appDispatch(setSelectedRowKeys3(filteredKeys));
+    }
+    toggleShowGroup();
+  };
+  useEffect16(() => {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+      return;
+    }
+    const clonedKeys = [...selectedRowKeys];
+    setSelectedRowKeys3([...clonedKeys, -1]);
+    setTimeout(() => setSelectedRowKeys3(clonedKeys), 500);
+  }, [isQueryFetched]);
+  return {
+    handleExpandChildGroup,
+    colEmptyGroup,
+    leftPadding,
+    isShowGroup,
+    isQueryFetched,
+    nameGroupWithCount,
+    columns,
+    row,
+    isPlaceholderData,
+    columnsGroup,
+    indexRow,
+    rowsGroup,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef,
+    initVal,
+    dataResponse,
+    pageGroup,
+    setPageGroup
+  };
+};
 export {
   API_APP_URL,
   API_PRESCHOOL_URL,
@@ -6351,6 +6631,10 @@ export {
   priorityFieldController,
   setStorageItemAsync,
   statusDropdownController,
+  tableBodyController,
+  tableController,
+  tableGroupController,
+  tableHeadController,
   useAppProvider,
   useAuth,
   useCallAction,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/widget-logic",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",