@fctc/widget-logic 1.1.8 → 1.1.10

package/dist/index.d.mts

@@ -3,9 +3,6 @@ export { CloseIcon, EyeIcon, LoadingIcon } from './icons.mjs';
 import { IInputFieldProps, ValuePropsType } from './types.mjs';
 import * as react from 'react';
 import { ChangeEvent } from 'react';
-import day from 'react-datepicker/dist/day';
-import month from 'react-datepicker/dist/month';
-import year from 'react-datepicker/dist/year';
 import moment from 'moment';
 export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useStorageState } from './utils.mjs';
 import '@tanstack/react-query';
@@ -187,9 +184,6 @@ declare const dateFieldController: (props: IDateFieldProps) => {
     customValidateMinMax: (date: any) => string | false;
     minNowValue: boolean | moment.Moment | null;
     maxNowValue: boolean | moment.Moment | null;
-    year: typeof year;
-    month: typeof month;
-    day: typeof day;
 };
 
 declare const copyLinkButtonController: (props: IInputFieldProps) => {
@@ -219,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

@@ -3,9 +3,6 @@ export { CloseIcon, EyeIcon, LoadingIcon } from './icons.js';
 import { IInputFieldProps, ValuePropsType } from './types.js';
 import * as react from 'react';
 import { ChangeEvent } from 'react';
-import day from 'react-datepicker/dist/day';
-import month from 'react-datepicker/dist/month';
-import year from 'react-datepicker/dist/year';
 import moment from 'moment';
 export { API_APP_URL, API_PRESCHOOL_URL, STORAGES, combineContexts, convertFieldsToArray, countSum, getDateRange, languages, mergeButtons, setStorageItemAsync, useGetRowIds, useStorageState } from './utils.js';
 import '@tanstack/react-query';
@@ -187,9 +184,6 @@ declare const dateFieldController: (props: IDateFieldProps) => {
     customValidateMinMax: (date: any) => string | false;
     minNowValue: boolean | moment.Moment | null;
     maxNowValue: boolean | moment.Moment | null;
-    year: typeof year;
-    month: typeof month;
-    day: typeof day;
 };
 
 declare const copyLinkButtonController: (props: IInputFieldProps) => {
@@ -219,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

@@ -641,8 +641,8 @@ var require_moment = __commonJS({
           tokens[token2](input, config._a, config, token2);
         }
       }
-      function isLeapYear(year2) {
-        return year2 % 4 === 0 && year2 % 100 !== 0 || year2 % 400 === 0;
+      function isLeapYear(year) {
+        return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
       }
       var YEAR = 0, MONTH = 1, DATE = 2, HOUR = 3, MINUTE = 4, SECOND = 5, MILLISECOND = 6, WEEK = 7, WEEKDAY = 8;
       addFormatToken("Y", 0, 0, function() {
@@ -670,8 +670,8 @@ var require_moment = __commonJS({
       addParseToken("Y", function(input, array) {
         array[YEAR] = parseInt(input, 10);
       });
-      function daysInYear(year2) {
-        return isLeapYear(year2) ? 366 : 365;
+      function daysInYear(year) {
+        return isLeapYear(year) ? 366 : 365;
       }
       hooks.parseTwoDigitYear = function(input) {
         return toInt(input) + (toInt(input) > 68 ? 1900 : 2e3);
@@ -718,7 +718,7 @@ var require_moment = __commonJS({
         }
       }
       function set$1(mom, unit, value) {
-        var d, isUTC, year2, month2, date;
+        var d, isUTC, year, month, date;
         if (!mom.isValid() || isNaN(value)) {
           return;
         }
@@ -745,11 +745,11 @@ var require_moment = __commonJS({
           default:
             return;
         }
-        year2 = value;
-        month2 = mom.month();
+        year = value;
+        month = mom.month();
         date = mom.date();
-        date = date === 29 && month2 === 1 && !isLeapYear(year2) ? 28 : date;
-        void (isUTC ? d.setUTCFullYear(year2, month2, date) : d.setFullYear(year2, month2, date));
+        date = date === 29 && month === 1 && !isLeapYear(year) ? 28 : date;
+        void (isUTC ? d.setUTCFullYear(year, month, date) : d.setFullYear(year, month, date));
       }
       function stringGet(units) {
         units = normalizeUnits(units);
@@ -790,13 +790,13 @@ var require_moment = __commonJS({
           return -1;
         };
       }
-      function daysInMonth(year2, month2) {
-        if (isNaN(year2) || isNaN(month2)) {
+      function daysInMonth(year, month) {
+        if (isNaN(year) || isNaN(month)) {
           return NaN;
         }
-        var modMonth = mod(month2, 12);
-        year2 += (month2 - modMonth) / 12;
-        return modMonth === 1 ? isLeapYear(year2) ? 29 : 28 : 31 - modMonth % 7 % 2;
+        var modMonth = mod(month, 12);
+        year += (month - modMonth) / 12;
+        return modMonth === 1 ? isLeapYear(year) ? 29 : 28 : 31 - modMonth % 7 % 2;
       }
       addFormatToken("M", ["MM", 2], "Mo", function() {
         return this.month() + 1;
@@ -819,9 +819,9 @@ var require_moment = __commonJS({
         array[MONTH] = toInt(input) - 1;
       });
       addParseToken(["MMM", "MMMM"], function(input, array, config, token2) {
-        var month2 = config._locale.monthsParse(input, token2, config._strict);
-        if (month2 != null) {
-          array[MONTH] = month2;
+        var month = config._locale.monthsParse(input, token2, config._strict);
+        if (month != null) {
+          array[MONTH] = month;
         } else {
           getParsingFlags(config).invalidMonth = input;
         }
@@ -931,9 +931,9 @@ var require_moment = __commonJS({
             }
           }
         }
-        var month2 = value, date = mom.date();
-        date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month2));
-        void (mom._isUTC ? mom._d.setUTCMonth(month2, date) : mom._d.setMonth(month2, date));
+        var month = value, date = mom.date();
+        date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month));
+        void (mom._isUTC ? mom._d.setUTCMonth(month, date) : mom._d.setMonth(month, date));
         return mom;
       }
       function getSetMonth(value) {
@@ -1036,20 +1036,20 @@ var require_moment = __commonJS({
         }
         return date;
       }
-      function firstWeekOffset(year2, dow, doy) {
-        var fwd = 7 + dow - doy, fwdlw = (7 + createUTCDate(year2, 0, fwd).getUTCDay() - dow) % 7;
+      function firstWeekOffset(year, dow, doy) {
+        var fwd = 7 + dow - doy, fwdlw = (7 + createUTCDate(year, 0, fwd).getUTCDay() - dow) % 7;
         return -fwdlw + fwd - 1;
       }
-      function dayOfYearFromWeeks(year2, week, weekday, dow, doy) {
-        var localWeekday = (7 + weekday - dow) % 7, weekOffset = firstWeekOffset(year2, dow, doy), dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset, resYear, resDayOfYear;
+      function dayOfYearFromWeeks(year, week, weekday, dow, doy) {
+        var localWeekday = (7 + weekday - dow) % 7, weekOffset = firstWeekOffset(year, dow, doy), dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset, resYear, resDayOfYear;
         if (dayOfYear <= 0) {
-          resYear = year2 - 1;
+          resYear = year - 1;
           resDayOfYear = daysInYear(resYear) + dayOfYear;
-        } else if (dayOfYear > daysInYear(year2)) {
-          resYear = year2 + 1;
-          resDayOfYear = dayOfYear - daysInYear(year2);
+        } else if (dayOfYear > daysInYear(year)) {
+          resYear = year + 1;
+          resDayOfYear = dayOfYear - daysInYear(year);
         } else {
-          resYear = year2;
+          resYear = year;
           resDayOfYear = dayOfYear;
         }
         return {
@@ -1074,9 +1074,9 @@ var require_moment = __commonJS({
           year: resYear
         };
       }
-      function weeksInYear(year2, dow, doy) {
-        var weekOffset = firstWeekOffset(year2, dow, doy), weekOffsetNext = firstWeekOffset(year2 + 1, dow, doy);
-        return (daysInYear(year2) - weekOffset + weekOffsetNext) / 7;
+      function weeksInYear(year, dow, doy) {
+        var weekOffset = firstWeekOffset(year, dow, doy), weekOffsetNext = firstWeekOffset(year + 1, dow, doy);
+        return (daysInYear(year) - weekOffset + weekOffsetNext) / 7;
       }
       addFormatToken("w", ["ww", 2], "wo", "week");
       addFormatToken("W", ["WW", 2], "Wo", "isoWeek");
@@ -1294,12 +1294,12 @@ var require_moment = __commonJS({
         if (!this.isValid()) {
           return input != null ? this : NaN;
         }
-        var day2 = get(this, "Day");
+        var day = get(this, "Day");
         if (input != null) {
           input = parseWeekday(input, this.localeData());
-          return this.add(input - day2, "d");
+          return this.add(input - day, "d");
         } else {
-          return day2;
+          return day;
         }
       }
       function getSetLocaleDayOfWeek(input) {
@@ -1796,13 +1796,13 @@ var require_moment = __commonJS({
         return result;
       }
       function untruncateYear(yearStr) {
-        var year2 = parseInt(yearStr, 10);
-        if (year2 <= 49) {
-          return 2e3 + year2;
-        } else if (year2 <= 999) {
-          return 1900 + year2;
+        var year = parseInt(yearStr, 10);
+        if (year <= 49) {
+          return 2e3 + year;
+        } else if (year <= 999) {
+          return 1900 + year;
         }
-        return year2;
+        return year;
       }
       function preprocessRFC2822(s) {
         return s.replace(/\([^()]*\)|[\n\t]/g, " ").replace(/(\s\s+)/g, " ").replace(/^\s\s*/, "").replace(/\s\s*$/, "");
@@ -2836,16 +2836,16 @@ var require_moment = __commonJS({
         if (!this.isValid()) {
           return "moment.invalid(/* " + this._i + " */)";
         }
-        var func = "moment", zone = "", prefix, year2, datetime, suffix;
+        var func = "moment", zone = "", prefix, year, datetime, suffix;
         if (!this.isLocal()) {
           func = this.utcOffset() === 0 ? "moment.utc" : "moment.parseZone";
           zone = "Z";
         }
         prefix = "[" + func + '("]';
-        year2 = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY";
+        year = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY";
         datetime = "-MM-DD[T]HH:mm:ss.SSS";
         suffix = zone + '[")]';
-        return this.format(prefix + year2 + datetime + suffix);
+        return this.format(prefix + year + datetime + suffix);
       }
       function format(inputString) {
         if (!inputString) {
@@ -3184,12 +3184,12 @@ var require_moment = __commonJS({
           }
         }
       }
-      function localeErasConvertYear(era, year2) {
+      function localeErasConvertYear(era, year) {
         var dir = era.since <= era.until ? 1 : -1;
-        if (year2 === void 0) {
+        if (year === void 0) {
           return hooks(era.since).year();
         } else {
-          return hooks(era.since).year() + (year2 - era.offset) * dir;
+          return hooks(era.since).year() + (year - era.offset) * dir;
         }
       }
       function getEraName() {
@@ -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);
     };
@@ -6037,9 +6041,6 @@ var downLoadBinaryController = (props) => {
 };
 
 // src/widget/basic/date-field/controller.ts
-var import_day = __toESM(require("react-datepicker/dist/day"));
-var import_month = __toESM(require("react-datepicker/dist/month"));
-var import_year = __toESM(require("react-datepicker/dist/year"));
 var import_moment = __toESM(require_moment());
 var DURATIONS = {
   PAST: "past",
@@ -6147,10 +6148,7 @@ var dateFieldController = (props) => {
     months_en,
     customValidateMinMax,
     minNowValue,
-    maxNowValue,
-    year: import_year.default,
-    month: import_month.default,
-    day: import_day.default
+    maxNowValue
   };
 };
 
@@ -6302,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,
@@ -6333,6 +6597,10 @@ var binaryFieldController = (props) => {
   priorityFieldController,
   setStorageItemAsync,
   statusDropdownController,
+  tableBodyController,
+  tableController,
+  tableGroupController,
+  tableHeadController,
   useAppProvider,
   useAuth,
   useCallAction,

package/dist/index.mjs

@@ -641,8 +641,8 @@ var require_moment = __commonJS({
           tokens[token2](input, config._a, config, token2);
         }
       }
-      function isLeapYear(year2) {
-        return year2 % 4 === 0 && year2 % 100 !== 0 || year2 % 400 === 0;
+      function isLeapYear(year) {
+        return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;
       }
       var YEAR = 0, MONTH = 1, DATE = 2, HOUR = 3, MINUTE = 4, SECOND = 5, MILLISECOND = 6, WEEK = 7, WEEKDAY = 8;
       addFormatToken("Y", 0, 0, function() {
@@ -670,8 +670,8 @@ var require_moment = __commonJS({
       addParseToken("Y", function(input, array) {
         array[YEAR] = parseInt(input, 10);
       });
-      function daysInYear(year2) {
-        return isLeapYear(year2) ? 366 : 365;
+      function daysInYear(year) {
+        return isLeapYear(year) ? 366 : 365;
       }
       hooks.parseTwoDigitYear = function(input) {
         return toInt(input) + (toInt(input) > 68 ? 1900 : 2e3);
@@ -718,7 +718,7 @@ var require_moment = __commonJS({
         }
       }
       function set$1(mom, unit, value) {
-        var d, isUTC, year2, month2, date;
+        var d, isUTC, year, month, date;
         if (!mom.isValid() || isNaN(value)) {
           return;
         }
@@ -745,11 +745,11 @@ var require_moment = __commonJS({
           default:
             return;
         }
-        year2 = value;
-        month2 = mom.month();
+        year = value;
+        month = mom.month();
         date = mom.date();
-        date = date === 29 && month2 === 1 && !isLeapYear(year2) ? 28 : date;
-        void (isUTC ? d.setUTCFullYear(year2, month2, date) : d.setFullYear(year2, month2, date));
+        date = date === 29 && month === 1 && !isLeapYear(year) ? 28 : date;
+        void (isUTC ? d.setUTCFullYear(year, month, date) : d.setFullYear(year, month, date));
       }
       function stringGet(units) {
         units = normalizeUnits(units);
@@ -790,13 +790,13 @@ var require_moment = __commonJS({
           return -1;
         };
       }
-      function daysInMonth(year2, month2) {
-        if (isNaN(year2) || isNaN(month2)) {
+      function daysInMonth(year, month) {
+        if (isNaN(year) || isNaN(month)) {
           return NaN;
         }
-        var modMonth = mod(month2, 12);
-        year2 += (month2 - modMonth) / 12;
-        return modMonth === 1 ? isLeapYear(year2) ? 29 : 28 : 31 - modMonth % 7 % 2;
+        var modMonth = mod(month, 12);
+        year += (month - modMonth) / 12;
+        return modMonth === 1 ? isLeapYear(year) ? 29 : 28 : 31 - modMonth % 7 % 2;
       }
       addFormatToken("M", ["MM", 2], "Mo", function() {
         return this.month() + 1;
@@ -819,9 +819,9 @@ var require_moment = __commonJS({
         array[MONTH] = toInt(input) - 1;
       });
       addParseToken(["MMM", "MMMM"], function(input, array, config, token2) {
-        var month2 = config._locale.monthsParse(input, token2, config._strict);
-        if (month2 != null) {
-          array[MONTH] = month2;
+        var month = config._locale.monthsParse(input, token2, config._strict);
+        if (month != null) {
+          array[MONTH] = month;
         } else {
           getParsingFlags(config).invalidMonth = input;
         }
@@ -931,9 +931,9 @@ var require_moment = __commonJS({
             }
           }
         }
-        var month2 = value, date = mom.date();
-        date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month2));
-        void (mom._isUTC ? mom._d.setUTCMonth(month2, date) : mom._d.setMonth(month2, date));
+        var month = value, date = mom.date();
+        date = date < 29 ? date : Math.min(date, daysInMonth(mom.year(), month));
+        void (mom._isUTC ? mom._d.setUTCMonth(month, date) : mom._d.setMonth(month, date));
         return mom;
       }
       function getSetMonth(value) {
@@ -1036,20 +1036,20 @@ var require_moment = __commonJS({
         }
         return date;
       }
-      function firstWeekOffset(year2, dow, doy) {
-        var fwd = 7 + dow - doy, fwdlw = (7 + createUTCDate(year2, 0, fwd).getUTCDay() - dow) % 7;
+      function firstWeekOffset(year, dow, doy) {
+        var fwd = 7 + dow - doy, fwdlw = (7 + createUTCDate(year, 0, fwd).getUTCDay() - dow) % 7;
         return -fwdlw + fwd - 1;
       }
-      function dayOfYearFromWeeks(year2, week, weekday, dow, doy) {
-        var localWeekday = (7 + weekday - dow) % 7, weekOffset = firstWeekOffset(year2, dow, doy), dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset, resYear, resDayOfYear;
+      function dayOfYearFromWeeks(year, week, weekday, dow, doy) {
+        var localWeekday = (7 + weekday - dow) % 7, weekOffset = firstWeekOffset(year, dow, doy), dayOfYear = 1 + 7 * (week - 1) + localWeekday + weekOffset, resYear, resDayOfYear;
         if (dayOfYear <= 0) {
-          resYear = year2 - 1;
+          resYear = year - 1;
           resDayOfYear = daysInYear(resYear) + dayOfYear;
-        } else if (dayOfYear > daysInYear(year2)) {
-          resYear = year2 + 1;
-          resDayOfYear = dayOfYear - daysInYear(year2);
+        } else if (dayOfYear > daysInYear(year)) {
+          resYear = year + 1;
+          resDayOfYear = dayOfYear - daysInYear(year);
         } else {
-          resYear = year2;
+          resYear = year;
           resDayOfYear = dayOfYear;
         }
         return {
@@ -1074,9 +1074,9 @@ var require_moment = __commonJS({
           year: resYear
         };
       }
-      function weeksInYear(year2, dow, doy) {
-        var weekOffset = firstWeekOffset(year2, dow, doy), weekOffsetNext = firstWeekOffset(year2 + 1, dow, doy);
-        return (daysInYear(year2) - weekOffset + weekOffsetNext) / 7;
+      function weeksInYear(year, dow, doy) {
+        var weekOffset = firstWeekOffset(year, dow, doy), weekOffsetNext = firstWeekOffset(year + 1, dow, doy);
+        return (daysInYear(year) - weekOffset + weekOffsetNext) / 7;
       }
       addFormatToken("w", ["ww", 2], "wo", "week");
       addFormatToken("W", ["WW", 2], "Wo", "isoWeek");
@@ -1294,12 +1294,12 @@ var require_moment = __commonJS({
         if (!this.isValid()) {
           return input != null ? this : NaN;
         }
-        var day2 = get(this, "Day");
+        var day = get(this, "Day");
         if (input != null) {
           input = parseWeekday(input, this.localeData());
-          return this.add(input - day2, "d");
+          return this.add(input - day, "d");
         } else {
-          return day2;
+          return day;
         }
       }
       function getSetLocaleDayOfWeek(input) {
@@ -1796,13 +1796,13 @@ var require_moment = __commonJS({
         return result;
       }
       function untruncateYear(yearStr) {
-        var year2 = parseInt(yearStr, 10);
-        if (year2 <= 49) {
-          return 2e3 + year2;
-        } else if (year2 <= 999) {
-          return 1900 + year2;
+        var year = parseInt(yearStr, 10);
+        if (year <= 49) {
+          return 2e3 + year;
+        } else if (year <= 999) {
+          return 1900 + year;
         }
-        return year2;
+        return year;
       }
       function preprocessRFC2822(s) {
         return s.replace(/\([^()]*\)|[\n\t]/g, " ").replace(/(\s\s+)/g, " ").replace(/^\s\s*/, "").replace(/\s\s*$/, "");
@@ -2836,16 +2836,16 @@ var require_moment = __commonJS({
         if (!this.isValid()) {
           return "moment.invalid(/* " + this._i + " */)";
         }
-        var func = "moment", zone = "", prefix, year2, datetime, suffix;
+        var func = "moment", zone = "", prefix, year, datetime, suffix;
         if (!this.isLocal()) {
           func = this.utcOffset() === 0 ? "moment.utc" : "moment.parseZone";
           zone = "Z";
         }
         prefix = "[" + func + '("]';
-        year2 = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY";
+        year = 0 <= this.year() && this.year() <= 9999 ? "YYYY" : "YYYYYY";
         datetime = "-MM-DD[T]HH:mm:ss.SSS";
         suffix = zone + '[")]';
-        return this.format(prefix + year2 + datetime + suffix);
+        return this.format(prefix + year + datetime + suffix);
       }
       function format(inputString) {
         if (!inputString) {
@@ -3184,12 +3184,12 @@ var require_moment = __commonJS({
           }
         }
       }
-      function localeErasConvertYear(era, year2) {
+      function localeErasConvertYear(era, year) {
         var dir = era.since <= era.until ? 1 : -1;
-        if (year2 === void 0) {
+        if (year === void 0) {
           return hooks(era.since).year();
         } else {
-          return hooks(era.since).year() + (year2 - era.offset) * dir;
+          return hooks(era.since).year() + (year - era.offset) * dir;
         }
       }
       function getEraName() {
@@ -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);
     };
@@ -6063,9 +6063,6 @@ var downLoadBinaryController = (props) => {
 
 // src/widget/basic/date-field/controller.ts
 var import_moment = __toESM(require_moment());
-import day from "react-datepicker/dist/day";
-import month from "react-datepicker/dist/month";
-import year from "react-datepicker/dist/year";
 var DURATIONS = {
   PAST: "past",
   NOW: "now",
@@ -6172,10 +6169,7 @@ var dateFieldController = (props) => {
     months_en,
     customValidateMinMax,
     minNowValue,
-    maxNowValue,
-    year,
-    month,
-    day
+    maxNowValue
   };
 };
 
@@ -6327,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,
@@ -6357,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.8",
+  "version": "1.1.10",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -50,7 +50,6 @@
     "@types/react-dom": "^19.1.7",
     "i18next": "^25.3.2",
     "i18next-browser-languagedetector": "^8.2.0",
-    "react-datepicker": "^8.4.0",
     "react-dom": "^19.1.1",
     "react-i18next": "^15.6.1",
     "react-tooltip": "^5.29.1"