@fctc/widget-logic 3.0.4 → 3.0.6

package/dist/widget.js

@@ -4122,7 +4122,7 @@ var import_react9 = require("react");
 var import_react4 = require("react");
 
 // src/hooks/core/use-call-action.ts
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // src/provider.ts
 var provider_exports = {};
@@ -4149,7 +4149,7 @@ var languages = [
 ];
 
 // src/utils/function.ts
-var import_react2 = require("react");
+var import_react3 = require("react");
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -4270,7 +4270,7 @@ var STORAGES = {
   USER_INFO: "USER_INFO"
 };
 function useAsyncState(initialValue = [true, null]) {
-  return (0, import_react2.useReducer)(
+  return (0, import_react3.useReducer)(
     (_state, action = null) => [false, action],
     initialValue
   );
@@ -4288,7 +4288,7 @@ async function setStorageItemAsync(key, value) {
 }
 function useStorageState(key) {
   const [state, setState] = useAsyncState();
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     try {
       const storedValue = localStorage.getItem(key);
       setState(storedValue);
@@ -4296,7 +4296,7 @@ function useStorageState(key) {
       console.error("Local storage is unavailable:", e);
     }
   }, [key]);
-  const setValue = (0, import_react2.useCallback)(
+  const setValue = (0, import_react3.useCallback)(
     (value) => {
       setState(value);
       setStorageItemAsync(key, value);
@@ -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");
@@ -4372,7 +4379,7 @@ var useGetSpecification = ({
 
 // src/hooks/core/use-list-data.ts
 var import_react15 = require("react");
-var import_utils6 = require("@fctc/interface-logic/utils");
+var import_utils5 = require("@fctc/interface-logic/utils");
 
 // src/hooks/utils/use-click-outside.ts
 var import_react12 = 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"));
@@ -4642,18 +4727,18 @@ var many2oneFieldController = (props) => {
 // src/widget/basic/many2one-button-field/controller.ts
 var import_environment2 = require("@fctc/interface-logic/environment");
 var import_hooks6 = require("@fctc/interface-logic/hooks");
-var import_utils9 = require("@fctc/interface-logic/utils");
+var import_utils8 = require("@fctc/interface-logic/utils");
 var many2oneButtonController = (props) => {
   const { domain, methods, relation, service, xNode } = props;
   const actionDataString = sessionStorage.getItem("actionData");
   const env = (0, import_environment2.getEnv)();
-  const domainObject = (0, import_utils9.evalJSONDomain)(domain, methods?.getValues() || {});
+  const domainObject = (0, import_utils8.evalJSONDomain)(domain, methods?.getValues() || {});
   const actionData = actionDataString && actionDataString !== "undefined" ? JSON.parse(actionDataString) : {};
   const { data: dataOfSelection } = (0, import_hooks6.useGetSelection)({
     data: {
       model: relation ?? "",
       domain: domainObject,
-      context: { ...env.context, ...(0, import_utils9.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_utils8.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject],
     service,
@@ -4670,24 +4755,20 @@ var many2oneButtonController = (props) => {
 
 // src/widget/basic/many2many-field/controller.ts
 var import_react17 = require("react");
-var import_utils10 = require("@fctc/interface-logic/utils");
+var import_utils9 = require("@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] = (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_utils10.evalJSONContext)(tab?.options) : (options ? (0, import_utils10.evalJSONContext)(options) : {}) || {};
-  const fetchData = async () => {
-    try {
-      const domainParse = typeof domain === "string" ? (0, import_utils10.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_utils10.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,29 +4848,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
 var import_react18 = require("react");
 var import_constants2 = require("@fctc/interface-logic/constants");
-var import_utils11 = require("@fctc/interface-logic/utils");
+var import_utils10 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -4819,9 +4891,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 ? (0, import_utils11.evalJSONContext)(optionsFields) : null;
+  const addtionalFields = optionsFields ? (0, import_utils10.evalJSONContext)(optionsFields) : null;
   const domainObject = (0, import_react18.useMemo)(
-    () => (0, import_utils11.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    () => (0, import_utils10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -4865,7 +4937,7 @@ var many2manyTagsController = (props) => {
 
 // src/widget/basic/status-bar-field/controller.ts
 var import_react19 = require("react");
-var import_utils12 = require("@fctc/interface-logic/utils");
+var import_utils11 = require("@fctc/interface-logic/utils");
 var durationController = (props) => {
   const { relation, domain, formValues, name, id, model, onRefetch, enabled } = props;
   const specification = {
@@ -4881,7 +4953,7 @@ var durationController = (props) => {
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_utils12.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_utils11.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -4931,10 +5003,10 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_utils13 = require("@fctc/interface-logic/utils");
+var import_utils12 = require("@fctc/interface-logic/utils");
 var priorityFieldController = (props) => {
   const { name, model, index, actionData, context, onChange, specification } = props;
-  const _context = { ...(0, import_utils13.evalJSONContext)(actionData?.context) };
+  const _context = { ...(0, import_utils12.evalJSONContext)(actionData?.context) };
   const contextObject = { ...context, ..._context };
   const { useSave: useSave3 } = (0, provider_exports.useService)();
   const { mutateAsync: fetchSave } = useSave3();
@@ -5902,12 +5974,12 @@ var dateFieldController = (props) => {
 
 // src/widget/basic/copy-link-button/controller.ts
 var import_react21 = require("react");
-var import_utils14 = require("@fctc/interface-logic/utils");
+var import_utils13 = require("@fctc/interface-logic/utils");
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
   const [isCopied, setIsCopied] = (0, import_react21.useState)(false);
   const handleCopyToClipboard = async (value2) => {
-    await (0, import_utils14.copyTextToClipboard)(value2);
+    await (0, import_utils13.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -5920,12 +5992,12 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_utils15 = require("@fctc/interface-logic/utils");
+var import_utils14 = 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: useSave3 } = (0, provider_exports.useService)();
-  const _context = { ...(0, import_utils15.evalJSONContext)(actionData?.context) || {} };
+  const _context = { ...(0, import_utils14.evalJSONContext)(actionData?.context) || {} };
   const contextObject = { ...env.context, ..._context };
   const idDefault = isForm ? idForm : formValues?.id;
   const { mutate: onSave } = useSave3();
@@ -5954,7 +6026,7 @@ var colorFieldController = (props) => {
 
 // src/widget/basic/binary-field/controller.ts
 var import_react22 = require("react");
-var import_utils16 = require("@fctc/interface-logic/utils");
+var import_utils15 = require("@fctc/interface-logic/utils");
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
   const inputId = (0, import_react22.useId)();
@@ -6011,11 +6083,11 @@ var binaryFieldController = (props) => {
   };
   const checkIsImageLink = (url) => {
     const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp|svg|tiff|ico)$/i;
-    return imageExtensions.test(url) || (0, import_utils16.isBase64Image)(url) || isBlobUrl(url);
+    return imageExtensions.test(url) || (0, import_utils15.isBase64Image)(url) || isBlobUrl(url);
   };
   const getImageBase64WithMimeType = (base64) => {
     if (typeof base64 !== "string" || base64.length < 10) return null;
-    if ((0, import_utils16.isBase64Image)(base64)) return base64;
+    if ((0, import_utils15.isBase64Image)(base64)) return base64;
     let mimeType = null;
     if (base64.startsWith("iVBORw0KGgo")) mimeType = "image/png";
     else if (base64.startsWith("/9j/")) mimeType = "image/jpeg";
@@ -6118,7 +6190,7 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react24 = require("react");
-var import_utils18 = require("@fctc/interface-logic/utils");
+var import_utils17 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
   const [rows, setRows] = (0, import_react24.useState)(null);
   const [columns, setColumns] = (0, import_react24.useState)(null);
@@ -6156,7 +6228,7 @@ var tableController = ({ data }) => {
     let cols = [];
     try {
       cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils18.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils18.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils17.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils17.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         return {
           name: field?.name,
@@ -6341,7 +6413,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_constants3 = require("@fctc/interface-logic/constants");
-var import_utils20 = require("@fctc/interface-logic/utils");
+var import_utils19 = require("@fctc/interface-logic/utils");
 var import_moment2 = __toESM(require_moment());
 var import_react26 = require("react");
 var searchController = ({
@@ -6358,9 +6430,9 @@ var searchController = ({
   const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
   const [searchString, setSearchString] = (0, import_react26.useState)("");
   const [searchMap, setSearchMap] = (0, import_react26.useState)({});
-  const actionContext = typeof context === "string" ? (0, import_utils20.evalJSONContext)(context) : context;
+  const actionContext = typeof context === "string" ? (0, import_utils19.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
-  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils20.evalJSONDomain)(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils19.evalJSONDomain)(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
@@ -6375,7 +6447,7 @@ var searchController = ({
         const dataModel = viewData?.models?.[model];
         const searchViews = viewData?.views?.search;
         const searchByItems = searchViews?.search_by?.filter(
-          (item) => !import_utils20.domainHelper.matchDomains(contextSearch, item.invisible)
+          (item) => !import_utils19.domainHelper.matchDomains(contextSearch, item.invisible)
         )?.map(
           ({ string, name, filter_domain, operator, widget }, index) => ({
             dataIndex: index,
@@ -6388,10 +6460,10 @@ var searchController = ({
           })
         );
         const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !import_utils20.domainHelper.matchDomains(contextSearch, item?.invisible);
+          return !import_utils19.domainHelper.matchDomains(contextSearch, item?.invisible);
         })?.map((item) => ({ ...item, active: false }));
         const groupByItems = searchViews?.group_by.filter(
-          (item) => !import_utils20.domainHelper.matchDomains(contextSearch, item?.invisible)
+          (item) => !import_utils19.domainHelper.matchDomains(contextSearch, item?.invisible)
         ).map((item) => ({
           ...item,
           string: item.string ?? viewData?.models?.[model]?.[item?.name?.split("group_by_")?.[1]]?.string
@@ -6468,14 +6540,14 @@ var searchController = ({
             }
             let valueDomainItem = value?.value;
             if (value?.modelType === "date") {
-              valueDomainItem = (0, import_utils20.validateAndParseDate)(value?.value);
+              valueDomainItem = (0, import_utils19.validateAndParseDate)(value?.value);
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = (0, import_utils20.validateAndParseDate)(value?.value, true);
+                const parsedDate = (0, import_utils19.validateAndParseDate)(value?.value, true);
                 const hasTime = (0, import_moment2.default)(value?.value).format("HH:mm:ss") !== "00:00:00";
                 valueDomainItem = hasTime ? (0, import_moment2.default)(parsedDate).format("YYYY-MM-DD HH:mm:ss") : (0, import_moment2.default)(parsedDate).add(1, "day").subtract(1, "second").format("YYYY-MM-DD HH:mm:ss");
               } else {
-                valueDomainItem = (0, import_utils20.validateAndParseDate)(value?.value, true);
+                valueDomainItem = (0, import_utils19.validateAndParseDate)(value?.value, true);
               }
             }
             const operator = value?.modelType === "date" || value?.modelType === "datetime" || value?.modelType === "boolean" || value?.modelType === "integer" ? value?.operator ?? "=" : value.operator ?? "ilike";
@@ -6554,7 +6626,7 @@ var searchController = ({
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {
     const { domain: domain2, groupIndex, value, type, context: context2, dataIndex } = tag;
-    const domainFormat = new import_utils20.domainHelper.Domain(domain2);
+    const domainFormat = new import_utils19.domainHelper.Domain(domain2);
     if (type === import_constants3.SearchType.FILTER) {
       addSearchItems(`${import_constants3.SearchType.FILTER}_${groupIndex}`, {
         ...tag,