@fctc/widget-logic 2.5.6 → 2.5.8

package/dist/hooks.js

@@ -484,16 +484,17 @@ var useViewV2 = ({
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
   const viewParams = (0, import_react6.useMemo)(() => {
+    if (!model || !views) return void 0;
     return {
       model,
       views,
       context,
       id
     };
-  }, [model]);
+  }, [model, views, context, id]);
   const view = useGetView2(
     viewParams || {},
-    !!viewParams
+    !!viewParams && !(0, utils_exports.isObjectEmpty)(viewParams)
   );
   return {
     ...view,
@@ -590,18 +591,23 @@ var AppProvider = ({
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
   }, [menuContext, action?.context, env?.context?.lang]);
-  const view = useViewV2({
-    context: viewContext,
-    views: [
-      ...Array.isArray(action?.views) ? action?.views.map(
+  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,
+        Array.isArray(action?.search_view_id) ? action.search_view_id[0] : action.search_view_id,
         "search"
       ]
-    ],
-    model: String(action?.res_model)
+    ];
+  }, [action]);
+  const view = useViewV2({
+    context: viewContext,
+    // cũng nên memo nếu thay đổi liên tục
+    views: memoViews,
+    model: action?.res_model ? String(action.res_model) : void 0
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ReactContext.Provider,
@@ -726,7 +732,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");
@@ -868,12 +874,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,
@@ -901,7 +907,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

@@ -465,16 +465,17 @@ var useViewV2 = ({
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
   const viewParams = useMemo3(() => {
+    if (!model || !views) return void 0;
     return {
       model,
       views,
       context,
       id
     };
-  }, [model]);
+  }, [model, views, context, id]);
   const view = useGetView2(
     viewParams || {},
-    !!viewParams
+    !!viewParams && !(0, utils_exports.isObjectEmpty)(viewParams)
   );
   return {
     ...view,
@@ -571,18 +572,23 @@ var AppProvider = ({
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
   }, [menuContext, action?.context, env?.context?.lang]);
-  const view = useViewV2({
-    context: viewContext,
-    views: [
-      ...Array.isArray(action?.views) ? action?.views.map(
+  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,
+        Array.isArray(action?.search_view_id) ? action.search_view_id[0] : action.search_view_id,
         "search"
       ]
-    ],
-    model: String(action?.res_model)
+    ];
+  }, [action]);
+  const view = useViewV2({
+    context: viewContext,
+    // cũng nên memo nếu thay đổi liên tục
+    views: memoViews,
+    model: action?.res_model ? String(action.res_model) : void 0
   });
   return /* @__PURE__ */ jsx(
     ReactContext.Provider,
@@ -710,7 +716,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
@@ -886,7 +892,7 @@ var useListData = ({
   const list = useGetListData2(
     listDataProps,
     [listDataProps],
-    !!listDataProps && !!specification && !isObjectEmpty3(specification)
+    !!listDataProps && !!specification && !isObjectEmpty4(specification)
   );
   return {
     ...list,

package/dist/index.js

@@ -55,7 +55,7 @@ var require_moment = __commonJS({
       function hasOwnProp(a, b) {
         return Object.prototype.hasOwnProperty.call(a, b);
       }
-      function isObjectEmpty4(obj) {
+      function isObjectEmpty5(obj) {
         if (Object.getOwnPropertyNames) {
           return Object.getOwnPropertyNames(obj).length === 0;
         } else {
@@ -2194,7 +2194,7 @@ var require_moment = __commonJS({
           strict = locale2;
           locale2 = void 0;
         }
-        if (isObject(input) && isObjectEmpty4(input) || isArray(input) && input.length === 0) {
+        if (isObject(input) && isObjectEmpty5(input) || isArray(input) && input.length === 0) {
           input = void 0;
         }
         c._isAMomentObject = true;
@@ -2613,7 +2613,7 @@ var require_moment = __commonJS({
         return isMoment(input) || isDate(input) || isString(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "years",
           "year",
           "y",
@@ -2655,7 +2655,7 @@ var require_moment = __commonJS({
         return arrayTest && dataTypeTest;
       }
       function isCalendarSpec(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "sameDay",
           "nextDay",
           "lastDay",
@@ -4534,16 +4534,17 @@ var useViewV2 = ({
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
   const viewParams = (0, import_react6.useMemo)(() => {
+    if (!model || !views) return void 0;
     return {
       model,
       views,
       context,
       id
     };
-  }, [model]);
+  }, [model, views, context, id]);
   const view = useGetView2(
     viewParams || {},
-    !!viewParams
+    !!viewParams && !(0, utils_exports.isObjectEmpty)(viewParams)
   );
   return {
     ...view,
@@ -4640,18 +4641,23 @@ var AppProvider = ({
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
   }, [menuContext, action?.context, env?.context?.lang]);
-  const view = useViewV2({
-    context: viewContext,
-    views: [
-      ...Array.isArray(action?.views) ? action?.views.map(
+  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,
+        Array.isArray(action?.search_view_id) ? action.search_view_id[0] : action.search_view_id,
         "search"
       ]
-    ],
-    model: String(action?.res_model)
+    ];
+  }, [action]);
+  const view = useViewV2({
+    context: viewContext,
+    // cũng nên memo nếu thay đổi liên tục
+    views: memoViews,
+    model: action?.res_model ? String(action.res_model) : void 0
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ReactContext.Provider,
@@ -4776,7 +4782,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");
@@ -4918,12 +4924,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,
@@ -4951,7 +4957,7 @@ var useListData = ({
   const list = useGetListData2(
     listDataProps,
     [listDataProps],
-    !!listDataProps && !!specification && !(0, import_utils4.isObjectEmpty)(specification)
+    !!listDataProps && !!specification && !(0, import_utils5.isObjectEmpty)(specification)
   );
   return {
     ...list,
@@ -5458,18 +5464,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_utils7 = 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_utils7.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_utils7.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_utils8.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject],
     service,
@@ -5486,7 +5492,7 @@ var many2oneButtonController = (props) => {
 
 // src/widget/basic/many2many-field/controller.ts
 var import_react17 = require("react");
-var import_utils8 = require("@fctc/interface-logic/utils");
+var import_utils9 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
@@ -5544,10 +5550,10 @@ var many2manyFieldController = (props) => {
     return null;
   }, [modelInstance]);
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_utils8.evalJSONContext)(tab?.options) : (options ? (0, import_utils8.evalJSONContext)(options) : {}) || {};
+  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_utils8.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
+      const domainParse = typeof domain === "string" ? (0, import_utils9.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
       setDomainMany2Many(domainParse);
       setPage(0);
     } catch (err) {
@@ -5571,7 +5577,7 @@ var many2manyFieldController = (props) => {
     context: contextObject,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils8.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_utils9.formatSortingString)(default_order) : ""
   };
   const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -5635,7 +5641,7 @@ var many2manyFieldController = (props) => {
 // src/widget/basic/many2many-tags-field/controller.ts
 var import_react18 = require("react");
 var import_constants2 = require("@fctc/interface-logic/constants");
-var import_utils9 = require("@fctc/interface-logic/utils");
+var import_utils10 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -5650,9 +5656,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_utils9.evalJSONContext)(optionsFields) : null;
+  const addtionalFields = optionsFields ? (0, import_utils10.evalJSONContext)(optionsFields) : null;
   const domainObject = (0, import_react18.useMemo)(
-    () => (0, import_utils9.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    () => (0, import_utils10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -5697,7 +5703,7 @@ var many2manyTagsController = (props) => {
 
 // src/widget/basic/status-bar-field/controller.ts
 var import_react19 = require("react");
-var import_utils10 = 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 = {
@@ -5713,7 +5719,7 @@ var durationController = (props) => {
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_utils10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_utils11.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -5763,10 +5769,10 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_utils11 = 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_utils11.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();
@@ -6734,12 +6740,12 @@ var dateFieldController = (props) => {
 
 // src/widget/basic/copy-link-button/controller.ts
 var import_react21 = require("react");
-var import_utils12 = 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_utils12.copyTextToClipboard)(value2);
+    await (0, import_utils13.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -6752,12 +6758,12 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_utils13 = 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_utils13.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();
@@ -6786,7 +6792,7 @@ var colorFieldController = (props) => {
 
 // src/widget/basic/binary-field/controller.ts
 var import_react22 = require("react");
-var import_utils14 = 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)();
@@ -6843,11 +6849,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_utils14.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_utils14.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";
@@ -6950,7 +6956,7 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react24 = require("react");
-var import_utils16 = 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);
@@ -6988,7 +6994,7 @@ var tableController = ({ data }) => {
     let cols = [];
     try {
       cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils16.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils16.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,
@@ -7172,7 +7178,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_constants3 = require("@fctc/interface-logic/constants");
-var import_utils18 = 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 = ({
@@ -7189,9 +7195,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_utils18.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_utils18.evalJSONDomain)(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils19.evalJSONDomain)(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
@@ -7206,7 +7212,7 @@ var searchController = ({
         const dataModel = viewData?.models?.[model];
         const searchViews = viewData?.views?.search;
         const searchByItems = searchViews?.search_by?.filter(
-          (item) => !import_utils18.domainHelper.matchDomains(contextSearch, item.invisible)
+          (item) => !import_utils19.domainHelper.matchDomains(contextSearch, item.invisible)
         )?.map(
           ({ string, name, filter_domain, operator, widget }, index) => ({
             dataIndex: index,
@@ -7219,10 +7225,10 @@ var searchController = ({
           })
         );
         const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !import_utils18.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_utils18.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
@@ -7299,14 +7305,14 @@ var searchController = ({
             }
             let valueDomainItem = value?.value;
             if (value?.modelType === "date") {
-              valueDomainItem = (0, import_utils18.validateAndParseDate)(value?.value);
+              valueDomainItem = (0, import_utils19.validateAndParseDate)(value?.value);
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = (0, import_utils18.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_utils18.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";
@@ -7385,7 +7391,7 @@ var searchController = ({
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {
     const { domain: domain2, groupIndex, value, type, context: context2, dataIndex } = tag;
-    const domainFormat = new import_utils18.domainHelper.Domain(domain2);
+    const domainFormat = new import_utils19.domainHelper.Domain(domain2);
     if (type === import_constants3.SearchType.FILTER) {
       addSearchItems(`${import_constants3.SearchType.FILTER}_${groupIndex}`, {
         ...tag,

package/dist/index.mjs

@@ -59,7 +59,7 @@ var require_moment = __commonJS({
       function hasOwnProp(a, b) {
         return Object.prototype.hasOwnProperty.call(a, b);
       }
-      function isObjectEmpty4(obj) {
+      function isObjectEmpty5(obj) {
         if (Object.getOwnPropertyNames) {
           return Object.getOwnPropertyNames(obj).length === 0;
         } else {
@@ -2198,7 +2198,7 @@ var require_moment = __commonJS({
           strict = locale2;
           locale2 = void 0;
         }
-        if (isObject(input) && isObjectEmpty4(input) || isArray(input) && input.length === 0) {
+        if (isObject(input) && isObjectEmpty5(input) || isArray(input) && input.length === 0) {
           input = void 0;
         }
         c._isAMomentObject = true;
@@ -2617,7 +2617,7 @@ var require_moment = __commonJS({
         return isMoment(input) || isDate(input) || isString(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "years",
           "year",
           "y",
@@ -2659,7 +2659,7 @@ var require_moment = __commonJS({
         return arrayTest && dataTypeTest;
       }
       function isCalendarSpec(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "sameDay",
           "nextDay",
           "lastDay",
@@ -4609,16 +4609,17 @@ var useViewV2 = ({
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
   const viewParams = useMemo3(() => {
+    if (!model || !views) return void 0;
     return {
       model,
       views,
       context,
       id
     };
-  }, [model]);
+  }, [model, views, context, id]);
   const view = useGetView2(
     viewParams || {},
-    !!viewParams
+    !!viewParams && !(0, utils_exports.isObjectEmpty)(viewParams)
   );
   return {
     ...view,
@@ -4715,18 +4716,23 @@ var AppProvider = ({
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
     ]);
   }, [menuContext, action?.context, env?.context?.lang]);
-  const view = useViewV2({
-    context: viewContext,
-    views: [
-      ...Array.isArray(action?.views) ? action?.views.map(
+  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,
+        Array.isArray(action?.search_view_id) ? action.search_view_id[0] : action.search_view_id,
         "search"
       ]
-    ],
-    model: String(action?.res_model)
+    ];
+  }, [action]);
+  const view = useViewV2({
+    context: viewContext,
+    // cũng nên memo nếu thay đổi liên tục
+    views: memoViews,
+    model: action?.res_model ? String(action.res_model) : void 0
   });
   return /* @__PURE__ */ jsx(
     ReactContext.Provider,
@@ -4854,7 +4860,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
@@ -5030,7 +5036,7 @@ var useListData = ({
   const list = useGetListData2(
     listDataProps,
     [listDataProps],
-    !!listDataProps && !!specification && !isObjectEmpty3(specification)
+    !!listDataProps && !!specification && !isObjectEmpty4(specification)
   );
   return {
     ...list,

package/dist/widget.js

@@ -55,7 +55,7 @@ var require_moment = __commonJS({
       function hasOwnProp(a, b) {
         return Object.prototype.hasOwnProperty.call(a, b);
       }
-      function isObjectEmpty4(obj) {
+      function isObjectEmpty5(obj) {
         if (Object.getOwnPropertyNames) {
           return Object.getOwnPropertyNames(obj).length === 0;
         } else {
@@ -2194,7 +2194,7 @@ var require_moment = __commonJS({
           strict = locale2;
           locale2 = void 0;
         }
-        if (isObject(input) && isObjectEmpty4(input) || isArray(input) && input.length === 0) {
+        if (isObject(input) && isObjectEmpty5(input) || isArray(input) && input.length === 0) {
           input = void 0;
         }
         c._isAMomentObject = true;
@@ -2613,7 +2613,7 @@ var require_moment = __commonJS({
         return isMoment(input) || isDate(input) || isString(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "years",
           "year",
           "y",
@@ -2655,7 +2655,7 @@ var require_moment = __commonJS({
         return arrayTest && dataTypeTest;
       }
       function isCalendarSpec(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "sameDay",
           "nextDay",
           "lastDay",
@@ -4344,7 +4344,7 @@ var import_react11 = require("react");
 
 // src/hooks/core/use-list-data.ts
 var import_react15 = 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_react12 = require("react");
@@ -4615,18 +4615,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_utils7 = 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_utils7.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_utils7.evalJSONContext)(actionData?.context) }
+      context: { ...env.context, ...(0, import_utils8.evalJSONContext)(actionData?.context) }
     },
     queryKey: [`data_${relation}`, domainObject],
     service,
@@ -4643,7 +4643,7 @@ var many2oneButtonController = (props) => {
 
 // src/widget/basic/many2many-field/controller.ts
 var import_react17 = require("react");
-var import_utils8 = require("@fctc/interface-logic/utils");
+var import_utils9 = require("@fctc/interface-logic/utils");
 var many2manyFieldController = (props) => {
   const {
     relation,
@@ -4701,10 +4701,10 @@ var many2manyFieldController = (props) => {
     return null;
   }, [modelInstance]);
   const default_order = viewResponse && viewResponse?.views?.list?.default_order;
-  const optionsObject = tab?.options ? (0, import_utils8.evalJSONContext)(tab?.options) : (options ? (0, import_utils8.evalJSONContext)(options) : {}) || {};
+  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_utils8.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
+      const domainParse = typeof domain === "string" ? (0, import_utils9.evalJSONDomain)(domain, contextObject) : Array.isArray(domain) ? domain : [];
       setDomainMany2Many(domainParse);
       setPage(0);
     } catch (err) {
@@ -4728,7 +4728,7 @@ var many2manyFieldController = (props) => {
     context: contextObject,
     fields: groupByDomain?.fields,
     groupby: [groupByDomain?.contexts[0]?.group_by],
-    sort: order ? order : default_order ? (0, import_utils8.formatSortingString)(default_order) : ""
+    sort: order ? order : default_order ? (0, import_utils9.formatSortingString)(default_order) : ""
   };
   const enabled = enabledCallAPI && !!specification && !!relation && !!domainMany2Many && !!viewResponse;
   const {
@@ -4792,7 +4792,7 @@ var many2manyFieldController = (props) => {
 // src/widget/basic/many2many-tags-field/controller.ts
 var import_react18 = require("react");
 var import_constants2 = require("@fctc/interface-logic/constants");
-var import_utils9 = require("@fctc/interface-logic/utils");
+var import_utils10 = require("@fctc/interface-logic/utils");
 var many2manyTagsController = (props) => {
   const {
     relation,
@@ -4807,9 +4807,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_utils9.evalJSONContext)(optionsFields) : null;
+  const addtionalFields = optionsFields ? (0, import_utils10.evalJSONContext)(optionsFields) : null;
   const domainObject = (0, import_react18.useMemo)(
-    () => (0, import_utils9.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
+    () => (0, import_utils10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues || {}))),
     [domain, formValues]
   );
   const data = {
@@ -4854,7 +4854,7 @@ var many2manyTagsController = (props) => {
 
 // src/widget/basic/status-bar-field/controller.ts
 var import_react19 = require("react");
-var import_utils10 = 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 = {
@@ -4870,7 +4870,7 @@ var durationController = (props) => {
   const listDataProps = {
     model: relation,
     specification,
-    domain: (0, import_utils10.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
+    domain: (0, import_utils11.evalJSONDomain)(domain, JSON.parse(JSON.stringify(formValues))),
     limit: 10,
     offset: 0,
     fields: "",
@@ -4920,10 +4920,10 @@ var durationController = (props) => {
 };
 
 // src/widget/basic/priority-field/controller.ts
-var import_utils11 = 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_utils11.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();
@@ -5891,12 +5891,12 @@ var dateFieldController = (props) => {
 
 // src/widget/basic/copy-link-button/controller.ts
 var import_react21 = require("react");
-var import_utils12 = 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_utils12.copyTextToClipboard)(value2);
+    await (0, import_utils13.copyTextToClipboard)(value2);
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };
@@ -5909,12 +5909,12 @@ var copyLinkButtonController = (props) => {
 };
 
 // src/widget/basic/color-field/color-controller.ts
-var import_utils13 = 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_utils13.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();
@@ -5943,7 +5943,7 @@ var colorFieldController = (props) => {
 
 // src/widget/basic/binary-field/controller.ts
 var import_react22 = require("react");
-var import_utils14 = 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)();
@@ -6000,11 +6000,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_utils14.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_utils14.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";
@@ -6107,7 +6107,7 @@ var tableHeadController = (props) => {
 
 // src/widget/advance/table/table-view/controller.ts
 var import_react24 = require("react");
-var import_utils16 = 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);
@@ -6145,7 +6145,7 @@ var tableController = ({ data }) => {
     let cols = [];
     try {
       cols = mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils16.domainHelper.matchDomains(data.context, item?.column_invisible) : item?.invisible ? import_utils16.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,
@@ -6329,7 +6329,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_constants3 = require("@fctc/interface-logic/constants");
-var import_utils18 = 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 = ({
@@ -6346,9 +6346,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_utils18.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_utils18.evalJSONDomain)(domain, contextSearch) : [];
+  const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, import_utils19.evalJSONDomain)(domain, contextSearch) : [];
   const clearSearch = () => {
     setFilterBy([]);
     setGroupBy([]);
@@ -6363,7 +6363,7 @@ var searchController = ({
         const dataModel = viewData?.models?.[model];
         const searchViews = viewData?.views?.search;
         const searchByItems = searchViews?.search_by?.filter(
-          (item) => !import_utils18.domainHelper.matchDomains(contextSearch, item.invisible)
+          (item) => !import_utils19.domainHelper.matchDomains(contextSearch, item.invisible)
         )?.map(
           ({ string, name, filter_domain, operator, widget }, index) => ({
             dataIndex: index,
@@ -6376,10 +6376,10 @@ var searchController = ({
           })
         );
         const filterByItems = searchViews?.filter_by.filter((item) => {
-          return !import_utils18.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_utils18.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
@@ -6456,14 +6456,14 @@ var searchController = ({
             }
             let valueDomainItem = value?.value;
             if (value?.modelType === "date") {
-              valueDomainItem = (0, import_utils18.validateAndParseDate)(value?.value);
+              valueDomainItem = (0, import_utils19.validateAndParseDate)(value?.value);
             } else if (value?.modelType === "datetime") {
               if (value?.operator === "<=" || value?.operator === "<") {
-                const parsedDate = (0, import_utils18.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_utils18.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";
@@ -6542,7 +6542,7 @@ var searchController = ({
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {
     const { domain: domain2, groupIndex, value, type, context: context2, dataIndex } = tag;
-    const domainFormat = new import_utils18.domainHelper.Domain(domain2);
+    const domainFormat = new import_utils19.domainHelper.Domain(domain2);
     if (type === import_constants3.SearchType.FILTER) {
       addSearchItems(`${import_constants3.SearchType.FILTER}_${groupIndex}`, {
         ...tag,

package/dist/widget.mjs

@@ -59,7 +59,7 @@ var require_moment = __commonJS({
       function hasOwnProp(a, b) {
         return Object.prototype.hasOwnProperty.call(a, b);
       }
-      function isObjectEmpty4(obj) {
+      function isObjectEmpty5(obj) {
         if (Object.getOwnPropertyNames) {
           return Object.getOwnPropertyNames(obj).length === 0;
         } else {
@@ -2198,7 +2198,7 @@ var require_moment = __commonJS({
           strict = locale2;
           locale2 = void 0;
         }
-        if (isObject(input) && isObjectEmpty4(input) || isArray(input) && input.length === 0) {
+        if (isObject(input) && isObjectEmpty5(input) || isArray(input) && input.length === 0) {
           input = void 0;
         }
         c._isAMomentObject = true;
@@ -2617,7 +2617,7 @@ var require_moment = __commonJS({
         return isMoment(input) || isDate(input) || isString(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "years",
           "year",
           "y",
@@ -2659,7 +2659,7 @@ var require_moment = __commonJS({
         return arrayTest && dataTypeTest;
       }
       function isCalendarSpec(input) {
-        var objectTest = isObject(input) && !isObjectEmpty4(input), propertyTest = false, properties = [
+        var objectTest = isObject(input) && !isObjectEmpty5(input), propertyTest = false, properties = [
           "sameDay",
           "nextDay",
           "lastDay",
@@ -4400,7 +4400,7 @@ import { useMemo as useMemo7, useState as useState6 } from "react";
 import {
   evalJSONDomain,
   formatSortingString,
-  isObjectEmpty as isObjectEmpty3
+  isObjectEmpty as isObjectEmpty4
 } from "@fctc/interface-logic/utils";
 
 // src/hooks/utils/use-click-outside.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/widget-logic",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "types": "dist/index.d.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",