@fctc/widget-logic 1.2.1 → 1.2.3

package/dist/index.js

@@ -4785,7 +4785,7 @@ var AppProvider = ({ children }) => {
         action,
         view
       },
-      children
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_interface_logic10.MainProvider, { children })
     }
   );
 };
@@ -5180,7 +5180,7 @@ var many2oneFieldController = (props) => {
   const queryKey = [`data_${relation}`, domainObject];
   const {
     data: dataOfSelection,
-    refetch,
+    // refetch,
     isFetching
   } = (0, import_interface_logic16.useGetSelection)({
     data,
@@ -5209,9 +5209,6 @@ var many2oneFieldController = (props) => {
       });
     }
   }, [propValue]);
-  const fetchMoreOptions = (0, import_react18.useCallback)(() => {
-    refetch();
-  }, [refetch]);
   (0, import_react18.useEffect)(() => {
     if (actionId) {
       localStorage.setItem("aid", actionId);
@@ -5268,6 +5265,12 @@ var many2oneFieldController = (props) => {
     [methods, name, onChange]
   );
   const allowShowDetail = showDetail && contextObject?.form_view_ref && (!("no_open" in optionsObject) || optionsObject?.no_open === false);
+  const fetchMoreOptions = (0, import_react18.useCallback)(() => {
+    if (typeof dataOfSelection?.refetch === "function") {
+      ;
+      dataOfSelection.refetch();
+    }
+  }, [dataOfSelection]);
   return {
     allowShowDetail,
     handleClose,
@@ -5283,7 +5286,8 @@ var many2oneFieldController = (props) => {
     setTempSelectedOption,
     setDomainModal,
     dataOfSelection,
-    refetch,
+    refetch: dataOfSelection?.refetch ?? (() => {
+    }),
     selectOptions,
     optionsObject,
     contextObject,
@@ -5318,15 +5322,119 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-var import_react20 = require("react");
-var import_interface_logic19 = require("@fctc/interface-logic");
+var import_react22 = require("react");
+var import_interface_logic22 = require("@fctc/interface-logic");
 
-// src/widget/advance/table/table-view/controller.ts
+// src/widget/advance/table/table-body/controller.ts
 var import_interface_logic18 = require("@fctc/interface-logic");
 var import_react19 = require("react");
+var tableBodyController = (props) => {
+  const {
+    checkedAll,
+    checkboxRef,
+    setIsAutoSelect,
+    selectedRowKeys,
+    row,
+    isAutoSelect,
+    selectedRowKeysRef,
+    onClickRow
+  } = props;
+  const appDispatch = (0, import_interface_logic18.useAppDispatch)();
+  const checked = (0, import_react19.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_logic18.setSelectedRowKeys)(newSelectedRowKeys));
+  };
+  const handleClickRow = (col, row2) => {
+    onClickRow(col, row2);
+  };
+  (0, import_react19.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_logic18.setSelectedRowKeys)(filtered));
+      } else {
+        const unique = Array.from(
+          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
+        );
+        selectedRowKeysRef.current = unique;
+        appDispatch((0, import_interface_logic18.setSelectedRowKeys)(unique));
+      }
+    }
+  }, [isAutoSelect]);
+  (0, import_react19.useEffect)(() => {
+    if (!checkedAll) {
+      checkboxRef.current = "enabled";
+      false;
+    }
+  }, [checkedAll]);
+  return {
+    handleCheckBoxSingle,
+    checked,
+    handleClickRow
+  };
+};
+
+// src/widget/advance/table/table-head/controller.ts
+var import_interface_logic19 = require("@fctc/interface-logic");
+var tableHeadController = (props) => {
+  const { typeTable, rows, selectedRowKeysRef } = props;
+  const appDispatch = (0, import_interface_logic19.useAppDispatch)();
+  const { groupByDomain } = (0, import_interface_logic19.useAppSelector)(import_interface_logic19.selectSearch);
+  const handleCheckBoxAll = (event) => {
+    if (event?.target?.checked && typeTable === "list") {
+      const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
+      appDispatch((0, import_interface_logic19.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_logic19.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_logic19.setSelectedRowKeys)(keys));
+      }
+      if (selectedRowKeysRef) {
+        selectedRowKeysRef.current = [];
+      }
+    } else {
+      appDispatch((0, import_interface_logic19.setSelectedRowKeys)([]));
+    }
+  };
+  return {
+    handleCheckBoxAll
+  };
+};
+
+// src/widget/advance/table/table-view/controller.ts
+var import_interface_logic20 = require("@fctc/interface-logic");
+var import_react20 = require("react");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react19.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react19.useState)([]);
+  const [rows, setRows] = (0, import_react20.useState)(data.records || []);
+  const [columns, setColumns] = (0, import_react20.useState)([]);
   const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -5354,14 +5462,14 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     setRows(transformData(data.records || null));
   }, [data.records]);
   const handleGetColumns = () => {
     let cols = [];
     try {
       cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic18.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic18.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_interface_logic20.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_interface_logic20.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -5375,7 +5483,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -5399,453 +5507,14 @@ var tableController = ({ data }) => {
   };
 };
 
-// src/widget/basic/many2many-field/controller.ts
-var many2manyFieldController = (props) => {
-  const {
-    relation,
-    domain,
-    context,
-    tab,
-    model,
-    aid,
-    setSelectedRowKeys: setSelectedRowKeys4,
-    fields,
-    setFields,
-    groupByDomain,
-    page,
-    options,
-    sessionStorageUtils
-  } = props;
-  const appDispatch = (0, import_interface_logic19.useAppDispatch)();
-  const actionData = sessionStorageUtils.getActionData();
-  const [debouncedPage] = useDebounce(page, 500);
-  const [order, setOrder] = (0, import_react20.useState)();
-  const [isLoadedData, setIsLoadedData] = (0, import_react20.useState)(false);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react20.useState)(domain);
-  const env = (0, import_interface_logic19.getEnv)();
-  const { selectedTags } = (0, import_interface_logic19.useAppSelector)(import_interface_logic19.selectSearch);
-  const viewParams = {
-    model: relation,
-    views: [
-      [false, "list"],
-      [false, "search"]
-    ],
-    context
-  };
-  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic19.useGetView)(
-    viewParams,
-    actionData
-  );
-  const baseModel = (0, import_react20.useMemo)(
-    () => ({
-      name: String(relation),
-      view: viewResponse || {},
-      actContext: context,
-      fields: [
-        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-        ...tab?.fields ? tab.fields : []
-      ]
-    }),
-    [model, viewResponse]
-  );
-  const initModel = (0, import_interface_logic19.useModel)();
-  const modelInstance = (0, import_react20.useMemo)(() => {
-    if (viewResponse) {
-      return initModel.initModel(baseModel);
-    }
-    return null;
-  }, [baseModel, viewResponse]);
-  const specification = (0, import_react20.useMemo)(() => {
-    if (modelInstance) {
-      return modelInstance.getSpecification();
-    }
-    return null;
-  }, [modelInstance]);
-  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_interface_logic19.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic19.evalJSONContext)(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      setDomainMany2Many(domain);
-      appDispatch((0, import_interface_logic19.setFirstDomain)(domain));
-      appDispatch((0, import_interface_logic19.setViewDataStore)(viewResponse));
-      const modalData = viewResponse?.views?.list?.fields.map((field) => ({
-        ...viewResponse?.models?.[String(model)]?.[field?.name],
-        ...field
-      }));
-      if (!fields?.[`${aid}_${relation}_popupmany2many`] && modalData) {
-        setFields({
-          ...fields,
-          [`${aid}_${relation}_popupmany2many`]: modalData
-        });
-      }
-      appDispatch((0, import_interface_logic19.setPage)(0));
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const queryKey = [
-    `view-${relation}-${aid}`,
-    specification,
-    domainMany2Many,
-    debouncedPage,
-    groupByDomain,
-    order
-  ];
-  const data = {
-    model: relation,
-    specification,
-    domain: domainMany2Many,
-    offset: debouncedPage * 10,
-    limit: 10,
-    context,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_interface_logic19.formatSortingString)(default_order) : ""
-  };
-  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
-  const {
-    data: dataResponse,
-    isLoading: isDataLoading,
-    isFetched: isDataResponseFetched,
-    isPlaceholderData
-  } = (0, import_interface_logic19.useGetListData)(data, queryKey, enabled);
-  (0, import_react20.useEffect)(() => {
-    if (viewResponse) {
-      fetchData();
-    }
-    return () => {
-      appDispatch((0, import_interface_logic19.setGroupByDomain)(null));
-      setFields((prevFields) => ({
-        ...prevFields,
-        [`${aid}_${relation}_popupmany2many`]: null
-      }));
-      appDispatch((0, import_interface_logic19.setPage)(0));
-      setSelectedRowKeys4([]);
-      setDomainMany2Many(null);
-      setIsLoadedData(false);
-    };
-  }, [viewResponse]);
-  const { rows, columns, typeTable } = tableController({
-    data: {
-      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
-      records: dataResponse?.records ?? dataResponse?.groups,
-      dataModel: viewResponse?.models?.[String(relation)],
-      context: { ...env.context, ...context },
-      typeTable: dataResponse?.groups ? "group" : "list"
-    }
-  });
-  const dataFormView = {
-    id: null,
-    model: relation,
-    context
-  };
-  const {
-    refetch,
-    data: dataFormViewResponse,
-    isSuccess
-  } = (0, import_interface_logic19.useGetFormView)({
-    data: dataFormView,
-    queryKey: [`form-view-action-${relation}`],
-    enabled: false
-  });
-  (0, import_react20.useEffect)(() => {
-    if (isSuccess && dataFormViewResponse) {
-      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
-      window.location.href = `/form/menu?model=${relation}`;
-    }
-  }, [isSuccess]);
-  (0, import_react20.useEffect)(() => {
-    if (domainMany2Many && !isLoadedData) {
-      setIsLoadedData(true);
-    }
-  }, [domainMany2Many]);
-  const handleCreateNewOnPage = async () => {
-    try {
-      refetch();
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  return {};
-};
-
-// src/widget/basic/many2many-tags-field/controller.ts
-var import_react21 = require("react");
-var import_interface_logic20 = require("@fctc/interface-logic");
-var many2manyTagsController = (props) => {
-  const {
-    relation,
-    domain,
-    options: optionsFields,
-    widget,
-    formValues,
-    placeholderNoOption
-  } = props;
-  const isUser = relation === "res.users" || relation === "res.partner";
-  const env = (0, import_interface_logic20.getEnv)();
-  const addtionalFields = optionsFields ? (0, import_interface_logic20.evalJSONContext)(optionsFields) : null;
-  const domainObject = (0, import_react21.useMemo)(
-    () => (0, import_interface_logic20.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
-    [domain, formValues]
-  );
-  const data = {
-    model: relation ?? "",
-    domain: domainObject,
-    specification: {
-      id: {},
-      name: {},
-      display_name: {},
-      ...widget && import_interface_logic20.WIDGETAVATAR[widget] ? { image_256: {} } : {},
-      ...widget && import_interface_logic20.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
-    },
-    enabled: true,
-    context: env.context
-  };
-  const { data: dataOfSelection } = (0, import_interface_logic20.useGetSelection)({
-    data,
-    queryKey: [`data_${relation}`, domainObject]
-  });
-  const customNoOptionsMessage = () => placeholderNoOption;
-  const tranfer = (data2) => {
-    return data2?.map((val) => ({
-      id: val.value,
-      display_name: val.label
-    })) || [];
-  };
-  const options = dataOfSelection?.records?.map((val) => ({
-    value: val.id,
-    label: val.name ?? val.display_name,
-    ...val
-  })) || [];
-  return {
-    options,
-    customNoOptionsMessage,
-    tranfer,
-    dataOfSelection,
-    isUser
-  };
-};
-
-// src/widget/basic/status-bar-field/controller.ts
-var import_react22 = require("react");
+// src/widget/advance/table/table-group/controller.ts
 var import_interface_logic21 = require("@fctc/interface-logic");
-var durationController = (props) => {
-  const {
-    relation,
-    defaultValue,
-    domain,
-    formValues,
-    name,
-    id,
-    model,
-    onRefetch
-  } = props;
-  const specification = {
-    id: 0,
-    name: "",
-    fold: ""
-  };
-  const [disabled, setDisabled] = (0, import_react22.useState)(false);
-  const [modelStatus, setModalStatus] = (0, import_react22.useState)(false);
-  const { context } = (0, import_interface_logic21.useAppSelector)(import_interface_logic21.selectEnv);
-  const queryKey = [`data-status-duration`, specification];
-  const listDataProps = {
-    model: relation,
-    specification,
-    domain: (0, import_interface_logic21.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
-    limit: 10,
-    offset: 0,
-    fields: "",
-    groupby: [],
-    context: {
-      lang: context.lang
-    },
-    sort: ""
-  };
-  const { data: dataResponse } = (0, import_interface_logic21.useGetListData)(listDataProps, queryKey);
-  const { mutate: fetchChangeStatus } = (0, import_interface_logic21.useChangeStatus)();
-  const handleClick = async (stage_id) => {
-    setDisabled(true);
-    if (stage_id) {
-      fetchChangeStatus(
-        {
-          data: {
-            stage_id,
-            name,
-            id,
-            model,
-            lang: context.lang
-          }
-        },
-        {
-          onSuccess: (res) => {
-            if (res) {
-              setDisabled(false);
-              onRefetch && onRefetch();
-            }
-          }
-        }
-      );
-    }
-  };
-  return {
-    defaultValue,
-    dataResponse,
-    handleClick,
-    disabled,
-    modelStatus,
-    setModalStatus
-  };
-};
+var import_react21 = require("react");
 
-// src/widget/basic/priority-field/controller.ts
-var import_interface_logic22 = require("@fctc/interface-logic");
-var priorityFieldController = (props) => {
-  const {
-    value,
-    isForm,
-    name,
-    methods,
-    onChange,
-    model,
-    selection,
-    id,
-    actionData,
-    viewData,
-    context
-  } = props;
-  const _context = { ...(0, import_interface_logic22.evalJSONContext)(actionData?.context) };
-  const contextObject = { ...context, ..._context };
-  const defaultPriority = parseInt(value) + 1;
-  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
-  const { mutateAsync: fetchSave } = (0, import_interface_logic22.useSave)();
-  const savePriorities = async ({
-    value: value2,
-    resetPriority
-  }) => {
-    const priorityValue = value2 <= 0 ? 0 : value2 - 1;
-    try {
-      fetchSave({
-        ids: id ? [id] : [],
-        data: { [name ?? ""]: String(priorityValue) },
-        model: model ?? "",
-        context: contextObject
-      });
-      if (typeof onChange === "function") {
-        onChange(name ?? "", String(priorityValue));
-      }
-    } catch (error) {
-      if (resetPriority) {
-        resetPriority();
-      }
-    }
-  };
-  return {
-    selection,
-    isForm,
-    methods,
-    defaultPriority,
-    savePriorities,
-    label,
-    id,
-    onChange
-  };
-};
-
-// src/widget/basic/float-time-field/controller.ts
-var import_react23 = require("react");
-var import_interface_logic23 = require("@fctc/interface-logic");
-var floatTimeFiledController = ({
-  onChange: fieldOnChange,
-  onBlur,
-  value,
-  isDirty,
-  props
-}) => {
-  const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = (0, import_react23.useState)(
-    (0, import_interface_logic23.convertFloatToTime)(value ?? defaultValue)
-  );
-  const [formattedTime, setFormattedTime] = (0, import_react23.useState)("");
-  const [errors, setErrors] = (0, import_react23.useState)("");
-  const handleInputChange = (e) => {
-    const raw = e.target.value.replace(/[^\d:]/g, "");
-    setInput(raw);
-    const timeRegex = /^(\d{1,2}):?(\d{0,2})$/;
-    const match = raw.match(timeRegex);
-    if (!match) {
-      setErrors("\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7");
-      setFormattedTime("");
-      return;
-    }
-    let hours = parseInt(match[1] ?? "0", 10);
-    let minutes = parseInt(match[2] ?? "0", 10);
-    if (isNaN(hours)) hours = 0;
-    if (isNaN(minutes)) minutes = 0;
-    if (hours >= 24) {
-      hours = 0;
-    }
-    if (minutes >= 60) {
-      minutes = 0;
-    }
-    const formatted = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
-    setErrors("");
-    setFormattedTime(formatted);
-    fieldOnChange(formatted);
-  };
-  const handleBlur = () => {
-    if (!isDirty) return;
-    if (formattedTime) {
-      setInput(formattedTime);
-      const floatVal = (0, import_interface_logic23.convertTimeToFloat)(formattedTime);
-      fieldOnChange(floatVal);
-      if (onChange) {
-        onChange(name ?? "", floatVal);
-      }
-    } else {
-      setInput("00:00");
-      fieldOnChange(0);
-      if (onChange) {
-        onChange(name ?? "", 0);
-      }
-      setErrors("");
-    }
-    onBlur();
-  };
-  const handleKeyDown = (e) => {
-    {
-      const allowed = [
-        "Backspace",
-        "Tab",
-        "ArrowLeft",
-        "ArrowRight",
-        "Delete",
-        "Home",
-        "End",
-        ":"
-      ];
-      const isNumber = /^[0-9]$/.test(e.key);
-      if (!isNumber && !allowed.includes(e.key)) {
-        e.preventDefault();
-      }
-    }
-  };
-  return {
-    handleInputChange,
-    handleBlur,
-    handleKeyDown,
-    input,
-    errors
-  };
-};
-
-// src/widget/basic/float-field/controller.ts
-var import_react24 = require("react");
-
-// src/utils/i18n.ts
-var import_react_i18next2 = require("react-i18next");
-var import_i18next = __toESM(require("i18next"));
-var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"));
+// src/utils/i18n.ts
+var import_react_i18next2 = require("react-i18next");
+var import_i18next = __toESM(require("i18next"));
+var import_i18next_browser_languagedetector = __toESM(require("i18next-browser-languagedetector"));
 
 // src/locales/vi.json
 var vi_default = {
@@ -6032,8 +5701,6 @@ var vi_default = {
   add_new_attribute: "Th\xEAm thu\u1ED9c t\xEDnh",
   add_attribute_name: "T\xEAn thu\u1ED9c t\xEDnh",
   images_product: "H\xECnh \u1EA3nh",
-  selected: "\u0111\u01B0\u1EE3c ch\u1ECDn",
-  print: "In",
   generate_code_product: "T\u1EA1o m\xE3 s\u1EA3n ph\u1EA9m",
   order_today: "\u0110\u01A1n h\xE0ng",
   list_best_selling_product: "S\u1EA3n ph\u1EA9m b\xE1n ch\u1EA1y",
@@ -6610,7 +6277,608 @@ import_i18next.default.use(import_i18next_browser_languagedetector.default).use(
 });
 var i18n_default = import_i18next.default;
 
+// src/widget/advance/table/table-group/controller.ts
+var tableGroupController = (props) => {
+  const env = (0, import_interface_logic21.getEnv)();
+  const {
+    rows,
+    columns,
+    indexRow,
+    row,
+    model,
+    viewData,
+    renderField,
+    level,
+    specification,
+    domain,
+    context,
+    checkedAll,
+    isDisplayCheckbox,
+    isAutoSelect,
+    setIsAutoSelect,
+    selectedRowKeysRef
+  } = props;
+  const [pageGroup, setPageGroup] = (0, import_react21.useState)(0);
+  const { groupByDomain, selectedTags } = (0, import_interface_logic21.useAppSelector)(import_interface_logic21.selectSearch);
+  const { selectedRowKeys } = (0, import_interface_logic21.useAppSelector)(import_interface_logic21.selectList);
+  const appDispatch = (0, import_interface_logic21.useAppDispatch)();
+  const { toDataJS } = (0, import_interface_logic21.useOdooDataTransform)();
+  const initVal = toDataJS(row, viewData, model);
+  const [isShowGroup, setIsShowGroup] = (0, import_react21.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react21.useState)({
+    fromStart: 1,
+    fromEnd: 1
+  });
+  const processedData = (0, import_react21.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_react21.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_logic21.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_react21.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_logic21.setSelectedRowKeys)(filteredIds));
+    } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
+      const clonedKeys = [...selectedRowKeys];
+      appDispatch((0, import_interface_logic21.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_interface_logic21.setSelectedRowKeys)(clonedKeys)), 500);
+    } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
+      const filteredKeys = selectedRowKeys.filter((id) => id > -1);
+      appDispatch((0, import_interface_logic21.setSelectedRowKeys)(filteredKeys));
+    }
+    toggleShowGroup();
+  };
+  (0, import_react21.useEffect)(() => {
+    if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
+      return;
+    }
+    const clonedKeys = [...selectedRowKeys];
+    (0, import_interface_logic21.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_interface_logic21.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
+  };
+};
+
+// src/widget/basic/many2many-field/controller.ts
+var many2manyFieldController = (props) => {
+  const {
+    relation,
+    domain,
+    context,
+    tab,
+    model,
+    aid,
+    setSelectedRowKeys: setSelectedRowKeys4,
+    fields,
+    setFields,
+    groupByDomain,
+    page,
+    options,
+    sessionStorageUtils
+  } = props;
+  const appDispatch = (0, import_interface_logic22.useAppDispatch)();
+  const actionData = sessionStorageUtils.getActionData();
+  const [debouncedPage] = useDebounce(page, 500);
+  const [order, setOrder] = (0, import_react22.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react22.useState)(false);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react22.useState)(domain);
+  const env = (0, import_interface_logic22.getEnv)();
+  const { selectedTags } = (0, import_interface_logic22.useAppSelector)(import_interface_logic22.selectSearch);
+  const viewParams = {
+    model: relation,
+    views: [
+      [false, "list"],
+      [false, "search"]
+    ],
+    context
+  };
+  const { data: viewResponse, isFetched: isViewReponseFetched } = (0, import_interface_logic22.useGetView)(
+    viewParams,
+    actionData
+  );
+  const baseModel = (0, import_react22.useMemo)(
+    () => ({
+      name: String(relation),
+      view: viewResponse || {},
+      actContext: context,
+      fields: [
+        ...Object.values(viewResponse?.views?.list?.fields ?? {}),
+        ...tab?.fields ? tab.fields : []
+      ]
+    }),
+    [model, viewResponse]
+  );
+  const initModel = (0, import_interface_logic22.useModel)();
+  const modelInstance = (0, import_react22.useMemo)(() => {
+    if (viewResponse) {
+      return initModel.initModel(baseModel);
+    }
+    return null;
+  }, [baseModel, viewResponse]);
+  const specification = (0, import_react22.useMemo)(() => {
+    if (modelInstance) {
+      return modelInstance.getSpecification();
+    }
+    return null;
+  }, [modelInstance]);
+  const default_order = viewResponse && viewResponse?.views?.list?.default_order;
+  const optionsObject = tab?.options ? (0, import_interface_logic22.evalJSONContext)(tab?.options) : (options ? (0, import_interface_logic22.evalJSONContext)(options) : {}) || {};
+  const fetchData = async () => {
+    try {
+      setDomainMany2Many(domain);
+      appDispatch((0, import_interface_logic22.setFirstDomain)(domain));
+      appDispatch((0, import_interface_logic22.setViewDataStore)(viewResponse));
+      const modalData = viewResponse?.views?.list?.fields.map((field) => ({
+        ...viewResponse?.models?.[String(model)]?.[field?.name],
+        ...field
+      }));
+      if (!fields?.[`${aid}_${relation}_popupmany2many`] && modalData) {
+        setFields({
+          ...fields,
+          [`${aid}_${relation}_popupmany2many`]: modalData
+        });
+      }
+      appDispatch((0, import_interface_logic22.setPage)(0));
+    } catch (err) {
+      console.log(err);
+    }
+  };
+  const queryKey = [
+    `view-${relation}-${aid}`,
+    specification,
+    domainMany2Many,
+    debouncedPage,
+    groupByDomain,
+    order
+  ];
+  const data = {
+    model: relation,
+    specification,
+    domain: domainMany2Many,
+    offset: debouncedPage * 10,
+    limit: 10,
+    context,
+    fields: groupByDomain?.fields,
+    groupby: [groupByDomain?.contexts[0]?.group_by],
+    sort: order ? order : default_order ? (0, import_interface_logic22.formatSortingString)(default_order) : ""
+  };
+  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const {
+    data: dataResponse,
+    isLoading: isDataLoading,
+    isFetched: isDataResponseFetched,
+    isPlaceholderData
+  } = (0, import_interface_logic22.useGetListData)(data, queryKey, enabled);
+  (0, import_react22.useEffect)(() => {
+    if (viewResponse) {
+      fetchData();
+    }
+    return () => {
+      appDispatch((0, import_interface_logic22.setGroupByDomain)(null));
+      setFields((prevFields) => ({
+        ...prevFields,
+        [`${aid}_${relation}_popupmany2many`]: null
+      }));
+      appDispatch((0, import_interface_logic22.setPage)(0));
+      setSelectedRowKeys4([]);
+      setDomainMany2Many(null);
+      setIsLoadedData(false);
+    };
+  }, [viewResponse]);
+  const { rows, columns, typeTable } = tableController({
+    data: {
+      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
+      records: dataResponse?.records ?? dataResponse?.groups,
+      dataModel: viewResponse?.models?.[String(relation)],
+      context: { ...env.context, ...context },
+      typeTable: dataResponse?.groups ? "group" : "list"
+    }
+  });
+  const dataFormView = {
+    id: null,
+    model: relation,
+    context
+  };
+  const {
+    refetch,
+    data: dataFormViewResponse,
+    isSuccess
+  } = (0, import_interface_logic22.useGetFormView)({
+    data: dataFormView,
+    queryKey: [`form-view-action-${relation}`],
+    enabled: false
+  });
+  (0, import_react22.useEffect)(() => {
+    if (isSuccess && dataFormViewResponse) {
+      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
+      window.location.href = `/form/menu?model=${relation}`;
+    }
+  }, [isSuccess]);
+  (0, import_react22.useEffect)(() => {
+    if (domainMany2Many && !isLoadedData) {
+      setIsLoadedData(true);
+    }
+  }, [domainMany2Many]);
+  const handleCreateNewOnPage = async () => {
+    try {
+      refetch();
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  return {};
+};
+
+// src/widget/basic/many2many-tags-field/controller.ts
+var import_react23 = require("react");
+var import_interface_logic23 = require("@fctc/interface-logic");
+var many2manyTagsController = (props) => {
+  const {
+    relation,
+    domain,
+    options: optionsFields,
+    widget,
+    formValues,
+    placeholderNoOption
+  } = props;
+  const isUser = relation === "res.users" || relation === "res.partner";
+  const env = (0, import_interface_logic23.getEnv)();
+  const addtionalFields = optionsFields ? (0, import_interface_logic23.evalJSONContext)(optionsFields) : null;
+  const domainObject = (0, import_react23.useMemo)(
+    () => (0, import_interface_logic23.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    [domain, formValues]
+  );
+  const data = {
+    model: relation ?? "",
+    domain: domainObject,
+    specification: {
+      id: {},
+      name: {},
+      display_name: {},
+      ...widget && import_interface_logic23.WIDGETAVATAR[widget] ? { image_256: {} } : {},
+      ...widget && import_interface_logic23.WIDGETCOLOR[widget] && addtionalFields?.color_field ? { color: {} } : {}
+    },
+    enabled: true,
+    context: env.context
+  };
+  const { data: dataOfSelection } = (0, import_interface_logic23.useGetSelection)({
+    data,
+    queryKey: [`data_${relation}`, domainObject]
+  });
+  const customNoOptionsMessage = () => placeholderNoOption;
+  const tranfer = (data2) => {
+    return data2?.map((val) => ({
+      id: val.value,
+      display_name: val.label
+    })) || [];
+  };
+  const options = dataOfSelection?.records?.map((val) => ({
+    value: val.id,
+    label: val.name ?? val.display_name,
+    ...val
+  })) || [];
+  return {
+    options,
+    customNoOptionsMessage,
+    tranfer,
+    dataOfSelection,
+    isUser
+  };
+};
+
+// src/widget/basic/status-bar-field/controller.ts
+var import_react24 = require("react");
+var import_interface_logic24 = require("@fctc/interface-logic");
+var durationController = (props) => {
+  const {
+    relation,
+    defaultValue,
+    domain,
+    formValues,
+    name,
+    id,
+    model,
+    onRefetch
+  } = props;
+  const specification = {
+    id: 0,
+    name: "",
+    fold: ""
+  };
+  const [disabled, setDisabled] = (0, import_react24.useState)(false);
+  const [modelStatus, setModalStatus] = (0, import_react24.useState)(false);
+  const { context } = (0, import_interface_logic24.useAppSelector)(import_interface_logic24.selectEnv);
+  const queryKey = [`data-status-duration`, specification];
+  const listDataProps = {
+    model: relation,
+    specification,
+    domain: (0, import_interface_logic24.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    limit: 10,
+    offset: 0,
+    fields: "",
+    groupby: [],
+    context: {
+      lang: context.lang
+    },
+    sort: ""
+  };
+  const { data: dataResponse } = (0, import_interface_logic24.useGetListData)(listDataProps, queryKey);
+  const { mutate: fetchChangeStatus } = (0, import_interface_logic24.useChangeStatus)();
+  const handleClick = async (stage_id) => {
+    setDisabled(true);
+    if (stage_id) {
+      fetchChangeStatus(
+        {
+          data: {
+            stage_id,
+            name,
+            id,
+            model,
+            lang: context.lang
+          }
+        },
+        {
+          onSuccess: (res) => {
+            if (res) {
+              setDisabled(false);
+              onRefetch && onRefetch();
+            }
+          }
+        }
+      );
+    }
+  };
+  return {
+    defaultValue,
+    dataResponse,
+    handleClick,
+    disabled,
+    modelStatus,
+    setModalStatus
+  };
+};
+
+// src/widget/basic/priority-field/controller.ts
+var import_interface_logic25 = require("@fctc/interface-logic");
+var priorityFieldController = (props) => {
+  const {
+    value,
+    isForm,
+    name,
+    methods,
+    onChange,
+    model,
+    selection,
+    id,
+    actionData,
+    viewData,
+    context
+  } = props;
+  const _context = { ...(0, import_interface_logic25.evalJSONContext)(actionData?.context) };
+  const contextObject = { ...context, ..._context };
+  const defaultPriority = parseInt(value) + 1;
+  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
+  const { mutateAsync: fetchSave } = (0, import_interface_logic25.useSave)();
+  const savePriorities = async ({
+    value: value2,
+    resetPriority
+  }) => {
+    const priorityValue = value2 <= 0 ? 0 : value2 - 1;
+    try {
+      fetchSave({
+        ids: id ? [id] : [],
+        data: { [name ?? ""]: String(priorityValue) },
+        model: model ?? "",
+        context: contextObject
+      });
+      if (typeof onChange === "function") {
+        onChange(name ?? "", String(priorityValue));
+      }
+    } catch (error) {
+      if (resetPriority) {
+        resetPriority();
+      }
+    }
+  };
+  return {
+    selection,
+    isForm,
+    methods,
+    defaultPriority,
+    savePriorities,
+    label,
+    id,
+    onChange
+  };
+};
+
+// src/widget/basic/float-time-field/controller.ts
+var import_react25 = require("react");
+var import_interface_logic26 = require("@fctc/interface-logic");
+var floatTimeFiledController = ({
+  onChange: fieldOnChange,
+  onBlur,
+  value,
+  isDirty,
+  props
+}) => {
+  const { name, defaultValue = 0, onChange } = props;
+  const [input, setInput] = (0, import_react25.useState)(
+    (0, import_interface_logic26.convertFloatToTime)(value ?? defaultValue)
+  );
+  const [formattedTime, setFormattedTime] = (0, import_react25.useState)("");
+  const [errors, setErrors] = (0, import_react25.useState)("");
+  const handleInputChange = (e) => {
+    const raw = e.target.value.replace(/[^\d:]/g, "");
+    setInput(raw);
+    const timeRegex = /^(\d{1,2}):?(\d{0,2})$/;
+    const match = raw.match(timeRegex);
+    if (!match) {
+      setErrors("\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7");
+      setFormattedTime("");
+      return;
+    }
+    let hours = parseInt(match[1] ?? "0", 10);
+    let minutes = parseInt(match[2] ?? "0", 10);
+    if (isNaN(hours)) hours = 0;
+    if (isNaN(minutes)) minutes = 0;
+    if (hours >= 24) {
+      hours = 0;
+    }
+    if (minutes >= 60) {
+      minutes = 0;
+    }
+    const formatted = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+    setErrors("");
+    setFormattedTime(formatted);
+    fieldOnChange(formatted);
+  };
+  const handleBlur = () => {
+    if (!isDirty) return;
+    if (formattedTime) {
+      setInput(formattedTime);
+      const floatVal = (0, import_interface_logic26.convertTimeToFloat)(formattedTime);
+      fieldOnChange(floatVal);
+      if (onChange) {
+        onChange(name ?? "", floatVal);
+      }
+    } else {
+      setInput("00:00");
+      fieldOnChange(0);
+      if (onChange) {
+        onChange(name ?? "", 0);
+      }
+      setErrors("");
+    }
+    onBlur();
+  };
+  const handleKeyDown = (e) => {
+    {
+      const allowed = [
+        "Backspace",
+        "Tab",
+        "ArrowLeft",
+        "ArrowRight",
+        "Delete",
+        "Home",
+        "End",
+        ":"
+      ];
+      const isNumber = /^[0-9]$/.test(e.key);
+      if (!isNumber && !allowed.includes(e.key)) {
+        e.preventDefault();
+      }
+    }
+  };
+  return {
+    handleInputChange,
+    handleBlur,
+    handleKeyDown,
+    input,
+    errors
+  };
+};
+
 // src/widget/basic/float-field/controller.ts
+var import_react26 = require("react");
 var floatController = ({
   onChange,
   value,
@@ -6618,10 +6886,10 @@ var floatController = ({
 }) => {
   const { name, required, methods, onChange: handleOnchange, string } = props;
   const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = (0, import_react24.useState)(
+  const [inputValue, setInputValue] = (0, import_react26.useState)(
     value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
       setInputValue(useFormatFloatNumber(value));
       clearErrors(name);
@@ -6629,9 +6897,9 @@ var floatController = ({
       setInputValue("");
     }
   }, [value, name, clearErrors]);
-  const isDirtyRef = (0, import_react24.useRef)(false);
-  const inputRef = (0, import_react24.useRef)(null);
-  const lastCommittedValueRef = (0, import_react24.useRef)(null);
+  const isDirtyRef = (0, import_react26.useRef)(false);
+  const inputRef = (0, import_react26.useRef)(null);
+  const lastCommittedValueRef = (0, import_react26.useRef)(null);
   const handleInputChange = (e) => {
     const newValue = e.target.value;
     const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -6732,10 +7000,10 @@ var useFormatFloatNumber = (value) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-var import_react25 = require("react");
+var import_react27 = require("react");
 var downloadFileController = () => {
-  const inputId = (0, import_react25.useId)();
-  const [file, setFile] = (0, import_react25.useState)(null);
+  const inputId = (0, import_react27.useId)();
+  const [file, setFile] = (0, import_react27.useState)(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -6899,13 +7167,13 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-var import_react26 = require("react");
-var import_interface_logic24 = require("@fctc/interface-logic");
+var import_react28 = require("react");
+var import_interface_logic27 = require("@fctc/interface-logic");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = (0, import_react26.useState)(false);
+  const [isCopied, setIsCopied] = (0, import_react28.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_interface_logic24.copyTextToClipboard)(value2);
+    await (0, import_interface_logic27.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -6918,14 +7186,14 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_interface_logic25 = require("@fctc/interface-logic");
+var import_interface_logic28 = require("@fctc/interface-logic");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
-  const env = (0, import_interface_logic25.getEnv)();
-  const _context = { ...(0, import_interface_logic25.evalJSONContext)(actionData?.context) || {} };
+  const env = (0, import_interface_logic28.getEnv)();
+  const _context = { ...(0, import_interface_logic28.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = (0, import_interface_logic25.useSave)();
+  const { mutate: onSave } = (0, import_interface_logic28.useSave)();
   const savePickColor = async (colorObject) => {
     const { id } = colorObject;
     if (value === id) return;
@@ -6950,16 +7218,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-var import_react27 = require("react");
-var import_interface_logic26 = require("@fctc/interface-logic");
+var import_react29 = require("react");
+var import_interface_logic29 = require("@fctc/interface-logic");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
-  const inputId = (0, import_react27.useId)();
-  const [selectedImage, setSelectedImage] = (0, import_react27.useState)(null);
-  const [initialImage, setInitialImage] = (0, import_react27.useState)(value || null);
-  const [isInsideTable, setIsInsideTable] = (0, import_react27.useState)(false);
+  const inputId = (0, import_react29.useId)();
+  const [selectedImage, setSelectedImage] = (0, import_react29.useState)(null);
+  const [initialImage, setInitialImage] = (0, import_react29.useState)(value || null);
+  const [isInsideTable, setIsInsideTable] = (0, import_react29.useState)(false);
   const { setValue } = methods;
-  const binaryRef = (0, import_react27.useRef)(null);
+  const binaryRef = (0, import_react29.useRef)(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -7008,11 +7276,11 @@ var binaryFieldController = (props) => {
   };
   const checkIsImageLink = (url) => {
     const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
-    return imageExtensions.test(url) || (0, import_interface_logic26.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_interface_logic29.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_interface_logic26.isBase64Image)(base64)) return base64;
+    if ((0, import_interface_logic29.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -7021,14 +7289,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react29.useEffect)(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -7046,272 +7314,6 @@ 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,