@fctc/widget-logic 3.0.4 → 3.0.6

package/dist/widget.mjs

@@ -4173,7 +4173,7 @@ import { createContext, useContext, useMemo as useMemo5 } from "react";
 import { useMemo, useState as useState3 } from "react";
 
 // src/hooks/core/use-call-action.ts
-import { useCallback as useCallback2, useState as useState2 } from "react";
+import { useCallback, useState as useState2 } from "react";
 
 // src/provider.ts
 var provider_exports = {};
@@ -4201,7 +4201,7 @@ var languages = [
 ];
 
 // src/utils/function.ts
-import { useCallback, useEffect as useEffect2, useReducer } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useReducer } from "react";
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -4348,7 +4348,7 @@ function useStorageState(key) {
       console.error("Local storage is unavailable:", e);
     }
   }, [key]);
-  const setValue = useCallback(
+  const setValue = useCallback2(
     (value) => {
       setState(value);
       setStorageItemAsync(key, value);
@@ -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);
@@ -4700,7 +4785,7 @@ var many2oneFieldController = (props) => {
 // src/widget/basic/many2one-button-field/controller.ts
 import { getEnv as getEnv2 } from "@fctc/interface-logic/environment";
 import { useGetSelection as useGetSelection2 } from "@fctc/interface-logic/hooks";
-import { evalJSONDomain as evalJSONDomain3, evalJSONContext as evalJSONContext4 } from "@fctc/interface-logic/utils";
+import { evalJSONDomain as evalJSONDomain3, evalJSONContext as evalJSONContext3 } from "@fctc/interface-logic/utils";
 var many2oneButtonController = (props) => {
   const { domain, methods, relation, service, xNode } = props;
   const actionDataString = sessionStorage.getItem("actionData");
@@ -4711,7 +4796,7 @@ var many2oneButtonController = (props) => {
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...evalJSONContext4(actionData?.context) }
+      context: { ...env.context, ...evalJSONContext3(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject],
     service,
@@ -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 evalJSONContext5,
-  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 ? evalJSONContext5(tab?.options) : (options ? evalJSONContext5(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 evalJSONContext6, 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,
@@ -4881,9 +4949,9 @@ var many2manyTagsController = (props) => {
   const isUser = relation === "res.users" || relation === "res.partner";
   const { env } = (0, provider_exports.useEnv)();
   const { useGetSelection: useGetSelection3 } = (0, provider_exports.useService)();
-  const addtionalFields = optionsFields ? evalJSONContext6(optionsFields) : null;
+  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: "",
@@ -4993,10 +5061,10 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-import { evalJSONContext as evalJSONContext7 } from "@fctc/interface-logic/utils";
+import { evalJSONContext as evalJSONContext6 } from "@fctc/interface-logic/utils";
 var priorityFieldController = (props) => {
   const { name, model, index, actionData, context, onChange, specification } = props;
-  const _context = { ...evalJSONContext7(actionData?.context) };
+  const _context = { ...evalJSONContext6(actionData?.context) };
   const contextObject = { ...context, ..._context };
   const { useSave: useSave3 } = (0, provider_exports.useService)();
   const { mutateAsync: fetchSave } = useSave3();
@@ -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);
@@ -5982,12 +6050,12 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-import { evalJSONContext as evalJSONContext8 } from "@fctc/interface-logic/utils";
+import { evalJSONContext as evalJSONContext7 } from "@fctc/interface-logic/utils";
 var colorFieldController = (props) => {
   const { value, isForm, name, formValues, idForm, model, actionData } = props;
   const { env } = (0, provider_exports.useEnv)();
   const { useSave: useSave3 } = (0, provider_exports.useService)();
-  const _context = { ...evalJSONContext8(actionData?.context) || {} };
+  const _context = { ...evalJSONContext7(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
   const { mutate: onSave } = useSave3();
@@ -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
   });
@@ -6406,11 +6474,11 @@ var import_moment2 = __toESM(require_moment());
 import { SearchType } from "@fctc/interface-logic/constants";
 import {
   domainHelper as domainHelper2,
-  evalJSONContext as evalJSONContext9,
-  evalJSONDomain as evalJSONDomain7,
+  evalJSONContext as evalJSONContext8,
+  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 actionContext = typeof context === "string" ? evalJSONContext9(context) : context;
+  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([]);