@fctc/widget-logic 2.7.1 → 2.7.2

package/dist/hooks.d.mts

@@ -89,11 +89,10 @@ interface UseMenuReturn {
 declare const useUser: () => any;
 type useUserType = ReturnType<typeof useUser>;
 
-declare const useViewV2: ({ id, context, views, model, }: {
-    id?: any;
+declare const useViewV2: ({ action, context, aid, }: {
+    action: ActionResultType;
     context: any;
-    views: any;
-    model?: string;
+    aid?: any;
 }) => {
     context: any;
     data: ViewResponse;

package/dist/hooks.d.ts

@@ -89,11 +89,10 @@ interface UseMenuReturn {
 declare const useUser: () => any;
 type useUserType = ReturnType<typeof useUser>;
 
-declare const useViewV2: ({ id, context, views, model, }: {
-    id?: any;
+declare const useViewV2: ({ action, context, aid, }: {
+    action: ActionResultType;
     context: any;
-    views: any;
-    model?: string;
+    aid?: any;
 }) => {
     context: any;
     data: ViewResponse;

package/dist/hooks.js

@@ -114,7 +114,7 @@ var import_hooks2 = require("@fctc/interface-logic/hooks");
 var import_react8 = require("react");
 
 // src/hooks/core/use-menu.ts
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/hooks/core/use-call-action.ts
 var import_react = require("react");
@@ -162,92 +162,6 @@ var useCallAction = () => {
   return [actionData, callAction];
 };
 
-// src/hooks/core/use-menu.ts
-var useMenu = ({
-  context,
-  specification
-}) => {
-  const { env } = (0, provider_exports.useEnv)();
-  const { useGetMenu: useGetMenu2 } = (0, provider_exports.useService)();
-  const [action, callAction] = useCallAction();
-  const menuData = useGetMenu2(
-    context,
-    specification,
-    !!context && Object.keys(context).length > 0
-  );
-  const [menuId, setMenuId] = (0, import_react2.useState)(void 0);
-  const configedIconData = (0, import_react2.useMemo)(() => {
-    const data = menuData.data;
-    return data?.map((item) => {
-      return {
-        ...item,
-        child_id: item?.child_id?.map((child) => {
-          return {
-            ...child,
-            url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + child.url_icon
-          };
-        }) ?? [],
-        url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + item.url_icon
-      };
-    });
-  }, [menuData.data, env?.envFile?.VITE_APP_DOMAIN]);
-  const handleChangeMenu = async ({ menu }) => {
-    const aidMenu = menu?.action?.id?.id;
-    if (menu) {
-      setMenuId(menu.id?.toString() ?? "");
-    }
-    if (aidMenu) {
-      const actionResponse = await callAction({
-        aid: Number(aidMenu)
-      });
-      return actionResponse;
-    }
-  };
-  return {
-    ...menuData,
-    data: configedIconData,
-    action: { handleChangeMenu },
-    state: { menuId, action },
-    context,
-    isLoading: menuData.isLoading,
-    isError: menuData.isError,
-    error: menuData.error,
-    refetch: menuData.refetch
-  };
-};
-
-// src/hooks/core/use-detail.ts
-var import_react_query = require("@tanstack/react-query");
-var import_react3 = require("react");
-var useDetail = (sub) => {
-  const { setUserInfo, env } = (0, provider_exports.useEnv)();
-  const { useGetDetail: useGetDetail2 } = (0, provider_exports.useService)();
-  const fetchGetDetail = useGetDetail2();
-  const userDetailQuery = (0, import_react_query.useQuery)({
-    queryKey: ["userDetailQuery", sub],
-    queryFn: () => {
-      return fetchGetDetail.mutateAsync({
-        model: "res.users",
-        ids: [sub],
-        specification: { image_256: {} }
-      });
-    },
-    enabled: !!sub
-  });
-  (0, import_react3.useEffect)(() => {
-    if (userDetailQuery.data) {
-      const userPicture = userDetailQuery.data;
-      setUserInfo({ ...env?.user, image: userPicture?.[0]?.image_256 });
-    }
-  }, [userDetailQuery.isFetched]);
-  return { ...userDetailQuery };
-};
-
-// src/hooks/core/use-profile.ts
-var import_react_query2 = require("@tanstack/react-query");
-var import_react5 = require("react");
-var import_react_i18next = require("react-i18next");
-
 // src/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
@@ -269,7 +183,7 @@ var languages = [
 ];
 
 // src/utils/function.ts
-var import_react4 = require("react");
+var import_react2 = require("react");
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -390,7 +304,7 @@ var STORAGES = {
   USER_INFO: "USER_INFO"
 };
 function useAsyncState(initialValue = [true, null]) {
-  return (0, import_react4.useReducer)(
+  return (0, import_react2.useReducer)(
     (_state, action = null) => [false, action],
     initialValue
   );
@@ -408,7 +322,7 @@ async function setStorageItemAsync(key, value) {
 }
 function useStorageState(key) {
   const [state, setState] = useAsyncState();
-  (0, import_react4.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     try {
       const storedValue = localStorage.getItem(key);
       setState(storedValue);
@@ -416,7 +330,7 @@ function useStorageState(key) {
       console.error("Local storage is unavailable:", e);
     }
   }, [key]);
-  const setValue = (0, import_react4.useCallback)(
+  const setValue = (0, import_react2.useCallback)(
     (value) => {
       setState(value);
       setStorageItemAsync(key, value);
@@ -429,7 +343,91 @@ function useStorageState(key) {
 // src/utils.ts
 __reExport(utils_exports, require("@fctc/interface-logic/utils"));
 
+// src/hooks/core/use-menu.ts
+var useMenu = ({
+  context,
+  specification
+}) => {
+  const { env } = (0, provider_exports.useEnv)();
+  const { useGetMenu: useGetMenu2 } = (0, provider_exports.useService)();
+  const [action, callAction] = useCallAction();
+  const menuData = useGetMenu2(
+    context,
+    specification,
+    !!context && !(0, utils_exports.isObjectEmpty)(context)
+  );
+  const [menuId, setMenuId] = (0, import_react3.useState)(void 0);
+  const configedIconData = (0, import_react3.useMemo)(() => {
+    const data = menuData.data;
+    return data?.map((item) => {
+      return {
+        ...item,
+        child_id: item?.child_id?.map((child) => {
+          return {
+            ...child,
+            url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + child.url_icon
+          };
+        }) ?? [],
+        url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + item.url_icon
+      };
+    });
+  }, [menuData.data, env?.envFile?.VITE_APP_DOMAIN]);
+  const handleChangeMenu = async ({ menu }) => {
+    const aidMenu = menu?.action?.id?.id;
+    if (menu) {
+      setMenuId(menu.id?.toString() ?? "");
+    }
+    if (aidMenu) {
+      const actionResponse = await callAction({
+        aid: Number(aidMenu)
+      });
+      return actionResponse;
+    }
+  };
+  return {
+    ...menuData,
+    data: configedIconData,
+    action: { handleChangeMenu },
+    state: { menuId, action },
+    context,
+    isLoading: menuData.isLoading,
+    isError: menuData.isError,
+    error: menuData.error,
+    refetch: menuData.refetch
+  };
+};
+
+// src/hooks/core/use-detail.ts
+var import_react_query = require("@tanstack/react-query");
+var import_react4 = require("react");
+var useDetail = (sub) => {
+  const { setUserInfo, env } = (0, provider_exports.useEnv)();
+  const { useGetDetail: useGetDetail2 } = (0, provider_exports.useService)();
+  const fetchGetDetail = useGetDetail2();
+  const userDetailQuery = (0, import_react_query.useQuery)({
+    queryKey: ["userDetailQuery", sub],
+    queryFn: () => {
+      return fetchGetDetail.mutateAsync({
+        model: "res.users",
+        ids: [sub],
+        specification: { image_256: {} }
+      });
+    },
+    enabled: !!sub
+  });
+  (0, import_react4.useEffect)(() => {
+    if (userDetailQuery.data) {
+      const userPicture = userDetailQuery.data;
+      setUserInfo({ ...env?.user, image: userPicture?.[0]?.image_256 });
+    }
+  }, [userDetailQuery.isFetched]);
+  return { ...userDetailQuery };
+};
+
 // src/hooks/core/use-profile.ts
+var import_react_query2 = require("@tanstack/react-query");
+var import_react5 = require("react");
+var import_react_i18next = require("react-i18next");
 var useProfile = () => {
   const { setUid, setLang, setUserInfo, env } = (0, provider_exports.useEnv)();
   const { useGetProfile: useGetProfile2 } = (0, provider_exports.useService)();
@@ -477,21 +475,31 @@ var useUser = () => {
 // src/hooks/core/use-view-v2.ts
 var import_react6 = require("react");
 var useViewV2 = ({
-  id,
+  action,
   context,
-  views,
-  model
+  aid
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
   const viewParams = (0, import_react6.useMemo)(() => {
-    if (views || views.length === 0) return void 0;
+    if (!action || !action?.res_model) {
+      return void 0;
+    }
+    const actionResult = action;
     return {
-      model,
-      views,
+      model: String(actionResult?.res_model),
+      views: [
+        ...Array.isArray(actionResult?.views) ? actionResult?.views.map(
+          (view2) => view2[1] === "list" ? [view2[0], "list"] : view2
+        ) : [],
+        [
+          Array.isArray(actionResult?.search_view_id) ? actionResult?.search_view_id[0] : actionResult?.search_view_id,
+          "search"
+        ]
+      ],
       context,
-      id
+      id: isNaN(Number(aid)) ? action?.id : aid
     };
-  }, [views]);
+  }, [action, context, aid]);
   const view = useGetView2({
     viewParams: viewParams || {},
     enabled: !!viewParams
@@ -591,22 +599,10 @@ var AppProvider = ({
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
   }, [menuContext, action?.context, env?.context?.lang]);
-  const memoViews = (0, import_react8.useMemo)(() => {
-    if (!action) return [];
-    return [
-      ...Array.isArray(action?.views) ? action.views.map(
-        (view2) => view2[1] === "list" ? [view2[0], "list"] : view2
-      ) : [],
-      [
-        Array.isArray(action?.search_view_id) ? action.search_view_id[0] : action.search_view_id,
-        "search"
-      ]
-    ];
-  }, [action]);
   const view = useViewV2({
+    action,
     context: viewContext,
-    views: memoViews,
-    model: action?.res_model ? String(action.res_model) : void 0
+    aid
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ReactContext.Provider,
@@ -731,7 +727,7 @@ var useGetSpecification = ({
 
 // src/hooks/core/use-list-data.ts
 var import_react14 = require("react");
-var import_utils4 = require("@fctc/interface-logic/utils");
+var import_utils5 = require("@fctc/interface-logic/utils");
 
 // src/hooks/utils/use-click-outside.ts
 var import_react11 = require("react");
@@ -873,12 +869,12 @@ var useListData = ({
     if (!viewData || !action || !context) {
       return null;
     }
-    const domainParse = type === "calendar" ? getDateRange(currentDate, mode) : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : (0, import_utils4.evalJSONDomain)(action?.domain, context) : [];
+    const domainParse = type === "calendar" ? getDateRange(currentDate, mode) : action?.domain ? Array.isArray(action?.domain) ? [...action?.domain] : (0, import_utils5.evalJSONDomain)(action?.domain, context) : [];
     const limit = type === "calendar" ? 2500 : pageLimit;
     const offset = debouncedPage * pageLimit;
     const fields = type === "calendar" ? convertFieldsToArray(viewData?.views?.calendar?.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_utils4.formatSortingString)(viewData?.views?.list?.default_order) : "";
+    const sort = order ? order : viewData?.views?.list?.default_order ? (0, import_utils5.formatSortingString)(viewData?.views?.list?.default_order) : "";
     return {
       model: action.res_model,
       specification,
@@ -906,7 +902,7 @@ var useListData = ({
   const list = useGetListData2(
     listDataProps,
     [listDataProps],
-    !!listDataProps && !!specification && !(0, import_utils4.isObjectEmpty)(specification)
+    !!listDataProps && !!specification && !(0, import_utils5.isObjectEmpty)(specification)
   );
   return {
     ...list,

package/dist/hooks.mjs

@@ -142,92 +142,6 @@ var useCallAction = () => {
   return [actionData, callAction];
 };
 
-// src/hooks/core/use-menu.ts
-var useMenu = ({
-  context,
-  specification
-}) => {
-  const { env } = (0, provider_exports.useEnv)();
-  const { useGetMenu: useGetMenu2 } = (0, provider_exports.useService)();
-  const [action, callAction] = useCallAction();
-  const menuData = useGetMenu2(
-    context,
-    specification,
-    !!context && Object.keys(context).length > 0
-  );
-  const [menuId, setMenuId] = useState2(void 0);
-  const configedIconData = useMemo(() => {
-    const data = menuData.data;
-    return data?.map((item) => {
-      return {
-        ...item,
-        child_id: item?.child_id?.map((child) => {
-          return {
-            ...child,
-            url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + child.url_icon
-          };
-        }) ?? [],
-        url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + item.url_icon
-      };
-    });
-  }, [menuData.data, env?.envFile?.VITE_APP_DOMAIN]);
-  const handleChangeMenu = async ({ menu }) => {
-    const aidMenu = menu?.action?.id?.id;
-    if (menu) {
-      setMenuId(menu.id?.toString() ?? "");
-    }
-    if (aidMenu) {
-      const actionResponse = await callAction({
-        aid: Number(aidMenu)
-      });
-      return actionResponse;
-    }
-  };
-  return {
-    ...menuData,
-    data: configedIconData,
-    action: { handleChangeMenu },
-    state: { menuId, action },
-    context,
-    isLoading: menuData.isLoading,
-    isError: menuData.isError,
-    error: menuData.error,
-    refetch: menuData.refetch
-  };
-};
-
-// src/hooks/core/use-detail.ts
-import { useQuery } from "@tanstack/react-query";
-import { useEffect } from "react";
-var useDetail = (sub) => {
-  const { setUserInfo, env } = (0, provider_exports.useEnv)();
-  const { useGetDetail: useGetDetail2 } = (0, provider_exports.useService)();
-  const fetchGetDetail = useGetDetail2();
-  const userDetailQuery = useQuery({
-    queryKey: ["userDetailQuery", sub],
-    queryFn: () => {
-      return fetchGetDetail.mutateAsync({
-        model: "res.users",
-        ids: [sub],
-        specification: { image_256: {} }
-      });
-    },
-    enabled: !!sub
-  });
-  useEffect(() => {
-    if (userDetailQuery.data) {
-      const userPicture = userDetailQuery.data;
-      setUserInfo({ ...env?.user, image: userPicture?.[0]?.image_256 });
-    }
-  }, [userDetailQuery.isFetched]);
-  return { ...userDetailQuery };
-};
-
-// src/hooks/core/use-profile.ts
-import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
-import { useTranslation } from "react-i18next";
-
 // src/utils.ts
 var utils_exports = {};
 __export(utils_exports, {
@@ -249,7 +163,7 @@ var languages = [
 ];
 
 // src/utils/function.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useReducer } from "react";
+import { useCallback as useCallback2, useEffect, useReducer } from "react";
 var countSum = (data, field) => {
   if (!data || !field) return 0;
   return data.reduce(
@@ -388,7 +302,7 @@ async function setStorageItemAsync(key, value) {
 }
 function useStorageState(key) {
   const [state, setState] = useAsyncState();
-  useEffect2(() => {
+  useEffect(() => {
     try {
       const storedValue = localStorage.getItem(key);
       setState(storedValue);
@@ -410,7 +324,91 @@ function useStorageState(key) {
 __reExport(utils_exports, utils_star);
 import * as utils_star from "@fctc/interface-logic/utils";
 
+// src/hooks/core/use-menu.ts
+var useMenu = ({
+  context,
+  specification
+}) => {
+  const { env } = (0, provider_exports.useEnv)();
+  const { useGetMenu: useGetMenu2 } = (0, provider_exports.useService)();
+  const [action, callAction] = useCallAction();
+  const menuData = useGetMenu2(
+    context,
+    specification,
+    !!context && !(0, utils_exports.isObjectEmpty)(context)
+  );
+  const [menuId, setMenuId] = useState2(void 0);
+  const configedIconData = useMemo(() => {
+    const data = menuData.data;
+    return data?.map((item) => {
+      return {
+        ...item,
+        child_id: item?.child_id?.map((child) => {
+          return {
+            ...child,
+            url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + child.url_icon
+          };
+        }) ?? [],
+        url_icon: env?.envFile?.VITE_APP_DOMAIN + "/" + item.url_icon
+      };
+    });
+  }, [menuData.data, env?.envFile?.VITE_APP_DOMAIN]);
+  const handleChangeMenu = async ({ menu }) => {
+    const aidMenu = menu?.action?.id?.id;
+    if (menu) {
+      setMenuId(menu.id?.toString() ?? "");
+    }
+    if (aidMenu) {
+      const actionResponse = await callAction({
+        aid: Number(aidMenu)
+      });
+      return actionResponse;
+    }
+  };
+  return {
+    ...menuData,
+    data: configedIconData,
+    action: { handleChangeMenu },
+    state: { menuId, action },
+    context,
+    isLoading: menuData.isLoading,
+    isError: menuData.isError,
+    error: menuData.error,
+    refetch: menuData.refetch
+  };
+};
+
+// src/hooks/core/use-detail.ts
+import { useQuery } from "@tanstack/react-query";
+import { useEffect as useEffect2 } from "react";
+var useDetail = (sub) => {
+  const { setUserInfo, env } = (0, provider_exports.useEnv)();
+  const { useGetDetail: useGetDetail2 } = (0, provider_exports.useService)();
+  const fetchGetDetail = useGetDetail2();
+  const userDetailQuery = useQuery({
+    queryKey: ["userDetailQuery", sub],
+    queryFn: () => {
+      return fetchGetDetail.mutateAsync({
+        model: "res.users",
+        ids: [sub],
+        specification: { image_256: {} }
+      });
+    },
+    enabled: !!sub
+  });
+  useEffect2(() => {
+    if (userDetailQuery.data) {
+      const userPicture = userDetailQuery.data;
+      setUserInfo({ ...env?.user, image: userPicture?.[0]?.image_256 });
+    }
+  }, [userDetailQuery.isFetched]);
+  return { ...userDetailQuery };
+};
+
 // src/hooks/core/use-profile.ts
+import { useQuery as useQuery2 } from "@tanstack/react-query";
+import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import { useTranslation } from "react-i18next";
 var useProfile = () => {
   const { setUid, setLang, setUserInfo, env } = (0, provider_exports.useEnv)();
   const { useGetProfile: useGetProfile2 } = (0, provider_exports.useService)();
@@ -458,21 +456,31 @@ var useUser = () => {
 // src/hooks/core/use-view-v2.ts
 import { useMemo as useMemo3 } from "react";
 var useViewV2 = ({
-  id,
+  action,
   context,
-  views,
-  model
+  aid
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
   const viewParams = useMemo3(() => {
-    if (views || views.length === 0) return void 0;
+    if (!action || !action?.res_model) {
+      return void 0;
+    }
+    const actionResult = action;
     return {
-      model,
-      views,
+      model: String(actionResult?.res_model),
+      views: [
+        ...Array.isArray(actionResult?.views) ? actionResult?.views.map(
+          (view2) => view2[1] === "list" ? [view2[0], "list"] : view2
+        ) : [],
+        [
+          Array.isArray(actionResult?.search_view_id) ? actionResult?.search_view_id[0] : actionResult?.search_view_id,
+          "search"
+        ]
+      ],
       context,
-      id
+      id: isNaN(Number(aid)) ? action?.id : aid
     };
-  }, [views]);
+  }, [action, context, aid]);
   const view = useGetView2({
     viewParams: viewParams || {},
     enabled: !!viewParams
@@ -572,22 +580,10 @@ var AppProvider = ({
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
   }, [menuContext, action?.context, env?.context?.lang]);
-  const memoViews = useMemo5(() => {
-    if (!action) return [];
-    return [
-      ...Array.isArray(action?.views) ? action.views.map(
-        (view2) => view2[1] === "list" ? [view2[0], "list"] : view2
-      ) : [],
-      [
-        Array.isArray(action?.search_view_id) ? action.search_view_id[0] : action.search_view_id,
-        "search"
-      ]
-    ];
-  }, [action]);
   const view = useViewV2({
+    action,
     context: viewContext,
-    views: memoViews,
-    model: action?.res_model ? String(action.res_model) : void 0
+    aid
   });
   return /* @__PURE__ */ jsx(
     ReactContext.Provider,
@@ -715,7 +711,7 @@ import { useMemo as useMemo7, useState as useState5 } from "react";
 import {
   evalJSONDomain,
   formatSortingString,
-  isObjectEmpty as isObjectEmpty3
+  isObjectEmpty as isObjectEmpty4
 } from "@fctc/interface-logic/utils";
 
 // src/hooks/utils/use-click-outside.ts
@@ -891,7 +887,7 @@ var useListData = ({
   const list = useGetListData2(
     listDataProps,
     [listDataProps],
-    !!listDataProps && !!specification && !isObjectEmpty3(specification)
+    !!listDataProps && !!specification && !isObjectEmpty4(specification)
   );
   return {
     ...list,