@fctc/widget-logic 3.0.3 → 3.0.5

package/dist/index.js

@@ -5517,17 +5517,13 @@ var many2manyFieldController = (props) => {
     domain,
     context,
     options,
-    tab,
-    setSelectedRowKeys,
-    groupByDomain,
-    enabled: enabledCallAPI
+    enabled: enabledCallAPI,
+    service
   } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
-  const [order, setOrder] = (0, import_react17.useState)();
-  const [page, setPage] = (0, import_react17.useState)(0);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react17.useState)(null);
-  const [debouncedPage] = useDebounce(page, 500);
+  const { user } = useAppProvider();
+  const { useGetView: useGetView2 } = (0, provider_exports.useService)();
+  const dataUser = user?.userProfile?.data;
   const contextObject = {
     ...env.context,
     ...context || {}
@@ -5544,61 +5540,46 @@ var many2manyFieldController = (props) => {
     viewParams,
     enabled: enabledCallAPI
   });
-  const { specification } = useGetSpecification({
-    model: String(relation),
-    viewData: viewResponse || {},
-    fields: [
-      ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-      ...tab?.fields ? tab.fields : []
-    ]
-  });
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_utils9.evalJSONContext)(tab?.options) : (options ? (0, import_utils9.evalJSONContext)(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      const domainParse = typeof domain === "string" ? (0, import_utils9.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
-      setDomainMany2Many(domainParse);
-      setPage(0);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const queryKey = [
-    `view-${relation}`,
-    specification,
-    domainMany2Many,
-    debouncedPage,
-    groupByDomain,
-    order
-  ];
-  const data = {
-    model: relation,
-    specification,
-    domain: domainMany2Many,
-    offset: debouncedPage * 10,
-    limit: 10,
-    context: contextObject,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils9.formatSortingString)(default_order) : ""
-  };
-  const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const optionsObject = (options && typeof options === "string" ? (0, import_utils9.evalJSONContext)(options) : options) || {};
   const {
     data: dataResponse,
-    isLoading,
     isFetched,
+    isLoading,
+    state,
     isPlaceholderData
-  } = useGetListData2(data, queryKey, enabled);
+  } = useListData({
+    action: {
+      domain,
+      res_model: relation
+    },
+    context: contextObject,
+    model: relation ?? "",
+    viewData: viewResponse,
+    service,
+    xNode: service == "wesap" && dataUser.x_node
+  });
+  const {
+    selectedRowKeys,
+    groupByList,
+    domain: domainList,
+    page,
+    pageLimit,
+    setDomain,
+    setOrder,
+    setPage,
+    setSelectedRowKeys,
+    setGroupByList,
+    setPageLimit
+  } = state;
   (0, import_react17.useEffect)(() => {
-    if (viewResponse) {
-      fetchData();
-    }
     return () => {
-      setPage(0);
-      setSelectedRowKeys([]);
-      setDomainMany2Many(null);
+      setDomain(null);
+      setOrder("");
+      setGroupByList(null);
+      setPageLimit(10);
     };
-  }, [viewResponse]);
+  }, []);
   const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
     data: {
       fields: viewResponse?.views?.list?.fields,
@@ -5622,22 +5603,28 @@ var many2manyFieldController = (props) => {
   const handleCreateNewOnPage = async () => {
   };
   return {
-    handleCreateNewOnPage,
-    optionsObject,
-    totalRows: dataResponse?.length ?? 0,
     rows,
     columns,
+    optionsObject,
+    viewData: viewResponse,
+    totalRows: dataResponse?.length ?? 0,
     onToggleColumnOptional,
     typeTable,
     isLoading,
     isFetched,
     isPlaceholderData,
-    setPage,
     page,
-    viewData: viewResponse,
-    domain: domainMany2Many,
-    setDomain: setDomainMany2Many,
-    searchController: searchControllers
+    pageLimit,
+    groupByList,
+    selectedRowKeys,
+    domain: domainList,
+    setPage,
+    setDomain,
+    setPageLimit,
+    setGroupByList,
+    setSelectedRowKeys,
+    searchController: searchControllers,
+    handleCreateNewOnPage
   };
 };
 

package/dist/index.mjs

@@ -5590,29 +5590,21 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-import { useEffect as useEffect11, useState as useState8 } from "react";
-import {
-  evalJSONContext as evalJSONContext4,
-  evalJSONDomain as evalJSONDomain4,
-  formatSortingString as formatSortingString2
-} from "@fctc/interface-logic/utils";
+import { useEffect as useEffect11 } from "react";
+import { evalJSONContext as evalJSONContext4 } from "@fctc/interface-logic/utils";
 var many2manyFieldController = (props) => {
   const {
     relation,
     domain,
     context,
     options,
-    tab,
-    setSelectedRowKeys,
-    groupByDomain,
-    enabled: enabledCallAPI
+    enabled: enabledCallAPI,
+    service
   } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
-  const [order, setOrder] = useState8();
-  const [page, setPage] = useState8(0);
-  const [domainMany2Many, setDomainMany2Many] = useState8(null);
-  const [debouncedPage] = useDebounce(page, 500);
+  const { user } = useAppProvider();
+  const { useGetView: useGetView2 } = (0, provider_exports.useService)();
+  const dataUser = user?.userProfile?.data;
   const contextObject = {
     ...env.context,
     ...context || {}
@@ -5629,61 +5621,46 @@ var many2manyFieldController = (props) => {
     viewParams,
     enabled: enabledCallAPI
   });
-  const { specification } = useGetSpecification({
-    model: String(relation),
-    viewData: viewResponse || {},
-    fields: [
-      ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-      ...tab?.fields ? tab.fields : []
-    ]
-  });
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? evalJSONContext4(tab?.options) : (options ? evalJSONContext4(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      const domainParse = typeof domain === "string" ? evalJSONDomain4(domain, contextObject) : Array.isArray(domain) ? domain : [];
-      setDomainMany2Many(domainParse);
-      setPage(0);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const queryKey = [
-    `view-${relation}`,
-    specification,
-    domainMany2Many,
-    debouncedPage,
-    groupByDomain,
-    order
-  ];
-  const data = {
-    model: relation,
-    specification,
-    domain: domainMany2Many,
-    offset: debouncedPage * 10,
-    limit: 10,
-    context: contextObject,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? formatSortingString2(default_order) : ""
-  };
-  const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const optionsObject = (options && typeof options === "string" ? evalJSONContext4(options) : options) || {};
   const {
     data: dataResponse,
-    isLoading,
     isFetched,
+    isLoading,
+    state,
     isPlaceholderData
-  } = useGetListData2(data, queryKey, enabled);
+  } = useListData({
+    action: {
+      domain,
+      res_model: relation
+    },
+    context: contextObject,
+    model: relation ?? "",
+    viewData: viewResponse,
+    service,
+    xNode: service == "wesap" && dataUser.x_node
+  });
+  const {
+    selectedRowKeys,
+    groupByList,
+    domain: domainList,
+    page,
+    pageLimit,
+    setDomain,
+    setOrder,
+    setPage,
+    setSelectedRowKeys,
+    setGroupByList,
+    setPageLimit
+  } = state;
   useEffect11(() => {
-    if (viewResponse) {
-      fetchData();
-    }
     return () => {
-      setPage(0);
-      setSelectedRowKeys([]);
-      setDomainMany2Many(null);
+      setDomain(null);
+      setOrder("");
+      setGroupByList(null);
+      setPageLimit(10);
     };
-  }, [viewResponse]);
+  }, []);
   const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
     data: {
       fields: viewResponse?.views?.list?.fields,
@@ -5707,29 +5684,35 @@ var many2manyFieldController = (props) => {
   const handleCreateNewOnPage = async () => {
   };
   return {
-    handleCreateNewOnPage,
-    optionsObject,
-    totalRows: dataResponse?.length ?? 0,
     rows,
     columns,
+    optionsObject,
+    viewData: viewResponse,
+    totalRows: dataResponse?.length ?? 0,
     onToggleColumnOptional,
     typeTable,
     isLoading,
     isFetched,
     isPlaceholderData,
-    setPage,
     page,
-    viewData: viewResponse,
-    domain: domainMany2Many,
-    setDomain: setDomainMany2Many,
-    searchController: searchControllers
+    pageLimit,
+    groupByList,
+    selectedRowKeys,
+    domain: domainList,
+    setPage,
+    setDomain,
+    setPageLimit,
+    setGroupByList,
+    setSelectedRowKeys,
+    searchController: searchControllers,
+    handleCreateNewOnPage
   };
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
 import { useMemo as useMemo9 } from "react";
 import { WIDGETAVATAR, WIDGETCOLOR } from "@fctc/interface-logic/constants";
-import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain5 } from "@fctc/interface-logic/utils";
+import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain4 } from "@fctc/interface-logic/utils";
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -5746,7 +5729,7 @@ var many2manyTagsController = (props) => {
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const addtionalFields = optionsFields ? evalJSONContext5(optionsFields) : null;
   const domainObject = useMemo9(
-    () => evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    () => evalJSONDomain4(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -5789,8 +5772,8 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-import { useState as useState9 } from "react";
-import { evalJSONDomain as evalJSONDomain6 } from "@fctc/interface-logic/utils";
+import { useState as useState8 } from "react";
+import { evalJSONDomain as evalJSONDomain5 } from "@fctc/interface-logic/utils";
 var durationController = (props) => {
   const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
   const specification = {
@@ -5800,13 +5783,13 @@ var durationController = (props) => {
   };
   const { useGetListData: useGetListData2, useChangeStatus: useChangeStatus2 } = (0, provider_exports.useService)();
   const { env } = (0, provider_exports.useEnv)();
-  const [disabled, setDisabled] = useState9(false);
-  const [modelStatus, setModalStatus] = useState9(false);
+  const [disabled, setDisabled] = useState8(false);
+  const [modelStatus, setModalStatus] = useState8(false);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: evalJSONDomain6(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -5891,10 +5874,10 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-import { useId, useState as useState10 } from "react";
+import { useId, useState as useState9 } from "react";
 var downloadFileController = () => {
   const inputId = useId();
-  const [file, setFile] = useState10(null);
+  const [file, setFile] = useState9(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -6826,11 +6809,11 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-import { useState as useState11 } from "react";
+import { useState as useState10 } from "react";
 import { copyTextToClipboard } from "@fctc/interface-logic/utils";
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = useState11(false);
+  const [isCopied, setIsCopied] = useState10(false);
   const handleCopyToClipboard = async (value2) => {
     await copyTextToClipboard(value2);
     setIsCopied(true);
@@ -6878,14 +6861,14 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-import { useEffect as useEffect12, useId as useId2, useRef as useRef4, useState as useState12 } from "react";
+import { useEffect as useEffect12, useId as useId2, useRef as useRef4, useState as useState11 } from "react";
 import { isBase64Image } from "@fctc/interface-logic/utils";
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
   const inputId = useId2();
-  const [selectedImage, setSelectedImage] = useState12(null);
-  const [initialImage, setInitialImage] = useState12(value || null);
-  const [isInsideTable, setIsInsideTable] = useState12(false);
+  const [selectedImage, setSelectedImage] = useState11(null);
+  const [initialImage, setInitialImage] = useState11(value || null);
+  const [isInsideTable, setIsInsideTable] = useState11(false);
   const { setValue } = methods;
   const binaryRef = useRef4(null);
   const convertUrlToBase64 = async (url) => {
@@ -7042,11 +7025,11 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-import { useEffect as useEffect13, useState as useState13 } from "react";
+import { useEffect as useEffect13, useState as useState12 } from "react";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
-  const [rows, setRows] = useState13(null);
-  const [columns, setColumns] = useState13(null);
+  const [rows, setRows] = useState12(null);
+  const [columns, setColumns] = useState12(null);
   const dataModelFields = data?.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -7131,7 +7114,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect14, useMemo as useMemo11, useState as useState14 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo11, useState as useState13 } from "react";
 import { useAppSelector as useAppSelector2, selectList } from "@fctc/interface-logic/store";
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -7148,10 +7131,10 @@ var tableGroupController = (props) => {
     groupByList,
     setSelectedRowKeys
   } = props;
-  const [pageGroup, setPageGroup] = useState14(0);
+  const [pageGroup, setPageGroup] = useState13(0);
   const { selectedRowKeys } = useAppSelector2(selectList);
-  const [isShowGroup, setIsShowGroup] = useState14(false);
-  const [colEmptyGroup, setColEmptyGroup] = useState14({
+  const [isShowGroup, setIsShowGroup] = useState13(false);
+  const [colEmptyGroup, setColEmptyGroup] = useState13({
     fromStart: 1,
     fromEnd: 1
   });
@@ -7270,10 +7253,10 @@ import { SearchType } from "@fctc/interface-logic/constants";
 import {
   domainHelper as domainHelper2,
   evalJSONContext as evalJSONContext8,
-  evalJSONDomain as evalJSONDomain7,
+  evalJSONDomain as evalJSONDomain6,
   validateAndParseDate
 } from "@fctc/interface-logic/utils";
-import { useCallback as useCallback5, useEffect as useEffect15, useState as useState15 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect15, useState as useState14 } from "react";
 var searchController = ({
   viewData,
   model,
@@ -7282,15 +7265,15 @@ var searchController = ({
   fieldsList
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = useState15(null);
-  const [searchBy, setSearchBy] = useState15(null);
-  const [groupBy, setGroupBy] = useState15(null);
-  const [selectedTags, setSelectedTags] = useState15(null);
-  const [searchString, setSearchString] = useState15("");
-  const [searchMap, setSearchMap] = useState15({});
+  const [filterBy, setFilterBy] = useState14(null);
+  const [searchBy, setSearchBy] = useState14(null);
+  const [groupBy, setGroupBy] = useState14(null);
+  const [selectedTags, setSelectedTags] = useState14(null);
+  const [searchString, setSearchString] = useState14("");
+  const [searchMap, setSearchMap] = useState14({});
   const actionContext = typeof context === "string" ? evalJSONContext8(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : evalJSONDomain7(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : evalJSONDomain6(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);

package/dist/widget.d.mts

@@ -61,30 +61,35 @@ declare const many2oneButtonController: (props: any) => {
 };
 
 interface IMany2ManyControllerProps extends IInputFieldProps {
-    tab: any;
-    setSelectedRowKeys: any;
-    groupByDomain: any;
-    options: any;
-    enabled: boolean;
-    viewData: any;
+    relation: string;
+    domain?: any;
+    context?: any;
+    options?: any;
+    enabled?: boolean;
+    service?: string;
 }
 
 declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
-    handleCreateNewOnPage: () => Promise<void>;
-    optionsObject: any;
-    totalRows: any;
     rows: any;
     columns: any;
+    optionsObject: any;
+    viewData: any;
+    totalRows: any;
     onToggleColumnOptional: (item: any) => void;
     typeTable: "list" | "group" | "calendar" | undefined;
     isLoading: boolean;
     isFetched: boolean;
     isPlaceholderData: boolean;
-    setPage: react.Dispatch<react.SetStateAction<number>>;
     page: number;
-    viewData: any;
+    pageLimit: number;
+    groupByList: any;
+    selectedRowKeys: number[];
     domain: any;
+    setPage: react.Dispatch<react.SetStateAction<number>>;
     setDomain: react.Dispatch<any>;
+    setPageLimit: react.Dispatch<react.SetStateAction<number>>;
+    setGroupByList: react.Dispatch<any>;
+    setSelectedRowKeys: react.Dispatch<react.SetStateAction<number[]>>;
     searchController: {
         groupBy: any[] | null;
         searchBy: any[] | null;
@@ -102,6 +107,7 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
         domain: any[] | undefined;
         context: any;
     };
+    handleCreateNewOnPage: () => Promise<void>;
 };
 
 interface IMany2ManyTagFieldProps extends IInputFieldProps {

package/dist/widget.d.ts

@@ -61,30 +61,35 @@ declare const many2oneButtonController: (props: any) => {
 };
 
 interface IMany2ManyControllerProps extends IInputFieldProps {
-    tab: any;
-    setSelectedRowKeys: any;
-    groupByDomain: any;
-    options: any;
-    enabled: boolean;
-    viewData: any;
+    relation: string;
+    domain?: any;
+    context?: any;
+    options?: any;
+    enabled?: boolean;
+    service?: string;
 }
 
 declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
-    handleCreateNewOnPage: () => Promise<void>;
-    optionsObject: any;
-    totalRows: any;
     rows: any;
     columns: any;
+    optionsObject: any;
+    viewData: any;
+    totalRows: any;
     onToggleColumnOptional: (item: any) => void;
     typeTable: "list" | "group" | "calendar" | undefined;
     isLoading: boolean;
     isFetched: boolean;
     isPlaceholderData: boolean;
-    setPage: react.Dispatch<react.SetStateAction<number>>;
     page: number;
-    viewData: any;
+    pageLimit: number;
+    groupByList: any;
+    selectedRowKeys: number[];
     domain: any;
+    setPage: react.Dispatch<react.SetStateAction<number>>;
     setDomain: react.Dispatch<any>;
+    setPageLimit: react.Dispatch<react.SetStateAction<number>>;
+    setGroupByList: react.Dispatch<any>;
+    setSelectedRowKeys: react.Dispatch<react.SetStateAction<number[]>>;
     searchController: {
         groupBy: any[] | null;
         searchBy: any[] | null;
@@ -102,6 +107,7 @@ declare const many2manyFieldController: (props: IMany2ManyControllerProps) => {
         domain: any[] | undefined;
         context: any;
     };
+    handleCreateNewOnPage: () => Promise<void>;
 };
 
 interface IMany2ManyTagFieldProps extends IInputFieldProps {

package/dist/widget.js

@@ -4335,6 +4335,13 @@ var AppProviderInitialValue = {
   view: {}
 };
 var ReactContext = (0, import_react9.createContext)(AppProviderInitialValue);
+var useAppProvider = () => {
+  const context = (0, import_react9.useContext)(ReactContext);
+  if (!context) {
+    return AppProviderInitialValue;
+  }
+  return context;
+};
 
 // src/hooks/core/use-config.ts
 var import_react10 = require("react");
@@ -4458,6 +4465,84 @@ var useGetRowIds = (tableRef) => {
   return { rowIds, refresh: updateVisibleRowIds };
 };
 
+// src/hooks/core/use-list-data.ts
+var useListData = ({
+  action,
+  context,
+  viewData,
+  model,
+  service,
+  xNode
+}) => {
+  const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
+  const [page, setPage] = (0, import_react15.useState)(0);
+  const [pageLimit, setPageLimit] = (0, import_react15.useState)(10);
+  const [groupByList, setGroupByList] = (0, import_react15.useState)(null);
+  const [domain, setDomain] = (0, import_react15.useState)(null);
+  const [order, setOrder] = (0, import_react15.useState)("");
+  const [selectedRowKeys, setSelectedRowKeys] = (0, import_react15.useState)([]);
+  const [debouncedPage] = useDebounce(page, 500);
+  const [debouncedDomain] = useDebounce(domain, 500);
+  const { specification } = useGetSpecification({
+    model,
+    viewData,
+    fields: viewData?.views?.list?.fields
+  });
+  const listDataProps = (0, import_react15.useMemo)(() => {
+    if (!viewData || !action || !context) {
+      return null;
+    }
+    const domainParse = domain ? [...domain] : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : (0, import_utils5.evalJSONDomain)(action?.domain, context) : [];
+    const limit = pageLimit;
+    const offset = debouncedPage * pageLimit;
+    const fields = typeof groupByList === "object" ? groupByList?.fields : void 0;
+    const groupby = typeof groupByList === "object" ? [groupByList?.contexts?.[0]?.group_by] : [];
+    const sort = order ? order : viewData?.views?.list?.default_order ? (0, import_utils5.formatSortingString)(viewData?.views?.list?.default_order) : "";
+    return {
+      model: action?.res_model,
+      specification,
+      domain: domainParse,
+      limit,
+      offset,
+      fields,
+      groupby,
+      context,
+      sort
+    };
+  }, [action, groupByList, order, debouncedPage, pageLimit, debouncedDomain]);
+  const list = useGetListData2(
+    { ...listDataProps },
+    [
+      listDataProps?.domain,
+      listDataProps?.groupby,
+      listDataProps?.limit,
+      listDataProps?.offset,
+      listDataProps?.sort
+    ],
+    !!listDataProps && !!specification && !(0, import_utils5.isObjectEmpty)(specification) && !!domain,
+    service,
+    xNode
+  );
+  return {
+    ...list,
+    state: {
+      specification,
+      page,
+      order,
+      domain: listDataProps?.domain,
+      pageLimit,
+      groupByList,
+      selectedRowKeys,
+      setPage,
+      setOrder,
+      setDomain,
+      setPageLimit,
+      setGroupByList,
+      setSelectedRowKeys
+    }
+  };
+};
+
 // src/store.ts
 var store_exports = {};
 __reExport(store_exports, require("@fctc/interface-logic/store"));
@@ -4677,17 +4762,13 @@ var many2manyFieldController = (props) => {
     domain,
     context,
     options,
-    tab,
-    setSelectedRowKeys,
-    groupByDomain,
-    enabled: enabledCallAPI
+    enabled: enabledCallAPI,
+    service
   } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
-  const [order, setOrder] = (0, import_react17.useState)();
-  const [page, setPage] = (0, import_react17.useState)(0);
-  const [domainMany2Many, setDomainMany2Many] = (0, import_react17.useState)(null);
-  const [debouncedPage] = useDebounce(page, 500);
+  const { user } = useAppProvider();
+  const { useGetView: useGetView2 } = (0, provider_exports.useService)();
+  const dataUser = user?.userProfile?.data;
   const contextObject = {
     ...env.context,
     ...context || {}
@@ -4704,61 +4785,46 @@ var many2manyFieldController = (props) => {
     viewParams,
     enabled: enabledCallAPI
   });
-  const { specification } = useGetSpecification({
-    model: String(relation),
-    viewData: viewResponse || {},
-    fields: [
-      ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-      ...tab?.fields ? tab.fields : []
-    ]
-  });
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_utils9.evalJSONContext)(tab?.options) : (options ? (0, import_utils9.evalJSONContext)(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      const domainParse = typeof domain === "string" ? (0, import_utils9.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
-      setDomainMany2Many(domainParse);
-      setPage(0);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const queryKey = [
-    `view-${relation}`,
-    specification,
-    domainMany2Many,
-    debouncedPage,
-    groupByDomain,
-    order
-  ];
-  const data = {
-    model: relation,
-    specification,
-    domain: domainMany2Many,
-    offset: debouncedPage * 10,
-    limit: 10,
-    context: contextObject,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils9.formatSortingString)(default_order) : ""
-  };
-  const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const optionsObject = (options && typeof options === "string" ? (0, import_utils9.evalJSONContext)(options) : options) || {};
   const {
     data: dataResponse,
-    isLoading,
     isFetched,
+    isLoading,
+    state,
     isPlaceholderData
-  } = useGetListData2(data, queryKey, enabled);
+  } = useListData({
+    action: {
+      domain,
+      res_model: relation
+    },
+    context: contextObject,
+    model: relation ?? "",
+    viewData: viewResponse,
+    service,
+    xNode: service == "wesap" && dataUser.x_node
+  });
+  const {
+    selectedRowKeys,
+    groupByList,
+    domain: domainList,
+    page,
+    pageLimit,
+    setDomain,
+    setOrder,
+    setPage,
+    setSelectedRowKeys,
+    setGroupByList,
+    setPageLimit
+  } = state;
   (0, import_react17.useEffect)(() => {
-    if (viewResponse) {
-      fetchData();
-    }
     return () => {
-      setPage(0);
-      setSelectedRowKeys([]);
-      setDomainMany2Many(null);
+      setDomain(null);
+      setOrder("");
+      setGroupByList(null);
+      setPageLimit(10);
     };
-  }, [viewResponse]);
+  }, []);
   const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
     data: {
       fields: viewResponse?.views?.list?.fields,
@@ -4782,22 +4848,28 @@ var many2manyFieldController = (props) => {
   const handleCreateNewOnPage = async () => {
   };
   return {
-    handleCreateNewOnPage,
-    optionsObject,
-    totalRows: dataResponse?.length ?? 0,
     rows,
     columns,
+    optionsObject,
+    viewData: viewResponse,
+    totalRows: dataResponse?.length ?? 0,
     onToggleColumnOptional,
     typeTable,
     isLoading,
     isFetched,
     isPlaceholderData,
-    setPage,
     page,
-    viewData: viewResponse,
-    domain: domainMany2Many,
-    setDomain: setDomainMany2Many,
-    searchController: searchControllers
+    pageLimit,
+    groupByList,
+    selectedRowKeys,
+    domain: domainList,
+    setPage,
+    setDomain,
+    setPageLimit,
+    setGroupByList,
+    setSelectedRowKeys,
+    searchController: searchControllers,
+    handleCreateNewOnPage
   };
 };
 

package/dist/widget.mjs

@@ -4388,6 +4388,13 @@ var AppProviderInitialValue = {
   view: {}
 };
 var ReactContext = createContext(AppProviderInitialValue);
+var useAppProvider = () => {
+  const context = useContext(ReactContext);
+  if (!context) {
+    return AppProviderInitialValue;
+  }
+  return context;
+};
 
 // src/hooks/core/use-config.ts
 import { useEffect as useEffect6 } from "react";
@@ -4515,6 +4522,84 @@ var useGetRowIds = (tableRef) => {
   return { rowIds, refresh: updateVisibleRowIds };
 };
 
+// src/hooks/core/use-list-data.ts
+var useListData = ({
+  action,
+  context,
+  viewData,
+  model,
+  service,
+  xNode
+}) => {
+  const { useGetListData: useGetListData2 } = (0, provider_exports.useService)();
+  const [page, setPage] = useState6(0);
+  const [pageLimit, setPageLimit] = useState6(10);
+  const [groupByList, setGroupByList] = useState6(null);
+  const [domain, setDomain] = useState6(null);
+  const [order, setOrder] = useState6("");
+  const [selectedRowKeys, setSelectedRowKeys] = useState6([]);
+  const [debouncedPage] = useDebounce(page, 500);
+  const [debouncedDomain] = useDebounce(domain, 500);
+  const { specification } = useGetSpecification({
+    model,
+    viewData,
+    fields: viewData?.views?.list?.fields
+  });
+  const listDataProps = useMemo7(() => {
+    if (!viewData || !action || !context) {
+      return null;
+    }
+    const domainParse = domain ? [...domain] : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : evalJSONDomain(action?.domain, context) : [];
+    const limit = pageLimit;
+    const offset = debouncedPage * pageLimit;
+    const fields = typeof groupByList === "object" ? groupByList?.fields : void 0;
+    const groupby = typeof groupByList === "object" ? [groupByList?.contexts?.[0]?.group_by] : [];
+    const sort = order ? order : viewData?.views?.list?.default_order ? formatSortingString(viewData?.views?.list?.default_order) : "";
+    return {
+      model: action?.res_model,
+      specification,
+      domain: domainParse,
+      limit,
+      offset,
+      fields,
+      groupby,
+      context,
+      sort
+    };
+  }, [action, groupByList, order, debouncedPage, pageLimit, debouncedDomain]);
+  const list = useGetListData2(
+    { ...listDataProps },
+    [
+      listDataProps?.domain,
+      listDataProps?.groupby,
+      listDataProps?.limit,
+      listDataProps?.offset,
+      listDataProps?.sort
+    ],
+    !!listDataProps && !!specification && !isObjectEmpty4(specification) && !!domain,
+    service,
+    xNode
+  );
+  return {
+    ...list,
+    state: {
+      specification,
+      page,
+      order,
+      domain: listDataProps?.domain,
+      pageLimit,
+      groupByList,
+      selectedRowKeys,
+      setPage,
+      setOrder,
+      setDomain,
+      setPageLimit,
+      setGroupByList,
+      setSelectedRowKeys
+    }
+  };
+};
+
 // src/store.ts
 var store_exports = {};
 __reExport(store_exports, store_star);
@@ -4727,29 +4812,21 @@ var many2oneButtonController = (props) => {
 };
 
 // src/widget/basic/many2many-field/controller.ts
-import { useEffect as useEffect11, useState as useState8 } from "react";
-import {
-  evalJSONContext as evalJSONContext4,
-  evalJSONDomain as evalJSONDomain4,
-  formatSortingString as formatSortingString2
-} from "@fctc/interface-logic/utils";
+import { useEffect as useEffect11 } from "react";
+import { evalJSONContext as evalJSONContext4 } from "@fctc/interface-logic/utils";
 var many2manyFieldController = (props) => {
   const {
     relation,
     domain,
     context,
     options,
-    tab,
-    setSelectedRowKeys,
-    groupByDomain,
-    enabled: enabledCallAPI
+    enabled: enabledCallAPI,
+    service
   } = props;
   const { env } = (0, provider_exports.useEnv)();
-  const { useGetView: useGetView2, useGetListData: useGetListData2, useGetFormView: useGetFormView2 } = (0, provider_exports.useService)();
-  const [order, setOrder] = useState8();
-  const [page, setPage] = useState8(0);
-  const [domainMany2Many, setDomainMany2Many] = useState8(null);
-  const [debouncedPage] = useDebounce(page, 500);
+  const { user } = useAppProvider();
+  const { useGetView: useGetView2 } = (0, provider_exports.useService)();
+  const dataUser = user?.userProfile?.data;
   const contextObject = {
     ...env.context,
     ...context || {}
@@ -4766,61 +4843,46 @@ var many2manyFieldController = (props) => {
     viewParams,
     enabled: enabledCallAPI
   });
-  const { specification } = useGetSpecification({
-    model: String(relation),
-    viewData: viewResponse || {},
-    fields: [
-      ...Object.values(viewResponse?.views?.list?.fields ?? {}),
-      ...tab?.fields ? tab.fields : []
-    ]
-  });
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? evalJSONContext4(tab?.options) : (options ? evalJSONContext4(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      const domainParse = typeof domain === "string" ? evalJSONDomain4(domain, contextObject) : Array.isArray(domain) ? domain : [];
-      setDomainMany2Many(domainParse);
-      setPage(0);
-    } catch (err) {
-      console.log(err);
-    }
-  };
-  const queryKey = [
-    `view-${relation}`,
-    specification,
-    domainMany2Many,
-    debouncedPage,
-    groupByDomain,
-    order
-  ];
-  const data = {
-    model: relation,
-    specification,
-    domain: domainMany2Many,
-    offset: debouncedPage * 10,
-    limit: 10,
-    context: contextObject,
-    fields: groupByDomain?.fields,
-    groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? formatSortingString2(default_order) : ""
-  };
-  const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
+  const optionsObject = (options && typeof options === "string" ? evalJSONContext4(options) : options) || {};
   const {
     data: dataResponse,
-    isLoading,
     isFetched,
+    isLoading,
+    state,
     isPlaceholderData
-  } = useGetListData2(data, queryKey, enabled);
+  } = useListData({
+    action: {
+      domain,
+      res_model: relation
+    },
+    context: contextObject,
+    model: relation ?? "",
+    viewData: viewResponse,
+    service,
+    xNode: service == "wesap" && dataUser.x_node
+  });
+  const {
+    selectedRowKeys,
+    groupByList,
+    domain: domainList,
+    page,
+    pageLimit,
+    setDomain,
+    setOrder,
+    setPage,
+    setSelectedRowKeys,
+    setGroupByList,
+    setPageLimit
+  } = state;
   useEffect11(() => {
-    if (viewResponse) {
-      fetchData();
-    }
     return () => {
-      setPage(0);
-      setSelectedRowKeys([]);
-      setDomainMany2Many(null);
+      setDomain(null);
+      setOrder("");
+      setGroupByList(null);
+      setPageLimit(10);
     };
-  }, [viewResponse]);
+  }, []);
   const { rows, columns, typeTable, onToggleColumnOptional } = tableController({
     data: {
       fields: viewResponse?.views?.list?.fields,
@@ -4844,29 +4906,35 @@ var many2manyFieldController = (props) => {
   const handleCreateNewOnPage = async () => {
   };
   return {
-    handleCreateNewOnPage,
-    optionsObject,
-    totalRows: dataResponse?.length ?? 0,
     rows,
     columns,
+    optionsObject,
+    viewData: viewResponse,
+    totalRows: dataResponse?.length ?? 0,
     onToggleColumnOptional,
     typeTable,
     isLoading,
     isFetched,
     isPlaceholderData,
-    setPage,
     page,
-    viewData: viewResponse,
-    domain: domainMany2Many,
-    setDomain: setDomainMany2Many,
-    searchController: searchControllers
+    pageLimit,
+    groupByList,
+    selectedRowKeys,
+    domain: domainList,
+    setPage,
+    setDomain,
+    setPageLimit,
+    setGroupByList,
+    setSelectedRowKeys,
+    searchController: searchControllers,
+    handleCreateNewOnPage
   };
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
 import { useMemo as useMemo9 } from "react";
 import { WIDGETAVATAR, WIDGETCOLOR } from "@fctc/interface-logic/constants";
-import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain5 } from "@fctc/interface-logic/utils";
+import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain4 } from "@fctc/interface-logic/utils";
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -4883,7 +4951,7 @@ var many2manyTagsController = (props) => {
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
   const addtionalFields = optionsFields ? evalJSONContext5(optionsFields) : null;
   const domainObject = useMemo9(
-    () => evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    () => evalJSONDomain4(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -4926,8 +4994,8 @@ var many2manyTagsController = (props) => {
 };
 
 // src/widget/basic/status-bar-field/controller.ts
-import { useState as useState9 } from "react";
-import { evalJSONDomain as evalJSONDomain6 } from "@fctc/interface-logic/utils";
+import { useState as useState8 } from "react";
+import { evalJSONDomain as evalJSONDomain5 } from "@fctc/interface-logic/utils";
 var durationController = (props) => {
   const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
   const specification = {
@@ -4937,13 +5005,13 @@ var durationController = (props) => {
   };
   const { useGetListData: useGetListData2, useChangeStatus: useChangeStatus2 } = (0, provider_exports.useService)();
   const { env } = (0, provider_exports.useEnv)();
-  const [disabled, setDisabled] = useState9(false);
-  const [modelStatus, setModalStatus] = useState9(false);
+  const [disabled, setDisabled] = useState8(false);
+  const [modelStatus, setModalStatus] = useState8(false);
   const queryKey = [`data-status-duration`, specification];
   const listDataProps = {
     model: relation,
     specification,
-    domain: evalJSONDomain6(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: evalJSONDomain5(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -5028,10 +5096,10 @@ var priorityFieldController = (props) => {
 };
 
 // src/widget/basic/download-file-field/controller.ts
-import { useId, useState as useState10 } from "react";
+import { useId, useState as useState9 } from "react";
 var downloadFileController = () => {
   const inputId = useId();
-  const [file, setFile] = useState10(null);
+  const [file, setFile] = useState9(null);
   const handleFileChange = (e) => {
     setFile(e.target.files[0]);
   };
@@ -5963,11 +6031,11 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-import { useState as useState11 } from "react";
+import { useState as useState10 } from "react";
 import { copyTextToClipboard } from "@fctc/interface-logic/utils";
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = useState11(false);
+  const [isCopied, setIsCopied] = useState10(false);
   const handleCopyToClipboard = async (value2) => {
     await copyTextToClipboard(value2);
     setIsCopied(true);
@@ -6015,14 +6083,14 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-import { useEffect as useEffect12, useId as useId2, useRef as useRef4, useState as useState12 } from "react";
+import { useEffect as useEffect12, useId as useId2, useRef as useRef4, useState as useState11 } from "react";
 import { isBase64Image } from "@fctc/interface-logic/utils";
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
   const inputId = useId2();
-  const [selectedImage, setSelectedImage] = useState12(null);
-  const [initialImage, setInitialImage] = useState12(value || null);
-  const [isInsideTable, setIsInsideTable] = useState12(false);
+  const [selectedImage, setSelectedImage] = useState11(null);
+  const [initialImage, setInitialImage] = useState11(value || null);
+  const [isInsideTable, setIsInsideTable] = useState11(false);
   const { setValue } = methods;
   const binaryRef = useRef4(null);
   const convertUrlToBase64 = async (url) => {
@@ -6179,11 +6247,11 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-import { useEffect as useEffect13, useState as useState13 } from "react";
+import { useEffect as useEffect13, useState as useState12 } from "react";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
-  const [rows, setRows] = useState13(null);
-  const [columns, setColumns] = useState13(null);
+  const [rows, setRows] = useState12(null);
+  const [columns, setColumns] = useState12(null);
   const dataModelFields = data?.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -6268,7 +6336,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect14, useMemo as useMemo11, useState as useState14 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo11, useState as useState13 } from "react";
 import { useAppSelector as useAppSelector2, selectList } from "@fctc/interface-logic/store";
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -6285,10 +6353,10 @@ var tableGroupController = (props) => {
     groupByList,
     setSelectedRowKeys
   } = props;
-  const [pageGroup, setPageGroup] = useState14(0);
+  const [pageGroup, setPageGroup] = useState13(0);
   const { selectedRowKeys } = useAppSelector2(selectList);
-  const [isShowGroup, setIsShowGroup] = useState14(false);
-  const [colEmptyGroup, setColEmptyGroup] = useState14({
+  const [isShowGroup, setIsShowGroup] = useState13(false);
+  const [colEmptyGroup, setColEmptyGroup] = useState13({
     fromStart: 1,
     fromEnd: 1
   });
@@ -6407,10 +6475,10 @@ import { SearchType } from "@fctc/interface-logic/constants";
 import {
   domainHelper as domainHelper2,
   evalJSONContext as evalJSONContext8,
-  evalJSONDomain as evalJSONDomain7,
+  evalJSONDomain as evalJSONDomain6,
   validateAndParseDate
 } from "@fctc/interface-logic/utils";
-import { useCallback as useCallback5, useEffect as useEffect15, useState as useState15 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect15, useState as useState14 } from "react";
 var searchController = ({
   viewData,
   model,
@@ -6419,15 +6487,15 @@ var searchController = ({
   fieldsList
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = useState15(null);
-  const [searchBy, setSearchBy] = useState15(null);
-  const [groupBy, setGroupBy] = useState15(null);
-  const [selectedTags, setSelectedTags] = useState15(null);
-  const [searchString, setSearchString] = useState15("");
-  const [searchMap, setSearchMap] = useState15({});
+  const [filterBy, setFilterBy] = useState14(null);
+  const [searchBy, setSearchBy] = useState14(null);
+  const [groupBy, setGroupBy] = useState14(null);
+  const [selectedTags, setSelectedTags] = useState14(null);
+  const [searchString, setSearchString] = useState14("");
+  const [searchMap, setSearchMap] = useState14({});
   const actionContext = typeof context === "string" ? evalJSONContext8(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : evalJSONDomain7(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : evalJSONDomain6(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/widget-logic",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -74,7 +74,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@fctc/interface-logic": "^2.7.1",
+    "@fctc/interface-logic": "^2.7.2",
     "@headlessui/react": "^2.2.6",
     "@tanstack/react-query": "^5.84.0",
     "i18next": "^25.3.2",