@fctc/widget-logic 4.6.4 → 4.6.6

package/dist/hooks.js

@@ -155,8 +155,12 @@ var useCallAction = () => {
       context
     }) => {
       try {
+        const stableEnvContext = (0, import_react.useMemo)(
+          () => env?.context,
+          [env?.context?.lang]
+        );
         const menuContext = {
-          ...env?.context,
+          ...stableEnvContext,
           ...context
         };
         const loadRes = await queryLoadAction.mutateAsync({

package/dist/hooks.mjs

@@ -105,13 +105,13 @@ import {
 } from "@fctc/interface-logic/hooks";
 
 // src/hooks/core/use-app-provider.tsx
-import { createContext, useContext, useMemo as useMemo5 } from "react";
+import { createContext, useContext, useMemo as useMemo6 } from "react";
 
 // src/hooks/core/use-menu.ts
-import { useMemo, useState as useState2 } from "react";
+import { useMemo as useMemo2, useState as useState2 } from "react";
 
 // src/hooks/core/use-call-action.ts
-import { useCallback, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
 
 // src/provider.ts
 var provider_exports = {};
@@ -135,8 +135,12 @@ var useCallAction = () => {
       context
     }) => {
       try {
+        const stableEnvContext = useMemo(
+          () => env?.context,
+          [env?.context?.lang]
+        );
         const menuContext = {
-          ...env?.context,
+          ...stableEnvContext,
           ...context
         };
         const loadRes = await queryLoadAction.mutateAsync({
@@ -370,7 +374,7 @@ var useMenu = ({
     defaultService
   );
   const [menuId, setMenuId] = useState2(void 0);
-  const configedIconData = useMemo(() => {
+  const configedIconData = useMemo2(() => {
     const data = menuData.data;
     return data?.map((item) => {
       return {
@@ -452,7 +456,7 @@ var useDetail = (sub) => {
 
 // src/hooks/core/use-profile.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo3 } from "react";
 import { useTranslation } from "react-i18next";
 var useProfile = ({ service }) => {
   const { setUid, setLang, setUserInfo, env } = (0, provider_exports.useEnv)();
@@ -475,7 +479,7 @@ var useProfile = ({ service }) => {
       i18n.changeLanguage(userLocale?.id.split("_")[0]);
     }
   }, [userInfoQuery.isFetched]);
-  const context = useMemo2(() => {
+  const context = useMemo3(() => {
     if (userInfoQuery.data?.sub && userInfoQuery.data?.locale) {
       return {
         uid: Number(userInfoQuery.data.sub),
@@ -499,7 +503,7 @@ var useUser = ({ service }) => {
 };
 
 // src/hooks/core/use-view-v2.ts
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 var useViewV2 = ({
   action,
   context,
@@ -508,7 +512,7 @@ var useViewV2 = ({
   xNode
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
-  const viewParams = useMemo3(() => {
+  const viewParams = useMemo4(() => {
     if (!action || !action?.res_model) {
       return void 0;
     }
@@ -542,7 +546,7 @@ var useViewV2 = ({
 
 // src/hooks/core/use-company.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useEffect as useEffect4, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo5 } from "react";
 var useCompany = ({ service }) => {
   const { setAllowCompanies, setCompanies, setDefaultCompany, env } = (0, provider_exports.useEnv)();
   const { useGetCurrentCompany: useGetCurrentCompany2, useGetCompanyInfo: useGetCompanyInfo2 } = (0, provider_exports.useService)();
@@ -557,7 +561,7 @@ var useCompany = ({ service }) => {
     queryFn: fetchCurrentCompany,
     enabled: !!env?.defaultCompany
   });
-  const current_company_id = useMemo4(() => {
+  const current_company_id = useMemo5(() => {
     return currentCompany.data?.current_company_id;
   }, [currentCompany.data]);
   useEffect4(() => {
@@ -608,7 +612,7 @@ var AppProvider = ({
   const { env } = (0, provider_exports.useEnv)();
   const user = useUser({ service: env.default_service });
   const company = useCompany({ service: env.default_service });
-  const menuContext = useMemo5(() => {
+  const menuContext = useMemo6(() => {
     return combineContexts([
       {
         ...user?.context,
@@ -625,10 +629,10 @@ var AppProvider = ({
     domain: menuParams?.domain,
     defaultService: env.default_service
   });
-  const action = useMemo5(() => {
+  const action = useMemo6(() => {
     return menu?.state?.action;
   }, [menu?.state?.action, env?.context?.lang]);
-  const viewContext = useMemo5(() => {
+  const viewContext = useMemo6(() => {
     return combineContexts([
       menuContext,
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
@@ -732,7 +736,7 @@ var useGetAction = ({
 };
 
 // src/hooks/core/use-get-specification.ts
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 var useGetSpecification = ({
   model,
   viewData,
@@ -744,13 +748,13 @@ var useGetSpecification = ({
     fields
   };
   const initModel = useModel();
-  const modelInstance = useMemo6(() => {
+  const modelInstance = useMemo7(() => {
     if (viewData) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewData, model]);
-  const specification = useMemo6(() => {
+  const specification = useMemo7(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
@@ -760,7 +764,7 @@ var useGetSpecification = ({
 };
 
 // src/hooks/core/use-list-data.ts
-import { useMemo as useMemo7, useState as useState5 } from "react";
+import { useMemo as useMemo8, useState as useState5 } from "react";
 import {
   evalJSONDomain,
   formatSortingString,
@@ -904,7 +908,7 @@ var useListData = ({
     viewData,
     fields: mode === "kanban" ? viewData?.views?.kanban?.fields : viewData?.views?.list?.fields
   });
-  const listDataProps = useMemo7(() => {
+  const listDataProps = useMemo8(() => {
     if (!viewData || !action || !context) {
       return null;
     }

package/dist/index.js

@@ -4205,8 +4205,12 @@ var useCallAction = () => {
       context
     }) => {
       try {
+        const stableEnvContext = (0, import_react.useMemo)(
+          () => env?.context,
+          [env?.context?.lang]
+        );
         const menuContext = {
-          ...env?.context,
+          ...stableEnvContext,
           ...context
         };
         const loadRes = await queryLoadAction.mutateAsync({

package/dist/index.mjs

@@ -4264,13 +4264,13 @@ import {
 } from "@fctc/interface-logic/hooks";
 
 // src/hooks/core/use-app-provider.tsx
-import { createContext, useContext, useMemo as useMemo5 } from "react";
+import { createContext, useContext, useMemo as useMemo6 } from "react";
 
 // src/hooks/core/use-menu.ts
-import { useMemo, useState as useState2 } from "react";
+import { useMemo as useMemo2, useState as useState2 } from "react";
 
 // src/hooks/core/use-call-action.ts
-import { useCallback, useState } from "react";
+import { useCallback, useMemo, useState } from "react";
 
 // src/provider.ts
 var provider_exports = {};
@@ -4294,8 +4294,12 @@ var useCallAction = () => {
       context
     }) => {
       try {
+        const stableEnvContext = useMemo(
+          () => env?.context,
+          [env?.context?.lang]
+        );
         const menuContext = {
-          ...env?.context,
+          ...stableEnvContext,
           ...context
         };
         const loadRes = await queryLoadAction.mutateAsync({
@@ -4529,7 +4533,7 @@ var useMenu = ({
     defaultService
   );
   const [menuId, setMenuId] = useState2(void 0);
-  const configedIconData = useMemo(() => {
+  const configedIconData = useMemo2(() => {
     const data = menuData.data;
     return data?.map((item) => {
       return {
@@ -4611,7 +4615,7 @@ var useDetail = (sub) => {
 
 // src/hooks/core/use-profile.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useEffect as useEffect3, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo3 } from "react";
 import { useTranslation } from "react-i18next";
 var useProfile = ({ service }) => {
   const { setUid, setLang, setUserInfo, env } = (0, provider_exports.useEnv)();
@@ -4634,7 +4638,7 @@ var useProfile = ({ service }) => {
       i18n2.changeLanguage(userLocale?.id.split("_")[0]);
     }
   }, [userInfoQuery.isFetched]);
-  const context = useMemo2(() => {
+  const context = useMemo3(() => {
     if (userInfoQuery.data?.sub && userInfoQuery.data?.locale) {
       return {
         uid: Number(userInfoQuery.data.sub),
@@ -4658,7 +4662,7 @@ var useUser = ({ service }) => {
 };
 
 // src/hooks/core/use-view-v2.ts
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 var useViewV2 = ({
   action,
   context,
@@ -4667,7 +4671,7 @@ var useViewV2 = ({
   xNode
 }) => {
   const { useGetView: useGetView2 } = (0, provider_exports.useService)();
-  const viewParams = useMemo3(() => {
+  const viewParams = useMemo4(() => {
     if (!action || !action?.res_model) {
       return void 0;
     }
@@ -4701,7 +4705,7 @@ var useViewV2 = ({
 
 // src/hooks/core/use-company.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useEffect as useEffect4, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo5 } from "react";
 var useCompany = ({ service }) => {
   const { setAllowCompanies, setCompanies, setDefaultCompany, env } = (0, provider_exports.useEnv)();
   const { useGetCurrentCompany: useGetCurrentCompany2, useGetCompanyInfo: useGetCompanyInfo2 } = (0, provider_exports.useService)();
@@ -4716,7 +4720,7 @@ var useCompany = ({ service }) => {
     queryFn: fetchCurrentCompany,
     enabled: !!env?.defaultCompany
   });
-  const current_company_id = useMemo4(() => {
+  const current_company_id = useMemo5(() => {
     return currentCompany.data?.current_company_id;
   }, [currentCompany.data]);
   useEffect4(() => {
@@ -4767,7 +4771,7 @@ var AppProvider = ({
   const { env } = (0, provider_exports.useEnv)();
   const user = useUser({ service: env.default_service });
   const company = useCompany({ service: env.default_service });
-  const menuContext = useMemo5(() => {
+  const menuContext = useMemo6(() => {
     return combineContexts([
       {
         ...user?.context,
@@ -4784,10 +4788,10 @@ var AppProvider = ({
     domain: menuParams?.domain,
     defaultService: env.default_service
   });
-  const action = useMemo5(() => {
+  const action = useMemo6(() => {
     return menu?.state?.action;
   }, [menu?.state?.action, env?.context?.lang]);
-  const viewContext = useMemo5(() => {
+  const viewContext = useMemo6(() => {
     return combineContexts([
       menuContext,
       { ...(0, utils_exports.evalJSONContext)(action?.context) }
@@ -4891,7 +4895,7 @@ var useGetAction = ({
 };
 
 // src/hooks/core/use-get-specification.ts
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 var useGetSpecification = ({
   model,
   viewData,
@@ -4903,13 +4907,13 @@ var useGetSpecification = ({
     fields
   };
   const initModel = useModel();
-  const modelInstance = useMemo6(() => {
+  const modelInstance = useMemo7(() => {
     if (viewData) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewData, model]);
-  const specification = useMemo6(() => {
+  const specification = useMemo7(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
@@ -4919,7 +4923,7 @@ var useGetSpecification = ({
 };
 
 // src/hooks/core/use-list-data.ts
-import { useMemo as useMemo7, useState as useState5 } from "react";
+import { useMemo as useMemo8, useState as useState5 } from "react";
 import {
   evalJSONDomain,
   formatSortingString,
@@ -5063,7 +5067,7 @@ var useListData = ({
     viewData,
     fields: mode === "kanban" ? viewData?.views?.kanban?.fields : viewData?.views?.list?.fields
   });
-  const listDataProps = useMemo7(() => {
+  const listDataProps = useMemo8(() => {
     if (!viewData || !action || !context) {
       return null;
     }
@@ -5426,7 +5430,7 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo8, useState as useState7 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo9, useState as useState7 } from "react";
 var MANY2ONE_EXTERNAL = "many2one_external";
 var many2oneFieldController = (props) => {
   const {
@@ -5493,7 +5497,7 @@ var many2oneFieldController = (props) => {
     service: widget === MANY2ONE_EXTERNAL ? optionsObject?.service : service,
     xNode
   });
-  const selectOptions = useMemo8(() => {
+  const selectOptions = useMemo9(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name,
@@ -5504,7 +5508,7 @@ var many2oneFieldController = (props) => {
     setListOptions(selectOptions);
     setDomainModal(domainObject);
   }, [selectOptions]);
-  const parsedFormValues = useMemo8(
+  const parsedFormValues = useMemo9(
     () => JSON.parse(
       JSON.stringify({
         ...formValues,
@@ -5861,7 +5865,7 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo9, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo10, useState as useState8 } from "react";
 import { WIDGETAVATAR, WIDGETCOLOR } from "@fctc/interface-logic/constants";
 import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain4 } from "@fctc/interface-logic/utils";
 var many2manyTagsController = (props) => {
@@ -5893,7 +5897,7 @@ var many2manyTagsController = (props) => {
     ...fieldContext ?? {},
     ...env?.context
   };
-  const parsedFormValues = useMemo9(
+  const parsedFormValues = useMemo10(
     () => JSON.parse(
       JSON.stringify({
         ...formValues,
@@ -5934,7 +5938,7 @@ var many2manyTagsController = (props) => {
     xNode,
     enabled: false
   });
-  const selectOptions = useMemo9(() => {
+  const selectOptions = useMemo10(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val.id,
       label: val.name ?? val.display_name,
@@ -6441,7 +6445,7 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-import { useMemo as useMemo10, useRef as useRef5 } from "react";
+import { useMemo as useMemo11, useRef as useRef5 } from "react";
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -6454,19 +6458,19 @@ var tableHeadController = (props) => {
   const { rowIds: recordIds } = useGetRowIds(tableRef);
   const selectedRowKeysRef = useRef5(recordIds);
   const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = useMemo10(() => {
+  const recordsCheckedGroup = useMemo11(() => {
     if (!rows || !groupByList) return 0;
     const groupBy = typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0;
     return countSum(rows, groupBy);
   }, [rows, groupByList]);
-  const isAllGroupChecked = useMemo10(() => {
+  const isAllGroupChecked = useMemo11(() => {
     if (!isGroupTable || !selectedRowKeys?.length) return false;
     const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
     const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
     const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
     return allGroupsSelected || allRecordsSelected;
   }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
-  const isAllNormalChecked = useMemo10(() => {
+  const isAllNormalChecked = useMemo11(() => {
     if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
     return selectedRowKeys.length === rows.length && selectedRowKeys.every(
       (id) => rows.some((record) => record.id === id)
@@ -6507,19 +6511,19 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-import { useCallback as useCallback6, useEffect as useEffect14, useMemo as useMemo11, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect14, useMemo as useMemo12, useState as useState13 } from "react";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
   const [rows, setRows] = useState13([]);
   const [columnVisibility, setColumnVisibility] = useState13({});
-  const dataModelFields = useMemo11(() => {
+  const dataModelFields = useMemo12(() => {
     return data?.fields?.map((field) => ({
       ...data.dataModel?.[field?.name],
       ...field,
       string: field?.string || data.dataModel?.[field?.name]?.string
     })) ?? [];
   }, [data?.fields, data?.dataModel]);
-  const mergeFields = useMemo11(
+  const mergeFields = useMemo12(
     () => mergeButtons(dataModelFields),
     [dataModelFields]
   );
@@ -6548,7 +6552,7 @@ var tableController = ({ data }) => {
   useEffect14(() => {
     setRows(transformData(data?.records));
   }, [data?.records, transformData]);
-  const columns = useMemo11(() => {
+  const columns = useMemo12(() => {
     try {
       return mergeFields?.filter((item) => {
         return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? domainHelper.matchDomains(
@@ -6584,7 +6588,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect15, useMemo as useMemo12, useState as useState14 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo13, useState as useState14 } from "react";
 import { useAppSelector, selectList } from "@fctc/interface-logic/store";
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -6609,7 +6613,7 @@ var tableGroupController = (props) => {
     fromEnd: 1
   });
   const domain = row?.__domain;
-  const processedData = useMemo12(() => {
+  const processedData = useMemo13(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -6624,7 +6628,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = useMemo12(() => {
+  const shouldFetchData = useMemo13(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;

package/dist/widget.mjs

@@ -4091,7 +4091,7 @@ var statusDropdownController = (props) => {
 };
 
 // src/widget/basic/many2one-field/controller.ts
-import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo8, useState as useState7 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect10, useMemo as useMemo9, useState as useState7 } from "react";
 
 // src/hooks.ts
 import {
@@ -4182,13 +4182,13 @@ import {
 } from "@fctc/interface-logic/hooks";
 
 // src/hooks/core/use-app-provider.tsx
-import { createContext, useContext, useMemo as useMemo5 } from "react";
+import { createContext, useContext, useMemo as useMemo6 } from "react";
 
 // src/hooks/core/use-menu.ts
-import { useMemo, useState as useState3 } from "react";
+import { useMemo as useMemo2, useState as useState3 } from "react";
 
 // src/hooks/core/use-call-action.ts
-import { useCallback, useState as useState2 } from "react";
+import { useCallback, useMemo, useState as useState2 } from "react";
 
 // src/provider.ts
 var provider_exports = {};
@@ -4383,15 +4383,15 @@ import { useEffect as useEffect3 } from "react";
 
 // src/hooks/core/use-profile.ts
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo3 } from "react";
 import { useTranslation } from "react-i18next";
 
 // src/hooks/core/use-view-v2.ts
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 
 // src/hooks/core/use-company.ts
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useEffect as useEffect5, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo5 } from "react";
 
 // src/hooks/core/use-app-provider.tsx
 import { jsx } from "react/jsx-runtime";
@@ -4415,7 +4415,7 @@ var useAppProvider = () => {
 import { useEffect as useEffect6 } from "react";
 
 // src/hooks/core/use-get-specification.ts
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 var useGetSpecification = ({
   model,
   viewData,
@@ -4427,13 +4427,13 @@ var useGetSpecification = ({
     fields
   };
   const initModel = useModel();
-  const modelInstance = useMemo6(() => {
+  const modelInstance = useMemo7(() => {
     if (viewData) {
       return initModel.initModel(baseModel);
     }
     return null;
   }, [baseModel, viewData, model]);
-  const specification = useMemo6(() => {
+  const specification = useMemo7(() => {
     if (modelInstance) {
       return modelInstance.getSpecification();
     }
@@ -4443,7 +4443,7 @@ var useGetSpecification = ({
 };
 
 // src/hooks/core/use-list-data.ts
-import { useMemo as useMemo7, useState as useState6 } from "react";
+import { useMemo as useMemo8, useState as useState6 } from "react";
 import {
   evalJSONDomain,
   formatSortingString,
@@ -4559,7 +4559,7 @@ var useListData = ({
     viewData,
     fields: mode === "kanban" ? viewData?.views?.kanban?.fields : viewData?.views?.list?.fields
   });
-  const listDataProps = useMemo7(() => {
+  const listDataProps = useMemo8(() => {
     if (!viewData || !action || !context) {
       return null;
     }
@@ -4696,7 +4696,7 @@ var many2oneFieldController = (props) => {
     service: widget === MANY2ONE_EXTERNAL ? optionsObject?.service : service,
     xNode
   });
-  const selectOptions = useMemo8(() => {
+  const selectOptions = useMemo9(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val?.id,
       label: val?.display_name || val?.name,
@@ -4707,7 +4707,7 @@ var many2oneFieldController = (props) => {
     setListOptions(selectOptions);
     setDomainModal(domainObject);
   }, [selectOptions]);
-  const parsedFormValues = useMemo8(
+  const parsedFormValues = useMemo9(
     () => JSON.parse(
       JSON.stringify({
         ...formValues,
@@ -5064,7 +5064,7 @@ var many2manyFieldController = (props) => {
 };
 
 // src/widget/basic/many2many-tags-field/controller.ts
-import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo9, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect12, useMemo as useMemo10, useState as useState8 } from "react";
 import { WIDGETAVATAR, WIDGETCOLOR } from "@fctc/interface-logic/constants";
 import { evalJSONContext as evalJSONContext5, evalJSONDomain as evalJSONDomain4 } from "@fctc/interface-logic/utils";
 var many2manyTagsController = (props) => {
@@ -5096,7 +5096,7 @@ var many2manyTagsController = (props) => {
     ...fieldContext ?? {},
     ...env?.context
   };
-  const parsedFormValues = useMemo9(
+  const parsedFormValues = useMemo10(
     () => JSON.parse(
       JSON.stringify({
         ...formValues,
@@ -5137,7 +5137,7 @@ var many2manyTagsController = (props) => {
     xNode,
     enabled: false
   });
-  const selectOptions = useMemo9(() => {
+  const selectOptions = useMemo10(() => {
     return dataOfSelection?.records?.map((val) => ({
       value: val.id,
       label: val.name ?? val.display_name,
@@ -5644,7 +5644,7 @@ var binaryFieldController = (props) => {
 };
 
 // src/widget/advance/table/table-head/controller.ts
-import { useMemo as useMemo10, useRef as useRef5 } from "react";
+import { useMemo as useMemo11, useRef as useRef5 } from "react";
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -5657,19 +5657,19 @@ var tableHeadController = (props) => {
   const { rowIds: recordIds } = useGetRowIds(tableRef);
   const selectedRowKeysRef = useRef5(recordIds);
   const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = useMemo10(() => {
+  const recordsCheckedGroup = useMemo11(() => {
     if (!rows || !groupByList) return 0;
     const groupBy = typeof groupByList === "object" ? groupByList?.contexts?.[0]?.group_by : void 0;
     return countSum(rows, groupBy);
   }, [rows, groupByList]);
-  const isAllGroupChecked = useMemo10(() => {
+  const isAllGroupChecked = useMemo11(() => {
     if (!isGroupTable || !selectedRowKeys?.length) return false;
     const selectedLength = selectedRowKeys.filter((id) => id !== -1).length;
     const allRecordsSelected = recordIds.length === selectedRowKeys.length ? recordIds.length === selectedLength : false;
     const allGroupsSelected = recordsCheckedGroup === selectedRowKeys.length;
     return allGroupsSelected || allRecordsSelected;
   }, [isGroupTable, selectedRowKeys, recordIds, recordsCheckedGroup]);
-  const isAllNormalChecked = useMemo10(() => {
+  const isAllNormalChecked = useMemo11(() => {
     if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
     return selectedRowKeys.length === rows.length && selectedRowKeys.every(
       (id) => rows.some((record) => record.id === id)
@@ -5710,19 +5710,19 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-import { useCallback as useCallback6, useEffect as useEffect14, useMemo as useMemo11, useState as useState13 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect14, useMemo as useMemo12, useState as useState13 } from "react";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
   const [rows, setRows] = useState13([]);
   const [columnVisibility, setColumnVisibility] = useState13({});
-  const dataModelFields = useMemo11(() => {
+  const dataModelFields = useMemo12(() => {
     return data?.fields?.map((field) => ({
       ...data.dataModel?.[field?.name],
       ...field,
       string: field?.string || data.dataModel?.[field?.name]?.string
     })) ?? [];
   }, [data?.fields, data?.dataModel]);
-  const mergeFields = useMemo11(
+  const mergeFields = useMemo12(
     () => mergeButtons(dataModelFields),
     [dataModelFields]
   );
@@ -5751,7 +5751,7 @@ var tableController = ({ data }) => {
   useEffect14(() => {
     setRows(transformData(data?.records));
   }, [data?.records, transformData]);
-  const columns = useMemo11(() => {
+  const columns = useMemo12(() => {
     try {
       return mergeFields?.filter((item) => {
         return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? domainHelper.matchDomains(
@@ -5787,7 +5787,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect15, useMemo as useMemo12, useState as useState14 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo13, useState as useState14 } from "react";
 import { useAppSelector, selectList } from "@fctc/interface-logic/store";
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -5812,7 +5812,7 @@ var tableGroupController = (props) => {
     fromEnd: 1
   });
   const domain = row?.__domain;
-  const processedData = useMemo12(() => {
+  const processedData = useMemo13(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -5827,7 +5827,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = useMemo12(() => {
+  const shouldFetchData = useMemo13(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;

package/package.json

@@ -1,94 +1,94 @@
-{
-  "name": "@fctc/widget-logic",
-  "version": "4.6.4",
-  "types": "dist/index.d.ts",
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
-    },
-    "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.mjs",
-      "require": "./dist/hooks.cjs"
-    },
-    "./widget": {
-      "types": "./dist/widget.d.ts",
-      "import": "./dist/widget.mjs",
-      "require": "./dist/widget.cjs"
-    },
-    "./icons": {
-      "types": "./dist/icons.d.ts",
-      "import": "./dist/icons.mjs",
-      "require": "./dist/icons.cjs"
-    },
-    "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.mjs",
-      "require": "./dist/utils.cjs"
-    },
-    "./store": {
-      "types": "./dist/store.d.ts",
-      "import": "./dist/store.mjs",
-      "require": "./dist/store.cjs"
-    },
-    "./config": {
-      "types": "./dist/config.d.ts",
-      "import": "./dist/config.mjs",
-      "require": "./dist/config.cjs"
-    },
-    "./constants": {
-      "types": "./dist/constants.d.ts",
-      "import": "./dist/constants.mjs",
-      "require": "./dist/constants.cjs"
-    },
-    "./environment": {
-      "types": "./dist/environment.d.ts",
-      "import": "./dist/environment.mjs",
-      "require": "./dist/environment.cjs"
-    },
-    "./provider": {
-      "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.mjs",
-      "require": "./dist/provider.cjs"
-    },
-    "./services": {
-      "types": "./dist/services.d.ts",
-      "import": "./dist/services.mjs",
-      "require": "./dist/services.cjs"
-    },
-    "./types": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.mjs",
-      "require": "./dist/types.cjs"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "tsup",
-    "test": "jest"
-  },
-  "dependencies": {
-    "@fctc/interface-logic": "^4.0.3",
-    "@headlessui/react": "^2.2.6",
-    "@tanstack/react-query": "^5.84.0",
-    "i18next": "^25.3.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "react-i18next": "^15.6.1",
-    "react-tooltip": "^5.29.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.1",
-    "jest": "^29.7.0",
-    "react": "18.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.8.2"
-  },
-  "packageManager": "yarn@1.22.0",
-  "peerDependencies": {}
-}
+{
+  "name": "@fctc/widget-logic",
+  "version": "4.6.6",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.mjs",
+      "require": "./dist/hooks.cjs"
+    },
+    "./widget": {
+      "types": "./dist/widget.d.ts",
+      "import": "./dist/widget.mjs",
+      "require": "./dist/widget.cjs"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.mjs",
+      "require": "./dist/icons.cjs"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "import": "./dist/utils.mjs",
+      "require": "./dist/utils.cjs"
+    },
+    "./store": {
+      "types": "./dist/store.d.ts",
+      "import": "./dist/store.mjs",
+      "require": "./dist/store.cjs"
+    },
+    "./config": {
+      "types": "./dist/config.d.ts",
+      "import": "./dist/config.mjs",
+      "require": "./dist/config.cjs"
+    },
+    "./constants": {
+      "types": "./dist/constants.d.ts",
+      "import": "./dist/constants.mjs",
+      "require": "./dist/constants.cjs"
+    },
+    "./environment": {
+      "types": "./dist/environment.d.ts",
+      "import": "./dist/environment.mjs",
+      "require": "./dist/environment.cjs"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "import": "./dist/provider.mjs",
+      "require": "./dist/provider.cjs"
+    },
+    "./services": {
+      "types": "./dist/services.d.ts",
+      "import": "./dist/services.mjs",
+      "require": "./dist/services.cjs"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/types.mjs",
+      "require": "./dist/types.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@fctc/interface-logic": "^4.0.3",
+    "@headlessui/react": "^2.2.6",
+    "@tanstack/react-query": "^5.84.0",
+    "i18next": "^25.3.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "react-i18next": "^15.6.1",
+    "react-tooltip": "^5.29.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "jest": "^29.7.0",
+    "react": "18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.8.2"
+  },
+  "packageManager": "yarn@1.22.0",
+  "peerDependencies": {}
+}