@fctc/widget-logic 5.2.6 → 5.2.8

package/dist/hooks.js

@@ -745,11 +745,14 @@ var useGetSpecification = ({
   viewData,
   fields
 }) => {
-  const baseModel = {
-    name: String(model),
-    view: viewData,
-    fields
-  };
+  const baseModel = (0, import_react10.useMemo)(
+    () => ({
+      name: String(model),
+      view: viewData,
+      fields
+    }),
+    [model, viewData, fields]
+  );
   const initModel = (0, import_hooks2.useModel)();
   const modelInstance = (0, import_react10.useMemo)(() => {
     if (viewData) {

package/dist/hooks.mjs

@@ -726,11 +726,14 @@ var useGetSpecification = ({
   viewData,
   fields
 }) => {
-  const baseModel = {
-    name: String(model),
-    view: viewData,
-    fields
-  };
+  const baseModel = useMemo5(
+    () => ({
+      name: String(model),
+      view: viewData,
+      fields
+    }),
+    [model, viewData, fields]
+  );
   const initModel = useModel();
   const modelInstance = useMemo5(() => {
     if (viewData) {

package/dist/index.js

@@ -4817,11 +4817,14 @@ var useGetSpecification = ({
   viewData,
   fields
 }) => {
-  const baseModel = {
-    name: String(model),
-    view: viewData,
-    fields
-  };
+  const baseModel = (0, import_react10.useMemo)(
+    () => ({
+      name: String(model),
+      view: viewData,
+      fields
+    }),
+    [model, viewData, fields]
+  );
   const initModel = (0, import_hooks2.useModel)();
   const modelInstance = (0, import_react10.useMemo)(() => {
     if (viewData) {
@@ -6339,8 +6342,11 @@ var binaryFieldController = (props) => {
   };
 };
 
-// src/widget/advance/table/table-head/controller.ts
+// src/widget/basic/many2many-binary-field/controller.tsx
 var import_react23 = require("react");
+
+// src/widget/advance/table/table-head/controller.ts
+var import_react24 = require("react");
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -6351,21 +6357,21 @@ var tableHeadController = (props) => {
     setSelectedRowKeys
   } = props;
   const { rowIds: recordIds } = useGetRowIds(tableRef);
-  const selectedRowKeysRef = (0, import_react23.useRef)(recordIds);
+  const selectedRowKeysRef = (0, import_react24.useRef)(recordIds);
   const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = (0, import_react23.useMemo)(() => {
+  const recordsCheckedGroup = (0, import_react24.useMemo)(() => {
     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 = (0, import_react23.useMemo)(() => {
+  const isAllGroupChecked = (0, import_react24.useMemo)(() => {
     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 = (0, import_react23.useMemo)(() => {
+  const isAllNormalChecked = (0, import_react24.useMemo)(() => {
     if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
     return selectedRowKeys.length === rows.length && selectedRowKeys.every(
       (id) => rows.some((record) => record.id === id)
@@ -6406,23 +6412,23 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-var import_react24 = require("react");
-var import_utils17 = require("@fctc/interface-logic/utils");
+var import_react25 = require("react");
+var import_utils18 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react24.useState)([]);
-  const [columnVisibility, setColumnVisibility] = (0, import_react24.useState)({});
-  const dataModelFields = (0, import_react24.useMemo)(() => {
+  const [rows, setRows] = (0, import_react25.useState)([]);
+  const [columnVisibility, setColumnVisibility] = (0, import_react25.useState)({});
+  const dataModelFields = (0, import_react25.useMemo)(() => {
     return data?.fields?.map((field) => ({
       ...data.dataModel?.[field?.name],
       ...field,
       string: field?.string || data.dataModel?.[field?.name]?.string
     })) ?? [];
   }, [data?.fields, data?.dataModel]);
-  const mergeFields = (0, import_react24.useMemo)(
+  const mergeFields = (0, import_react25.useMemo)(
     () => mergeButtons(dataModelFields),
     [dataModelFields]
   );
-  const transformData = (0, import_react24.useCallback)(
+  const transformData = (0, import_react25.useCallback)(
     (dataList) => {
       if (!dataList) return [];
       return dataList.map((item) => {
@@ -6444,16 +6450,16 @@ var tableController = ({ data }) => {
     },
     [data?.typeTable]
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     setRows(transformData(data?.records));
   }, [data?.records, transformData]);
-  const columns = (0, import_react24.useMemo)(() => {
+  const columns = (0, import_react25.useMemo)(() => {
     try {
       return mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils17.domainHelper.matchDomains(
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils18.domainHelper.matchDomains(
           data.context,
           item?.column_invisible
-        ) : item?.invisible ? import_utils17.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        ) : item?.invisible ? import_utils18.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         const overridden = columnVisibility[field?.name];
         return {
@@ -6468,7 +6474,7 @@ var tableController = ({ data }) => {
       return [];
     }
   }, [mergeFields, data?.context, columnVisibility]);
-  const onToggleColumnOptional = (0, import_react24.useCallback)((item) => {
+  const onToggleColumnOptional = (0, import_react25.useCallback)((item) => {
     setColumnVisibility((prev) => ({
       ...prev,
       [item?.name]: item?.optional === "show" ? "hide" : "show"
@@ -6483,7 +6489,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_store = require("@fctc/interface-logic/store");
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -6500,15 +6506,15 @@ var tableGroupController = (props) => {
     groupByList,
     setSelectedRowKeys
   } = props;
-  const [pageGroup, setPageGroup] = (0, import_react25.useState)(0);
+  const [pageGroup, setPageGroup] = (0, import_react26.useState)(0);
   const { selectedRowKeys } = (0, import_store.useAppSelector)(import_store.selectList);
-  const [isShowGroup, setIsShowGroup] = (0, import_react25.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react25.useState)({
+  const [isShowGroup, setIsShowGroup] = (0, import_react26.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react26.useState)({
     fromStart: 1,
     fromEnd: 1
   });
   const domain = row?.__domain;
-  const processedData = (0, import_react25.useMemo)(() => {
+  const processedData = (0, import_react26.useMemo)(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -6523,7 +6529,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = (0, import_react25.useMemo)(() => {
+  const shouldFetchData = (0, import_react26.useMemo)(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -6592,7 +6598,7 @@ var tableGroupController = (props) => {
     }
     toggleShowGroup();
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
@@ -6618,7 +6624,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_moment2 = __toESM(require_moment());
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/constants.ts
 var constants_exports = {};
@@ -6633,14 +6639,14 @@ var searchController = ({
   fieldsList
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = (0, import_react26.useState)(null);
-  const [searchBy, setSearchBy] = (0, import_react26.useState)(null);
-  const [groupBy, setGroupBy] = (0, import_react26.useState)(null);
-  const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
-  const [searchString, setSearchString] = (0, import_react26.useState)("");
-  const [searchMap, setSearchMap] = (0, import_react26.useState)({});
-  const [hoveredIndex, setHoveredIndex] = (0, import_react26.useState)(0);
-  const [hoveredIndexSearchList, setHoveredIndexSearchList] = (0, import_react26.useState)(0);
+  const [filterBy, setFilterBy] = (0, import_react27.useState)(null);
+  const [searchBy, setSearchBy] = (0, import_react27.useState)(null);
+  const [groupBy, setGroupBy] = (0, import_react27.useState)(null);
+  const [selectedTags, setSelectedTags] = (0, import_react27.useState)(null);
+  const [searchString, setSearchString] = (0, import_react27.useState)("");
+  const [searchMap, setSearchMap] = (0, import_react27.useState)({});
+  const [hoveredIndex, setHoveredIndex] = (0, import_react27.useState)(0);
+  const [hoveredIndexSearchList, setHoveredIndexSearchList] = (0, import_react27.useState)(0);
   const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
   const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];
@@ -6687,7 +6693,7 @@ var searchController = ({
       }
     }
   };
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     fetchData();
   }, [model, viewData]);
   const onChangeSearchInput = (search_string) => {
@@ -6769,7 +6775,7 @@ var searchController = ({
       return [...domain2];
     }
   };
-  const setTagSearch = (0, import_react26.useCallback)(
+  const setTagSearch = (0, import_react27.useCallback)(
     (updatedMap) => {
       if (!updatedMap) return;
       const tagsSearch = Object.entries(updatedMap).map(
@@ -6832,7 +6838,7 @@ var searchController = ({
     },
     [searchMap]
   );
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     setTagSearch(searchMap);
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {

package/dist/index.mjs

@@ -4907,11 +4907,14 @@ var useGetSpecification = ({
   viewData,
   fields
 }) => {
-  const baseModel = {
-    name: String(model),
-    view: viewData,
-    fields
-  };
+  const baseModel = useMemo5(
+    () => ({
+      name: String(model),
+      view: viewData,
+      fields
+    }),
+    [model, viewData, fields]
+  );
   const initModel = useModel();
   const modelInstance = useMemo5(() => {
     if (viewData) {
@@ -6434,8 +6437,11 @@ var binaryFieldController = (props) => {
   };
 };
 
+// src/widget/basic/many2many-binary-field/controller.tsx
+import { useId as useId2, useRef as useRef4, useState as useState13 } from "react";
+
 // src/widget/advance/table/table-head/controller.ts
-import { useMemo as useMemo10, useRef as useRef4 } from "react";
+import { useMemo as useMemo10, useRef as useRef5 } from "react";
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -6446,7 +6452,7 @@ var tableHeadController = (props) => {
     setSelectedRowKeys
   } = props;
   const { rowIds: recordIds } = useGetRowIds(tableRef);
-  const selectedRowKeysRef = useRef4(recordIds);
+  const selectedRowKeysRef = useRef5(recordIds);
   const isGroupTable = typeTable === "group";
   const recordsCheckedGroup = useMemo10(() => {
     if (!rows || !groupByList) return 0;
@@ -6501,11 +6507,11 @@ 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 useMemo11, useState as useState14 } from "react";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
-  const [rows, setRows] = useState13([]);
-  const [columnVisibility, setColumnVisibility] = useState13({});
+  const [rows, setRows] = useState14([]);
+  const [columnVisibility, setColumnVisibility] = useState14({});
   const dataModelFields = useMemo11(() => {
     return data?.fields?.map((field) => ({
       ...data.dataModel?.[field?.name],
@@ -6578,7 +6584,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 useMemo12, useState as useState15 } from "react";
 import { useAppSelector, selectList } from "@fctc/interface-logic/store";
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -6595,10 +6601,10 @@ var tableGroupController = (props) => {
     groupByList,
     setSelectedRowKeys
   } = props;
-  const [pageGroup, setPageGroup] = useState14(0);
+  const [pageGroup, setPageGroup] = useState15(0);
   const { selectedRowKeys } = useAppSelector(selectList);
-  const [isShowGroup, setIsShowGroup] = useState14(false);
-  const [colEmptyGroup, setColEmptyGroup] = useState14({
+  const [isShowGroup, setIsShowGroup] = useState15(false);
+  const [colEmptyGroup, setColEmptyGroup] = useState15({
     fromStart: 1,
     fromEnd: 1
   });
@@ -6713,7 +6719,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_moment2 = __toESM(require_moment());
-import { useCallback as useCallback7, useEffect as useEffect16, useState as useState15 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect16, useState as useState16 } from "react";
 
 // src/constants.ts
 var constants_exports = {};
@@ -6729,14 +6735,14 @@ var searchController = ({
   fieldsList
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = useState15(null);
-  const [searchBy, setSearchBy] = useState15(null);
-  const [groupBy, setGroupBy] = useState15(null);
-  const [selectedTags, setSelectedTags] = useState15(null);
-  const [searchString, setSearchString] = useState15("");
-  const [searchMap, setSearchMap] = useState15({});
-  const [hoveredIndex, setHoveredIndex] = useState15(0);
-  const [hoveredIndexSearchList, setHoveredIndexSearchList] = useState15(0);
+  const [filterBy, setFilterBy] = useState16(null);
+  const [searchBy, setSearchBy] = useState16(null);
+  const [groupBy, setGroupBy] = useState16(null);
+  const [selectedTags, setSelectedTags] = useState16(null);
+  const [searchString, setSearchString] = useState16("");
+  const [searchMap, setSearchMap] = useState16({});
+  const [hoveredIndex, setHoveredIndex] = useState16(0);
+  const [hoveredIndexSearchList, setHoveredIndexSearchList] = useState16(0);
   const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
   const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];

package/dist/widget.js

@@ -4375,11 +4375,14 @@ var useGetSpecification = ({
   viewData,
   fields
 }) => {
-  const baseModel = {
-    name: String(model),
-    view: viewData,
-    fields
-  };
+  const baseModel = (0, import_react11.useMemo)(
+    () => ({
+      name: String(model),
+      view: viewData,
+      fields
+    }),
+    [model, viewData, fields]
+  );
   const initModel = (0, import_hooks3.useModel)();
   const modelInstance = (0, import_react11.useMemo)(() => {
     if (viewData) {
@@ -5577,8 +5580,11 @@ var binaryFieldController = (props) => {
   };
 };
 
-// src/widget/advance/table/table-head/controller.ts
+// src/widget/basic/many2many-binary-field/controller.tsx
 var import_react23 = require("react");
+
+// src/widget/advance/table/table-head/controller.ts
+var import_react24 = require("react");
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -5589,21 +5595,21 @@ var tableHeadController = (props) => {
     setSelectedRowKeys
   } = props;
   const { rowIds: recordIds } = useGetRowIds(tableRef);
-  const selectedRowKeysRef = (0, import_react23.useRef)(recordIds);
+  const selectedRowKeysRef = (0, import_react24.useRef)(recordIds);
   const isGroupTable = typeTable === "group";
-  const recordsCheckedGroup = (0, import_react23.useMemo)(() => {
+  const recordsCheckedGroup = (0, import_react24.useMemo)(() => {
     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 = (0, import_react23.useMemo)(() => {
+  const isAllGroupChecked = (0, import_react24.useMemo)(() => {
     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 = (0, import_react23.useMemo)(() => {
+  const isAllNormalChecked = (0, import_react24.useMemo)(() => {
     if (isGroupTable || !selectedRowKeys?.length || !rows?.length) return false;
     return selectedRowKeys.length === rows.length && selectedRowKeys.every(
       (id) => rows.some((record) => record.id === id)
@@ -5644,23 +5650,23 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-var import_react24 = require("react");
-var import_utils17 = require("@fctc/interface-logic/utils");
+var import_react25 = require("react");
+var import_utils18 = require("@fctc/interface-logic/utils");
 var tableController = ({ data }) => {
-  const [rows, setRows] = (0, import_react24.useState)([]);
-  const [columnVisibility, setColumnVisibility] = (0, import_react24.useState)({});
-  const dataModelFields = (0, import_react24.useMemo)(() => {
+  const [rows, setRows] = (0, import_react25.useState)([]);
+  const [columnVisibility, setColumnVisibility] = (0, import_react25.useState)({});
+  const dataModelFields = (0, import_react25.useMemo)(() => {
     return data?.fields?.map((field) => ({
       ...data.dataModel?.[field?.name],
       ...field,
       string: field?.string || data.dataModel?.[field?.name]?.string
     })) ?? [];
   }, [data?.fields, data?.dataModel]);
-  const mergeFields = (0, import_react24.useMemo)(
+  const mergeFields = (0, import_react25.useMemo)(
     () => mergeButtons(dataModelFields),
     [dataModelFields]
   );
-  const transformData = (0, import_react24.useCallback)(
+  const transformData = (0, import_react25.useCallback)(
     (dataList) => {
       if (!dataList) return [];
       return dataList.map((item) => {
@@ -5682,16 +5688,16 @@ var tableController = ({ data }) => {
     },
     [data?.typeTable]
   );
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     setRows(transformData(data?.records));
   }, [data?.records, transformData]);
-  const columns = (0, import_react24.useMemo)(() => {
+  const columns = (0, import_react25.useMemo)(() => {
     try {
       return mergeFields?.filter((item) => {
-        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils17.domainHelper.matchDomains(
+        return item?.widget !== "details_Receive_money" && !(item?.column_invisible ? import_utils18.domainHelper.matchDomains(
           data.context,
           item?.column_invisible
-        ) : item?.invisible ? import_utils17.domainHelper.matchDomains(data.context, item?.invisible) : false);
+        ) : item?.invisible ? import_utils18.domainHelper.matchDomains(data.context, item?.invisible) : false);
       })?.map((field) => {
         const overridden = columnVisibility[field?.name];
         return {
@@ -5706,7 +5712,7 @@ var tableController = ({ data }) => {
       return [];
     }
   }, [mergeFields, data?.context, columnVisibility]);
-  const onToggleColumnOptional = (0, import_react24.useCallback)((item) => {
+  const onToggleColumnOptional = (0, import_react25.useCallback)((item) => {
     setColumnVisibility((prev) => ({
       ...prev,
       [item?.name]: item?.optional === "show" ? "hide" : "show"
@@ -5721,7 +5727,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 var import_store = require("@fctc/interface-logic/store");
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -5738,15 +5744,15 @@ var tableGroupController = (props) => {
     groupByList,
     setSelectedRowKeys
   } = props;
-  const [pageGroup, setPageGroup] = (0, import_react25.useState)(0);
+  const [pageGroup, setPageGroup] = (0, import_react26.useState)(0);
   const { selectedRowKeys } = (0, import_store.useAppSelector)(import_store.selectList);
-  const [isShowGroup, setIsShowGroup] = (0, import_react25.useState)(false);
-  const [colEmptyGroup, setColEmptyGroup] = (0, import_react25.useState)({
+  const [isShowGroup, setIsShowGroup] = (0, import_react26.useState)(false);
+  const [colEmptyGroup, setColEmptyGroup] = (0, import_react26.useState)({
     fromStart: 1,
     fromEnd: 1
   });
   const domain = row?.__domain;
-  const processedData = (0, import_react25.useMemo)(() => {
+  const processedData = (0, import_react26.useMemo)(() => {
     const calculateColSpanEmpty = () => {
       const startIndex = columns.findIndex(
         (col) => col.field.type === "monetary" && typeof row[col.key] === "number" || col.field.aggregator === "sum"
@@ -5761,7 +5767,7 @@ var tableGroupController = (props) => {
     };
     return calculateColSpanEmpty();
   }, [columns, row]);
-  const shouldFetchData = (0, import_react25.useMemo)(() => {
+  const shouldFetchData = (0, import_react26.useMemo)(() => {
     return !!isShowGroup;
   }, [isShowGroup]);
   const enabled = shouldFetchData && !!processedData;
@@ -5830,7 +5836,7 @@ var tableGroupController = (props) => {
     }
     toggleShowGroup();
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (!isDataGroupFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
@@ -5856,7 +5862,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_moment2 = __toESM(require_moment());
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/constants.ts
 var constants_exports = {};
@@ -5871,14 +5877,14 @@ var searchController = ({
   fieldsList
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = (0, import_react26.useState)(null);
-  const [searchBy, setSearchBy] = (0, import_react26.useState)(null);
-  const [groupBy, setGroupBy] = (0, import_react26.useState)(null);
-  const [selectedTags, setSelectedTags] = (0, import_react26.useState)(null);
-  const [searchString, setSearchString] = (0, import_react26.useState)("");
-  const [searchMap, setSearchMap] = (0, import_react26.useState)({});
-  const [hoveredIndex, setHoveredIndex] = (0, import_react26.useState)(0);
-  const [hoveredIndexSearchList, setHoveredIndexSearchList] = (0, import_react26.useState)(0);
+  const [filterBy, setFilterBy] = (0, import_react27.useState)(null);
+  const [searchBy, setSearchBy] = (0, import_react27.useState)(null);
+  const [groupBy, setGroupBy] = (0, import_react27.useState)(null);
+  const [selectedTags, setSelectedTags] = (0, import_react27.useState)(null);
+  const [searchString, setSearchString] = (0, import_react27.useState)("");
+  const [searchMap, setSearchMap] = (0, import_react27.useState)({});
+  const [hoveredIndex, setHoveredIndex] = (0, import_react27.useState)(0);
+  const [hoveredIndexSearchList, setHoveredIndexSearchList] = (0, import_react27.useState)(0);
   const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
   const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];
@@ -5925,7 +5931,7 @@ var searchController = ({
       }
     }
   };
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     fetchData();
   }, [model, viewData]);
   const onChangeSearchInput = (search_string) => {
@@ -6007,7 +6013,7 @@ var searchController = ({
       return [...domain2];
     }
   };
-  const setTagSearch = (0, import_react26.useCallback)(
+  const setTagSearch = (0, import_react27.useCallback)(
     (updatedMap) => {
       if (!updatedMap) return;
       const tagsSearch = Object.entries(updatedMap).map(
@@ -6070,7 +6076,7 @@ var searchController = ({
     },
     [searchMap]
   );
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     setTagSearch(searchMap);
   }, [searchMap]);
   const handleAddTagSearch = (tag) => {

package/dist/widget.mjs

@@ -4443,11 +4443,14 @@ var useGetSpecification = ({
   viewData,
   fields
 }) => {
-  const baseModel = {
-    name: String(model),
-    view: viewData,
-    fields
-  };
+  const baseModel = useMemo5(
+    () => ({
+      name: String(model),
+      view: viewData,
+      fields
+    }),
+    [model, viewData, fields]
+  );
   const initModel = useModel();
   const modelInstance = useMemo5(() => {
     if (viewData) {
@@ -5649,8 +5652,11 @@ var binaryFieldController = (props) => {
   };
 };
 
+// src/widget/basic/many2many-binary-field/controller.tsx
+import { useId as useId2, useRef as useRef4, useState as useState13 } from "react";
+
 // src/widget/advance/table/table-head/controller.ts
-import { useMemo as useMemo10, useRef as useRef4 } from "react";
+import { useMemo as useMemo10, useRef as useRef5 } from "react";
 var tableHeadController = (props) => {
   const {
     typeTable,
@@ -5661,7 +5667,7 @@ var tableHeadController = (props) => {
     setSelectedRowKeys
   } = props;
   const { rowIds: recordIds } = useGetRowIds(tableRef);
-  const selectedRowKeysRef = useRef4(recordIds);
+  const selectedRowKeysRef = useRef5(recordIds);
   const isGroupTable = typeTable === "group";
   const recordsCheckedGroup = useMemo10(() => {
     if (!rows || !groupByList) return 0;
@@ -5716,11 +5722,11 @@ 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 useMemo11, useState as useState14 } from "react";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
-  const [rows, setRows] = useState13([]);
-  const [columnVisibility, setColumnVisibility] = useState13({});
+  const [rows, setRows] = useState14([]);
+  const [columnVisibility, setColumnVisibility] = useState14({});
   const dataModelFields = useMemo11(() => {
     return data?.fields?.map((field) => ({
       ...data.dataModel?.[field?.name],
@@ -5793,7 +5799,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 useMemo12, useState as useState15 } from "react";
 import { useAppSelector, selectList } from "@fctc/interface-logic/store";
 var tableGroupController = (props) => {
   const { env } = (0, provider_exports.useEnv)();
@@ -5810,10 +5816,10 @@ var tableGroupController = (props) => {
     groupByList,
     setSelectedRowKeys
   } = props;
-  const [pageGroup, setPageGroup] = useState14(0);
+  const [pageGroup, setPageGroup] = useState15(0);
   const { selectedRowKeys } = useAppSelector(selectList);
-  const [isShowGroup, setIsShowGroup] = useState14(false);
-  const [colEmptyGroup, setColEmptyGroup] = useState14({
+  const [isShowGroup, setIsShowGroup] = useState15(false);
+  const [colEmptyGroup, setColEmptyGroup] = useState15({
     fromStart: 1,
     fromEnd: 1
   });
@@ -5928,7 +5934,7 @@ var tableGroupController = (props) => {
 
 // src/widget/advance/search/controller.ts
 var import_moment2 = __toESM(require_moment());
-import { useCallback as useCallback7, useEffect as useEffect16, useState as useState15 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect16, useState as useState16 } from "react";
 
 // src/constants.ts
 var constants_exports = {};
@@ -5944,14 +5950,14 @@ var searchController = ({
   fieldsList
 }) => {
   const { env } = (0, provider_exports.useEnv)();
-  const [filterBy, setFilterBy] = useState15(null);
-  const [searchBy, setSearchBy] = useState15(null);
-  const [groupBy, setGroupBy] = useState15(null);
-  const [selectedTags, setSelectedTags] = useState15(null);
-  const [searchString, setSearchString] = useState15("");
-  const [searchMap, setSearchMap] = useState15({});
-  const [hoveredIndex, setHoveredIndex] = useState15(0);
-  const [hoveredIndexSearchList, setHoveredIndexSearchList] = useState15(0);
+  const [filterBy, setFilterBy] = useState16(null);
+  const [searchBy, setSearchBy] = useState16(null);
+  const [groupBy, setGroupBy] = useState16(null);
+  const [selectedTags, setSelectedTags] = useState16(null);
+  const [searchString, setSearchString] = useState16("");
+  const [searchMap, setSearchMap] = useState16({});
+  const [hoveredIndex, setHoveredIndex] = useState16(0);
+  const [hoveredIndexSearchList, setHoveredIndexSearchList] = useState16(0);
   const actionContext = typeof context === "string" ? (0, utils_exports.evalJSONContext)(context) : context;
   const contextSearch = { ...env.context, ...actionContext };
   const domainAction = domain ? Array.isArray(domain) ? [...domain] : (0, utils_exports.evalJSONDomain)(domain, contextSearch) : [];

package/package.json

@@ -1,92 +1,92 @@
-{
-  "name": "@fctc/widget-logic",
-  "version": "5.2.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.5.2",
-    "@tanstack/react-query": "^5.84.0",
-    "i18next": "^25.3.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "react-i18next": "^15.6.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": "5.2.8",
+  "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.5.3",
+    "@tanstack/react-query": "^5.84.0",
+    "i18next": "^25.3.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "react-i18next": "^15.6.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": {}
+}