@fctc/widget-logic 2.2.2 → 2.2.3

package/dist/widget.js

@@ -4049,6 +4049,7 @@ __export(widget_exports, {
   priorityFieldController: () => priorityFieldController,
   searchController: () => searchController,
   statusDropdownController: () => statusDropdownController,
+  tableBodyController: () => tableBodyController,
   tableController: () => tableController,
   tableGroupController: () => tableGroupController,
   tableHeadController: () => tableHeadController
@@ -5014,7 +5015,6 @@ var many2oneFieldController = (props) => {
     options: fieldOptions,
     showDetail
   } = props;
-  const { env } = (0, provider_exports.useEnv)();
   const [options, setOptions] = (0, import_react15.useState)([]);
   const [inputValue, setInputValue] = (0, import_react15.useState)("");
   const [debouncedInputValue] = useDebounce(inputValue, 1e3);
@@ -5024,14 +5024,15 @@ var many2oneFieldController = (props) => {
   const [domainObject, setDomainObject] = (0, import_react15.useState)(null);
   const actionData = sessionStorageUtils.getActionData();
   const { menuList } = (0, store_exports.useAppSelector)(store_exports.selectNavbar);
+  const { context } = (0, store_exports.useAppSelector)(store_exports.selectEnv);
   const initValue = methods?.getValues(name);
   const optionsObject = (0, utils_exports.evalJSONContext)(fieldOptions) || {};
   const contextObject = {
     ...(0, utils_exports.evalJSONContext)(actionData?.context) || {},
     ...fieldContext,
-    ...env?.context
+    ...context
   };
-  const { useGetSelection: useGetSelection2 } = (0, provider_exports.useService)();
+  const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const data = {
     model: relation,
     domain: domainObject,
@@ -5047,7 +5048,7 @@ var many2oneFieldController = (props) => {
     data: dataOfSelection,
     refetch,
     isFetching
-  } = useGetSelection2({
+  } = useGetSelection3({
     data,
     queryKey,
     enabled: false
@@ -5201,49 +5202,52 @@ var many2oneButtonController = (props) => {
 
 // src/widget/basic/many2many-field/controller.ts
 var import_react16 = require("react");
+var import_store8 = require("@fctc/interface-logic/store");
 var import_utils7 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
     domain,
     context,
-    options,
     tab,
-    setSelectedRowKeys: setSelectedRowKeys3,
+    model,
+    aid,
+    setSelectedRowKeys: setSelectedRowKeys4,
+    fields,
+    setFields,
     groupByDomain,
-    enabled: enabledCallAPI,
-    actionData
+    page,
+    options,
+    sessionStorageUtils
   } = props;
+  const appDispatch = (0, import_store8.useAppDispatch)();
+  const actionData = sessionStorageUtils.getActionData();
+  const [debouncedPage] = useDebounce(page, 500);
+  const [order, setOrder] = (0, import_react16.useState)();
+  const [isLoadedData, setIsLoadedData] = (0, import_react16.useState)(false);
+  const [domainMany2Many, setDomainMany2Many] = (0, import_react16.useState)(domain);
   const { env } = (0, provider_exports.useEnv)();
   const { useGetView: useGetView2, useGetListData: useGetListData3, useGetFormView } = (0, provider_exports.useService)();
-  const [order, setOrder] = (0, import_react16.useState)();
-  const [page, setPage] = (0, import_react16.useState)(0);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react16.useState)(null);
-  const [debouncedPage] = useDebounce(page, 500);
-  const contextObject = {
-    ...env.context,
-    ...context || {}
-  };
   const viewParams = {
     model: relation,
     views: [
       [false, "list"],
       [false, "search"]
     ],
-    context: contextObject
+    context
   };
-  const { data: viewResponse } = useGetView2(viewParams, enabledCallAPI);
+  const { data: viewResponse } = useGetView2(viewParams, actionData);
   const baseModel = (0, import_react16.useMemo)(
     () => ({
       name: String(relation),
       view: viewResponse || {},
-      actContext: contextObject,
+      actContext: context,
       fields: [
         ...Object.values(viewResponse?.views?.list?.fields ?? {}),
         ...tab?.fields ? tab.fields : []
       ]
     }),
-    [relation, viewResponse]
+    [model, viewResponse]
   );
   const initModel = (0, hooks_exports.useModel)();
   const modelInstance = (0, import_react16.useMemo)(() => {
@@ -5262,15 +5266,26 @@ var many2manyFieldController = (props) => {
   const optionsObject = tab?.options ? (0, import_utils7.evalJSONContext)(tab?.options) : (options ? (0, import_utils7.evalJSONContext)(options) : {}) || {};
   const fetchData = async () => {
     try {
-      const domainParse = typeof domain === "string" ? (0, import_utils7.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
-      setDomainMany2Many(domainParse);
-      setPage(0);
+      setDomainMany2Many(domain);
+      appDispatch((0, import_store8.setFirstDomain)(domain));
+      appDispatch((0, import_store8.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_store8.setPage)(0));
     } catch (err) {
       console.log(err);
     }
   };
   const queryKey = [
-    `view-${relation}`,
+    `view-${relation}-${aid}`,
     specification,
     domainMany2Many,
     debouncedPage,
@@ -5283,16 +5298,16 @@ var many2manyFieldController = (props) => {
     domain: domainMany2Many,
     offset: debouncedPage * 10,
     limit: 10,
-    context: contextObject,
+    context,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
     sort: order ? order : default_order ? (0, import_utils7.formatSortingString)(default_order) : ""
   };
-  const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const enabled = isLoadedData && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
     data: dataResponse,
-    isLoading,
-    isFetched,
+    isLoading: isDataLoading,
+    isFetched: isDataResponseFetched,
     isPlaceholderData
   } = useGetListData3(data, queryKey, enabled);
   (0, import_react16.useEffect)(() => {
@@ -5300,56 +5315,75 @@ var many2manyFieldController = (props) => {
       fetchData();
     }
     return () => {
-      setPage(0);
-      setSelectedRowKeys3([]);
+      appDispatch((0, import_store8.setGroupByDomain)(null));
+      setFields((prevFields) => ({
+        ...prevFields,
+        [`${aid}_${relation}_popupmany2many`]: null
+      }));
+      appDispatch((0, import_store8.setPage)(0));
+      setSelectedRowKeys4([]);
       setDomainMany2Many(null);
+      setIsLoadedData(false);
     };
   }, [viewResponse]);
-  const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
+  const { rows, columns, typeTable } = tableController({
     data: {
-      fields: viewResponse?.views?.list?.fields,
+      fields: fields?.[`${aid}_${relation}_popupmany2many`] || viewResponse?.views?.list?.fields,
       records: dataResponse?.records ?? dataResponse?.groups,
       dataModel: viewResponse?.models?.[String(relation)],
-      context: contextObject,
+      context: { ...env.context, ...context },
       typeTable: dataResponse?.groups ? "group" : "list"
     }
   });
-  const searchControllers = searchController({
-    viewData: viewResponse,
-    model: relation ?? "",
-    context: contextObject,
-    domain,
-    fieldsList: [
-      ...columns?.filter(
-        (col) => col?.field?.type_co === "field" && col?.optional !== "hide"
-      )?.map((col) => ({ ...col.field })) ?? []
-    ]
+  const dataFormView = {
+    id: null,
+    model: relation,
+    context
+  };
+  const {
+    refetch,
+    data: dataFormViewResponse,
+    isSuccess
+  } = useGetFormView({
+    data: dataFormView,
+    queryKey: [`form-view-action-${relation}`],
+    enabled: false
   });
+  (0, import_react16.useEffect)(() => {
+    if (isSuccess && dataFormViewResponse) {
+      sessionStorage.setItem("actionData", JSON.stringify(dataFormViewResponse));
+      window.location.href = `/form/menu?model=${relation}`;
+    }
+  }, [isSuccess]);
+  (0, import_react16.useEffect)(() => {
+    if (domainMany2Many && !isLoadedData) {
+      setIsLoadedData(true);
+    }
+  }, [domainMany2Many]);
   const handleCreateNewOnPage = async () => {
+    try {
+      refetch();
+    } catch (error) {
+      console.log(error);
+    }
   };
   return {
     handleCreateNewOnPage,
     optionsObject,
-    totalRows: dataResponse?.length ?? 0,
     rows,
     columns,
-    onToggleColumnOptional,
     typeTable,
-    isLoading,
-    isFetched,
-    isPlaceholderData,
-    setPage,
-    page,
-    viewData: viewResponse,
-    domain: domainMany2Many,
-    setDomain: setDomainMany2Many,
-    searchController: searchControllers
+    isDataLoading,
+    isDataResponseFetched,
+    isPlaceholderData
   };
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
 var import_react17 = require("react");
 var import_constants4 = require("@fctc/interface-logic/constants");
+var import_environment8 = require("@fctc/interface-logic/environment");
+var import_hooks15 = require("@fctc/interface-logic/hooks");
 var import_utils8 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
   const {
@@ -5361,8 +5395,7 @@ var many2manyTagsController = (props) => {
     placeholderNoOption
   } = props;
   const isUser = relation === "res.users" || relation === "res.partner";
-  const { env } = (0, provider_exports.useEnv)();
-  const { useGetSelection: useGetSelection2 } = (0, provider_exports.useService)();
+  const env = (0, import_environment8.getEnv)();
   const addtionalFields = optionsFields ? (0, import_utils8.evalJSONContext)(optionsFields) : null;
   const domainObject = (0, import_react17.useMemo)(
     () => (0, import_utils8.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
@@ -5381,7 +5414,7 @@ var many2manyTagsController = (props) => {
     enabled: true,
     context: env.context
   };
-  const { data: dataOfSelection } = useGetSelection2({
+  const { data: dataOfSelection } = (0, import_hooks15.useGetSelection)({
     data,
     queryKey: [`data_${relation}`, domainObject]
   });
@@ -5401,6 +5434,7 @@ var many2manyTagsController = (props) => {
     options,
     customNoOptionsMessage,
     tranfer,
+    dataOfSelection,
     isUser
   };
 };
@@ -5409,7 +5443,7 @@ var many2manyTagsController = (props) => {
 var import_react18 = require("react");
 var import_utils9 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
-  const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
+  const { relation, domain, formValues, name, id, model, onRefetch } = props;
   const specification = {
     id: 0,
     name: "",
@@ -5433,11 +5467,7 @@ var durationController = (props) => {
     },
     sort: ""
   };
-  const { data: dataResponse } = useGetListData3(
-    listDataProps,
-    queryKey,
-    enabled
-  );
+  const { data: dataResponse } = useGetListData3(listDataProps, queryKey);
   const { mutate: fetchChangeStatus } = useChangeStatus();
   const handleClick = async (stage_id) => {
     setDisabled(true);
@@ -5473,28 +5503,41 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
+var import_hooks16 = require("@fctc/interface-logic/hooks");
 var import_utils10 = require("@fctc/interface-logic/utils");
 var priorityFieldController = (props) => {
-  const { name, model, index, actionData, context, onChange, specification } = props;
+  const {
+    value,
+    isForm,
+    name,
+    methods,
+    onChange,
+    model,
+    selection,
+    id,
+    actionData,
+    viewData,
+    context
+  } = props;
   const _context = { ...(0, import_utils10.evalJSONContext)(actionData?.context) };
   const contextObject = { ...context, ..._context };
-  const { useSave: useSave2 } = (0, provider_exports.useService)();
-  const { mutateAsync: fetchSave } = useSave2();
+  const defaultPriority = parseInt(value) + 1;
+  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
+  const { mutateAsync: fetchSave } = (0, import_hooks16.useSave)();
   const savePriorities = async ({
-    value,
+    value: value2,
     resetPriority
   }) => {
-    const priorityValue = value <= 0 ? 0 : value - 1;
+    const priorityValue = value2 <= 0 ? 0 : value2 - 1;
     try {
       fetchSave({
-        ids: index ? [index] : [],
-        data: { [String(name)]: String(priorityValue) },
-        model: String(model),
-        context: contextObject,
-        specification
+        ids: id ? [id] : [],
+        data: { [name ?? ""]: String(priorityValue) },
+        model: model ?? "",
+        context: contextObject
       });
       if (typeof onChange === "function") {
-        onChange(String(name), String(priorityValue));
+        onChange(name ?? "", String(priorityValue));
       }
     } catch (error) {
       if (resetPriority) {
@@ -5503,7 +5546,14 @@ var priorityFieldController = (props) => {
     }
   };
   return {
-    savePriorities
+    selection,
+    isForm,
+    methods,
+    defaultPriority,
+    savePriorities,
+    label,
+    id,
+    onChange
   };
 };
 
@@ -6466,11 +6516,11 @@ var import_utils12 = require("@fctc/interface-logic/utils");
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useSave: useSave2 } = (0, provider_exports.useService)();
+  const { useSave: useSave3 } = (0, provider_exports.useService)();
   const _context = { ...(0, import_utils12.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
-  const { mutate: onSave } = useSave2();
+  const { mutate: onSave } = useSave3();
   const savePickColor = async (colorObject) => {
     const { id } = colorObject;
     if (value === id) return;
@@ -6592,36 +6642,103 @@ var binaryFieldController = (props) => {
   };
 };
 
+// src/widget/advance/table/table-body/controller.ts
+var import_store9 = require("@fctc/interface-logic/store");
+var import_react22 = require("react");
+var tableBodyController = (props) => {
+  const {
+    checkedAll,
+    checkboxRef,
+    setIsAutoSelect,
+    selectedRowKeys,
+    row,
+    isAutoSelect,
+    selectedRowKeysRef,
+    onClickRow
+  } = props;
+  const appDispatch = (0, import_store9.useAppDispatch)();
+  const checked = (0, import_react22.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_store9.setSelectedRowKeys)(newSelectedRowKeys));
+  };
+  const handleClickRow = (col, row2) => {
+    onClickRow(col, row2);
+  };
+  (0, import_react22.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_store9.setSelectedRowKeys)(filtered));
+      } else {
+        const unique = Array.from(
+          /* @__PURE__ */ new Set([...selectedRowKeysRef?.current, row?.id])
+        );
+        selectedRowKeysRef.current = unique;
+        appDispatch((0, import_store9.setSelectedRowKeys)(unique));
+      }
+    }
+  }, [isAutoSelect]);
+  (0, import_react22.useEffect)(() => {
+    if (!checkedAll) {
+      checkboxRef.current = "enabled";
+      false;
+    }
+  }, [checkedAll]);
+  return {
+    handleCheckBoxSingle,
+    checked,
+    handleClickRow
+  };
+};
+
 // src/widget/advance/table/table-head/controller.ts
-var import_store8 = require("@fctc/interface-logic/store");
+var import_store10 = require("@fctc/interface-logic/store");
 var tableHeadController = (props) => {
   const { typeTable, rows, selectedRowKeysRef } = props;
-  const appDispatch = (0, import_store8.useAppDispatch)();
-  const { groupByDomain } = (0, import_store8.useAppSelector)(import_store8.selectSearch);
+  const appDispatch = (0, import_store10.useAppDispatch)();
+  const { groupByDomain } = (0, import_store10.useAppSelector)(import_store10.selectSearch);
   const handleCheckBoxAll = (event) => {
     if (event?.target?.checked && typeTable === "list") {
       const allRowKeys = Array.isArray(rows) ? rows.map((record) => record?.id) : [];
-      appDispatch((0, import_store8.setSelectedRowKeys)(allRowKeys));
+      appDispatch((0, import_store10.setSelectedRowKeys)(allRowKeys));
     } else if (event?.target?.checked && typeTable === "group") {
       const rowsIDs = document.querySelectorAll("tr[data-row-id]");
       const ids = Array.from(rowsIDs)?.map(
         (row) => Number(row?.getAttribute("data-row-id"))
       );
       if (ids?.length > 0) {
-        appDispatch((0, import_store8.setSelectedRowKeys)(ids));
+        appDispatch((0, import_store10.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_store8.setSelectedRowKeys)(keys));
+        appDispatch((0, import_store10.setSelectedRowKeys)(keys));
       }
       if (selectedRowKeysRef) {
         selectedRowKeysRef.current = [];
       }
     } else {
-      appDispatch((0, import_store8.setSelectedRowKeys)([]));
+      appDispatch((0, import_store10.setSelectedRowKeys)([]));
     }
   };
   return {
@@ -6630,12 +6747,12 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-var import_react22 = require("react");
-var import_store9 = require("@fctc/interface-logic/store");
+var import_react23 = require("react");
+var import_store11 = require("@fctc/interface-logic/store");
 var import_utils14 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react22.useState)(data.records || []);
-  const [columns, setColumns] = (0, import_react22.useState)([]);
+  const [rows, setRows] = (0, import_react23.useState)(data.records || []);
+  const [columns, setColumns] = (0, import_react23.useState)([]);
   const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -6663,7 +6780,7 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     setRows(transformData(data.records || null));
   }, [data.records]);
   const handleGetColumns = () => {
@@ -6684,7 +6801,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -6709,9 +6826,9 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-var import_react23 = require("react");
-var import_hooks15 = require("@fctc/interface-logic/hooks");
-var import_store10 = require("@fctc/interface-logic/store");
+var import_react24 = require("react");
+var import_hooks17 = require("@fctc/interface-logic/hooks");
+var import_store12 = require("@fctc/interface-logic/store");
 
 // src/environment.ts
 var environment_exports = {};
@@ -6738,18 +6855,18 @@ var tableGroupController = (props) => {
     setIsAutoSelect,
     selectedRowKeysRef
   } = props;
-  const [pageGroup, setPageGroup] = (0, import_react23.useState)(0);
-  const { groupByDomain, selectedTags } = (0, import_store10.useAppSelector)(import_store10.selectSearch);
-  const { selectedRowKeys } = (0, import_store10.useAppSelector)(import_store10.selectList);
-  const appDispatch = (0, import_store10.useAppDispatch)();
-  const { toDataJS } = (0, import_hooks15.useOdooDataTransform)();
+  const [pageGroup, setPageGroup] = (0, import_react24.useState)(0);
+  const { groupByDomain, selectedTags } = (0, import_store12.useAppSelector)(import_store12.selectSearch);
+  const { selectedRowKeys } = (0, import_store12.useAppSelector)(import_store12.selectList);
+  const appDispatch = (0, import_store12.useAppDispatch)();
+  const { toDataJS } = (0, import_hooks17.useOdooDataTransform)();
   const initVal = toDataJS(row, viewData, model);
-  const [isShowGroup, setIsShowGroup] = (0, import_react23.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react23.useState)({
+  const [isShowGroup, setIsShowGroup] = (0, import_react24.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react24.useState)({
     fromStart: 1,
     fromEnd: 1
   });
-  const processedData = (0, import_react23.useMemo)(() => {
+  const processedData = (0, import_react24.useMemo)(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -6764,7 +6881,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = (0, import_react23.useMemo)(() => {
+  const shouldFetchData = (0, import_react24.useMemo)(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -6789,7 +6906,7 @@ var tableGroupController = (props) => {
     isPlaceholderData,
     isLoading,
     isFetching
-  } = (0, import_hooks15.useGetListData)(listDataProps, queryKey, enabled);
+  } = (0, import_hooks17.useGetListData)(listDataProps, queryKey, enabled);
   const {
     columns: columnsGroup,
     rows: rowsGroup,
@@ -6804,7 +6921,7 @@ var tableGroupController = (props) => {
     }
   });
   const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
     }
@@ -6827,24 +6944,24 @@ var tableGroupController = (props) => {
       const filteredIds = selectedRowKeys.filter(
         (id) => !ids.includes(id)
       );
-      appDispatch((0, import_store10.setSelectedRowKeys)(filteredIds));
+      appDispatch((0, import_store12.setSelectedRowKeys)(filteredIds));
     } else if (!isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && checkedAll && !allIdsNull && isQueryFetched) {
       const clonedKeys = [...selectedRowKeys];
-      appDispatch((0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]));
-      setTimeout(() => appDispatch((0, import_store10.setSelectedRowKeys)(clonedKeys)), 500);
+      appDispatch((0, import_store12.setSelectedRowKeys)([...clonedKeys, -1]));
+      setTimeout(() => appDispatch((0, import_store12.setSelectedRowKeys)(clonedKeys)), 500);
     } else if (isShowGroup && selectedRowKeys?.length > 0 && typeTableGroup === "list" && !checkedAll && !allIdsNull) {
       const filteredKeys = selectedRowKeys.filter((id) => id > -1);
-      appDispatch((0, import_store10.setSelectedRowKeys)(filteredKeys));
+      appDispatch((0, import_store12.setSelectedRowKeys)(filteredKeys));
     }
     toggleShowGroup();
   };
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
     const clonedKeys = [...selectedRowKeys];
-    (0, import_store10.setSelectedRowKeys)([...clonedKeys, -1]);
-    setTimeout(() => (0, import_store10.setSelectedRowKeys)(clonedKeys), 500);
+    (0, import_store12.setSelectedRowKeys)([...clonedKeys, -1]);
+    setTimeout(() => (0, import_store12.setSelectedRowKeys)(clonedKeys), 500);
   }, [isQueryFetched]);
   return {
     handleExpandChildGroup,
@@ -6881,24 +6998,23 @@ var tableGroupController = (props) => {
 var import_constants5 = require("@fctc/interface-logic/constants");
 var import_utils15 = require("@fctc/interface-logic/utils");
 var import_moment2 = __toESM(require_moment());
-var import_react24 = require("react");
+var import_react25 = require("react");
 var searchController = ({
   viewData,
-  model,
-  domain,
-  context,
-  fieldsList
+  actionData,
+  fieldsList,
+  contextSearch,
+  setSearchMap,
+  searchMap
 }) => {
-  const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = (0, import_react24.useState)(null);
-  const [searchBy, setSearchBy] = (0, import_react24.useState)(null);
-  const [groupBy, setGroupBy] = (0, import_react24.useState)(null);
-  const [selectedTags, setSelectedTags] = (0, import_react24.useState)(null);
-  const [searchString, setSearchString] = (0, import_react24.useState)("");
-  const [searchMap, setSearchMap] = (0, import_react24.useState)({});
-  const actionContext = typeof context === "string" ? (0, import_utils15.evalJSONContext)(context) : context;
-  const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils15.evalJSONDomain)(domain, contextSearch) : [];
+  const [filterBy, setFilterBy] = (0, import_react25.useState)(null);
+  const [searchBy, setSearchBy] = (0, import_react25.useState)(null);
+  const [groupBy, setGroupBy] = (0, import_react25.useState)(null);
+  const [selectedTags, setSelectedTags] = (0, import_react25.useState)(null);
+  const [searchString, setSearchString] = (0, import_react25.useState)("");
+  const domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : (0, import_utils15.evalJSONDomain)(actionData?.domain, contextSearch) : [];
+  const aid = actionData?.id;
+  const model = actionData?.res_model;
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
@@ -6942,9 +7058,10 @@ var searchController = ({
       }
     }
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
+    clearSearch();
     fetchData();
-  }, [model, viewData]);
+  }, [aid, model, viewData]);
   const onChangeSearchInput = (search_string) => {
     setSearchString(search_string);
   };
@@ -6981,27 +7098,27 @@ var searchController = ({
   };
   const formatDomain = () => {
     if (domainAction) {
-      const domain2 = [];
+      const domain = [];
       if (domainAction?.length > 0) {
-        if (Object.keys(searchMap).some((key) => !key.includes(import_constants5.SearchType.GROUP))) {
-          domain2.push("&");
+        if (Object.keys(searchMap).length > 0) {
+          domain.push("&");
         }
         domainAction.forEach((domainItem) => {
-          domain2.push(domainItem);
+          domain.push(domainItem);
         });
       }
       Object.keys(searchMap).forEach((key, keyIndex, keys) => {
         if (!key?.includes(import_constants5.SearchType.GROUP)) {
           if (keys.length > 1 && keyIndex < keys.length - 1) {
-            domain2.push("&");
+            domain.push("&");
           }
           const valuesOfKey = searchMap[key];
           valuesOfKey.forEach((value, index) => {
             if (index < valuesOfKey.length - 1) {
-              domain2.push("|");
+              domain.push("|");
             }
             if (value.domain) {
-              domain2.push(...value.domain);
+              domain.push(...value.domain);
               return;
             }
             let valueDomainItem = value?.value;
@@ -7017,14 +7134,14 @@ var searchController = ({
               }
             }
             const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
-            domain2.push([value.name, operator, valueDomainItem]);
+            domain.push([value.name, operator, valueDomainItem]);
           });
         }
       });
-      return [...domain2];
+      return [...domain];
     }
   };
-  const setTagSearch = (0, import_react24.useCallback)(
+  const setTagSearch = (0, import_react25.useCallback)(
     (updatedMap) => {
       if (!updatedMap) return;
       const tagsSearch = Object.entries(updatedMap).map(
@@ -7052,16 +7169,16 @@ var searchController = ({
             const contexts = [];
             let groupValues = [];
             objValues?.forEach((objValue) => {
-              const { context: context2, value, active, groupIndex: groupIndex2, isDefault } = objValue;
+              const { context, value, active, groupIndex: groupIndex2, isDefault } = objValue;
               const indexAppend = groupIndex2 != null ? groupIndex2 : viewData?.views?.search?.filters_by?.length ?? 0;
               contexts.push(
-                ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({ group_by: item })) : [context2]
+                ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({ group_by: item })) : [context]
               );
               groupValues[indexAppend] = {
                 contexts: [
-                  ...Array.isArray(context2?.group_by) ? context2.group_by.map((item) => ({
+                  ...Array.isArray(context?.group_by) ? context.group_by.map((item) => ({
                     group_by: item
-                  })) : [context2]
+                  })) : [context]
                 ],
                 strings: isDefault ? [value] : [...groupValues[indexAppend]?.strings ?? [], value]
               };
@@ -7087,39 +7204,40 @@ var searchController = ({
     },
     [searchMap]
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
+    setSelectedTags(null);
     setTagSearch(searchMap);
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {
     const {
-      domain: domain2,
+      domain,
       groupIndex,
       value,
       type,
       title,
-      context: context2,
+      context,
       active,
       dataIndex
     } = tag;
-    const domainFormat = new import_utils15.domainHelper.Domain(domain2);
+    const domainFormat = new import_utils15.domainHelper.Domain(domain);
     if (type === import_constants5.SearchType.FILTER) {
       addSearchItems(`${import_constants5.SearchType.FILTER}_${groupIndex}`, {
         ...tag,
-        domain: domain2 ? domainFormat.toList(context2) : null
+        domain: domain ? domainFormat.toList(context) : null
       });
     } else if (type === import_constants5.SearchType.SEARCH) {
       addSearchItems(`${import_constants5.SearchType.SEARCH}_${String(dataIndex)}`, {
         ...tag,
-        domain: domain2 ? domainFormat.toList({
-          ...context2,
+        domain: domain ? domainFormat.toList({
+          ...context,
           self: value
         }) : null
       });
     } else if (type === import_constants5.SearchType.GROUP) {
       addSearchItems(`${import_constants5.SearchType.GROUP}`, {
         ...tag,
-        domain: domain2 ? domainFormat.toList({
-          context: context2,
+        domain: domain ? domainFormat.toList({
+          context,
           self: value
         }) : null
       });
@@ -7139,8 +7257,7 @@ var searchController = ({
     removeSearchItems,
     onSearchString: onChangeSearchInput,
     handleAddTagSearch,
-    domain: formatDomain(),
-    context: contextSearch
+    domain: formatDomain()
   };
 };
 // Annotate the CommonJS export names for ESM import in node:
@@ -7159,6 +7276,7 @@ var searchController = ({
   priorityFieldController,
   searchController,
   statusDropdownController,
+  tableBodyController,
   tableController,
   tableGroupController,
   tableHeadController