@fctc/sme-widget-ui 1.3.4 → 1.3.6

package/dist/index.js

@@ -34226,43 +34226,49 @@ var StatusDropdownField = (props) => {
 
 // src/widgets/basic/many2many-field/many2many.tsx
 var import_react_dom8 = require("react-dom");
+var import_react63 = require("react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var Many2ManyField = (props) => {
   const {
     aid,
     title,
     onClose,
-    page,
-    rows,
-    columns,
     renderField,
-    isDataLoading,
     relation,
-    onToggleColumnOptional,
-    isDataFetched,
-    isPlaceholderData,
-    optionsObject,
     onChoose,
     onAddNew,
-    selectedRowKeys,
-    handleCreateNewOnPage,
     rootField,
+    isDisplayCheckbox,
     onAddRow,
     onClickRow,
-    totalRows,
-    setPage,
     evalJSONContext,
-    searchController,
     tableGroupController,
-    viewData,
-    setDomain,
-    isDisplayCheckbox,
-    checkedAll,
-    handleCheckBoxAll,
-    selectedRowKeysRef,
-    typeTable,
-    setSelectedRowKeys
+    many2manyController,
+    tableHeadController
   } = props;
+  const {
+    handleCreateNewOnPage,
+    optionsObject,
+    rows,
+    columns,
+    typeTable,
+    isLoading,
+    isFetched,
+    isPlaceholderData,
+    setPage,
+    page,
+    totalRows,
+    onToggleColumnOptional,
+    searchController,
+    setDomain,
+    viewData,
+    groupByList,
+    setGroupByList,
+    selectedRowKeys,
+    setSelectedRowKeys,
+    setPageLimit,
+    specification
+  } = many2manyController;
   const {
     context,
     domain: domainSearch,
@@ -34278,6 +34284,21 @@ var Many2ManyField = (props) => {
     setGroupBy,
     clearSearch
   } = searchController;
+  const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
+  (0, import_react63.useEffect)(() => {
+    const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
+    if (groupItems?.length > 0) {
+      typeof setPageLimit === "function" && setPageLimit(80);
+    } else {
+      typeof setPageLimit === "function" && setPageLimit(10);
+    }
+    if (groupItems?.[0]) {
+      typeof setGroupByList === "function" && setGroupByList(groupItems?.[0]);
+    }
+    return () => {
+      typeof setGroupByList === "function" && setGroupByList(null);
+    };
+  }, [selectedTags]);
   return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "div",
@@ -34300,7 +34321,7 @@ var Many2ManyField = (props) => {
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-2 gap-2 items-center py-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                     Search,
                     {
@@ -34331,7 +34352,8 @@ var Many2ManyField = (props) => {
                       aid,
                       domainSearch,
                       evalJSONContext,
-                      clearSearch
+                      clearSearch,
+                      groupByList
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
@@ -34351,7 +34373,7 @@ var Many2ManyField = (props) => {
                     }
                   )
                 ] }),
-                !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   "div",
                   {
                     className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
@@ -34406,7 +34428,9 @@ var Many2ManyField = (props) => {
                                   typeTable,
                                   selectedRowKeysRef,
                                   selectedRowKeys,
-                                  setSelectedRowKeys
+                                  setSelectedRowKeys,
+                                  groupByList,
+                                  specification
                                 }
                               )
                             ]
@@ -34464,12 +34488,12 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var CustomMenuList = (props) => {
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
-  const limitedChildren = import_react63.default.Children.toArray(children).slice(0, 10);
+  const limitedChildren = import_react64.default.Children.toArray(children).slice(0, 10);
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
     options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
@@ -34513,7 +34537,7 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = (0, import_react63.useMemo)(
+  const actionId = (0, import_react64.useMemo)(
     () => menuList?.flatMap(
       (item) => item?.child_id.filter(
         (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
@@ -34570,7 +34594,7 @@ var Many2OneField = (props) => {
             const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
               (option) => option.value === tempSelectedOption?.value
             ) : currentValue ? currentValue : null;
-            (0, import_react63.useEffect)(() => {
+            (0, import_react64.useEffect)(() => {
               if (error2 && selectedOption) {
                 methods?.clearErrors(name2);
               }
@@ -34753,11 +34777,11 @@ var StatusbarDurationField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/option/option.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
-  const memoizedStatusOptions = (0, import_react64.useMemo)(() => selection, [selection]);
+  const memoizedStatusOptions = (0, import_react65.useMemo)(() => selection, [selection]);
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
     {

package/dist/index.mjs

@@ -34107,43 +34107,49 @@ var StatusDropdownField = (props) => {
 
 // src/widgets/basic/many2many-field/many2many.tsx
 import { createPortal as createPortal5 } from "react-dom";
+import { useEffect as useEffect24 } from "react";
 import { jsx as jsx103, jsxs as jsxs71 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const {
     aid,
     title,
     onClose,
-    page,
-    rows,
-    columns,
     renderField,
-    isDataLoading,
     relation,
-    onToggleColumnOptional,
-    isDataFetched,
-    isPlaceholderData,
-    optionsObject,
     onChoose,
     onAddNew,
-    selectedRowKeys,
-    handleCreateNewOnPage,
     rootField,
+    isDisplayCheckbox,
     onAddRow,
     onClickRow,
-    totalRows,
-    setPage,
     evalJSONContext,
-    searchController,
     tableGroupController,
-    viewData,
-    setDomain,
-    isDisplayCheckbox,
-    checkedAll,
-    handleCheckBoxAll,
-    selectedRowKeysRef,
-    typeTable,
-    setSelectedRowKeys
+    many2manyController,
+    tableHeadController
   } = props;
+  const {
+    handleCreateNewOnPage,
+    optionsObject,
+    rows,
+    columns,
+    typeTable,
+    isLoading,
+    isFetched,
+    isPlaceholderData,
+    setPage,
+    page,
+    totalRows,
+    onToggleColumnOptional,
+    searchController,
+    setDomain,
+    viewData,
+    groupByList,
+    setGroupByList,
+    selectedRowKeys,
+    setSelectedRowKeys,
+    setPageLimit,
+    specification
+  } = many2manyController;
   const {
     context,
     domain: domainSearch,
@@ -34159,6 +34165,21 @@ var Many2ManyField = (props) => {
     setGroupBy,
     clearSearch
   } = searchController;
+  const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
+  useEffect24(() => {
+    const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
+    if (groupItems?.length > 0) {
+      typeof setPageLimit === "function" && setPageLimit(80);
+    } else {
+      typeof setPageLimit === "function" && setPageLimit(10);
+    }
+    if (groupItems?.[0]) {
+      typeof setGroupByList === "function" && setGroupByList(groupItems?.[0]);
+    }
+    return () => {
+      typeof setGroupByList === "function" && setGroupByList(null);
+    };
+  }, [selectedTags]);
   return createPortal5(
     /* @__PURE__ */ jsxs71(
       "div",
@@ -34181,7 +34202,7 @@ var Many2ManyField = (props) => {
                   /* @__PURE__ */ jsx103("div", { className: "text-[20px] font-semibold", children: title }),
                   /* @__PURE__ */ jsx103("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx103(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-2 gap-2 items-center py-2", children: [
+                /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
                   /* @__PURE__ */ jsx103("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx103(
                     Search,
                     {
@@ -34212,7 +34233,8 @@ var Many2ManyField = (props) => {
                       aid,
                       domainSearch,
                       evalJSONContext,
-                      clearSearch
+                      clearSearch,
+                      groupByList
                     }
                   ) }),
                   /* @__PURE__ */ jsx103(
@@ -34232,7 +34254,7 @@ var Many2ManyField = (props) => {
                     }
                   )
                 ] }),
-                !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx103("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx103("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx103(
+                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ jsx103("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx103("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx103(
                   "div",
                   {
                     className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
@@ -34287,7 +34309,9 @@ var Many2ManyField = (props) => {
                                   typeTable,
                                   selectedRowKeysRef,
                                   selectedRowKeys,
-                                  setSelectedRowKeys
+                                  setSelectedRowKeys,
+                                  groupByList,
+                                  specification
                                 }
                               )
                             ]
@@ -34345,7 +34369,7 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React17, { useEffect as useEffect24, useMemo as useMemo9 } from "react";
+import React17, { useEffect as useEffect25, useMemo as useMemo9 } from "react";
 import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs72 } from "react/jsx-runtime";
 var CustomMenuList = (props) => {
   const { options: options2, children, selectProps } = props;
@@ -34451,7 +34475,7 @@ var Many2OneField = (props) => {
             const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
               (option) => option.value === tempSelectedOption?.value
             ) : currentValue ? currentValue : null;
-            useEffect24(() => {
+            useEffect25(() => {
               if (error2 && selectedOption) {
                 methods?.clearErrors(name2);
               }

package/dist/widgets.d.mts

@@ -393,27 +393,13 @@ interface SearchController {
 interface Many2ManyProps extends IInputFieldProps {
     aid?: number | null;
     title?: string;
-    isDataLoading?: any;
-    isDataFetched?: any;
-    isPlaceholderData?: any;
     isDisplayCheckbox?: boolean;
-    optionsObject?: any;
-    selectedRowKeys?: any;
-    handleCreateNewOnPage?: any;
-    typeTable?: any;
-    rows: any;
-    columns: any;
-    page?: any;
-    totalRows?: number;
     rootField?: any;
-    viewData?: any;
     onAddNew?: any;
     onChoose?: any;
     onClose?: any;
     onAddRow?: Function;
     onClickRow?: Function;
-    onToggleColumnOptional?: any;
-    setSelectedRowKeys?: any;
     renderField?: ({ row, col, indexRow, onChangeData, rootField, }: {
         row: any;
         col: any;
@@ -421,14 +407,11 @@ interface Many2ManyProps extends IInputFieldProps {
         onChangeData: any;
         rootField: any;
     }) => {};
-    setPage?: (page: number) => void;
-    setDomain?: Dispatch<SetStateAction<any>>;
+    evalJSONContext?: any;
     searchController: SearchController;
     tableGroupController: (props: TableGroupControllerProps) => TableGroupControllerReturn;
-    evalJSONContext?: any;
-    checkedAll?: any;
-    handleCheckBoxAll?: any;
-    selectedRowKeysRef?: any;
+    many2manyController?: any;
+    tableHeadController?: any;
 }
 
 declare const Many2ManyField: (props: Many2ManyProps) => React$1.ReactPortal;

package/dist/widgets.d.ts

@@ -393,27 +393,13 @@ interface SearchController {
 interface Many2ManyProps extends IInputFieldProps {
     aid?: number | null;
     title?: string;
-    isDataLoading?: any;
-    isDataFetched?: any;
-    isPlaceholderData?: any;
     isDisplayCheckbox?: boolean;
-    optionsObject?: any;
-    selectedRowKeys?: any;
-    handleCreateNewOnPage?: any;
-    typeTable?: any;
-    rows: any;
-    columns: any;
-    page?: any;
-    totalRows?: number;
     rootField?: any;
-    viewData?: any;
     onAddNew?: any;
     onChoose?: any;
     onClose?: any;
     onAddRow?: Function;
     onClickRow?: Function;
-    onToggleColumnOptional?: any;
-    setSelectedRowKeys?: any;
     renderField?: ({ row, col, indexRow, onChangeData, rootField, }: {
         row: any;
         col: any;
@@ -421,14 +407,11 @@ interface Many2ManyProps extends IInputFieldProps {
         onChangeData: any;
         rootField: any;
     }) => {};
-    setPage?: (page: number) => void;
-    setDomain?: Dispatch<SetStateAction<any>>;
+    evalJSONContext?: any;
     searchController: SearchController;
     tableGroupController: (props: TableGroupControllerProps) => TableGroupControllerReturn;
-    evalJSONContext?: any;
-    checkedAll?: any;
-    handleCheckBoxAll?: any;
-    selectedRowKeysRef?: any;
+    many2manyController?: any;
+    tableHeadController?: any;
 }
 
 declare const Many2ManyField: (props: Many2ManyProps) => React$1.ReactPortal;

package/dist/widgets.js

@@ -33852,43 +33852,49 @@ var StatusDropdownField = (props) => {
 
 // src/widgets/basic/many2many-field/many2many.tsx
 var import_react_dom8 = require("react-dom");
+var import_react63 = require("react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var Many2ManyField = (props) => {
   const {
     aid,
     title,
     onClose,
-    page,
-    rows,
-    columns,
     renderField,
-    isDataLoading,
     relation,
-    onToggleColumnOptional,
-    isDataFetched,
-    isPlaceholderData,
-    optionsObject,
     onChoose,
     onAddNew,
-    selectedRowKeys,
-    handleCreateNewOnPage,
     rootField,
+    isDisplayCheckbox,
     onAddRow,
     onClickRow,
-    totalRows,
-    setPage,
     evalJSONContext,
-    searchController,
     tableGroupController,
-    viewData,
-    setDomain,
-    isDisplayCheckbox,
-    checkedAll,
-    handleCheckBoxAll,
-    selectedRowKeysRef,
-    typeTable,
-    setSelectedRowKeys
+    many2manyController,
+    tableHeadController
   } = props;
+  const {
+    handleCreateNewOnPage,
+    optionsObject,
+    rows,
+    columns,
+    typeTable,
+    isLoading,
+    isFetched,
+    isPlaceholderData,
+    setPage,
+    page,
+    totalRows,
+    onToggleColumnOptional,
+    searchController,
+    setDomain,
+    viewData,
+    groupByList,
+    setGroupByList,
+    selectedRowKeys,
+    setSelectedRowKeys,
+    setPageLimit,
+    specification
+  } = many2manyController;
   const {
     context,
     domain: domainSearch,
@@ -33904,6 +33910,21 @@ var Many2ManyField = (props) => {
     setGroupBy,
     clearSearch
   } = searchController;
+  const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
+  (0, import_react63.useEffect)(() => {
+    const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
+    if (groupItems?.length > 0) {
+      typeof setPageLimit === "function" && setPageLimit(80);
+    } else {
+      typeof setPageLimit === "function" && setPageLimit(10);
+    }
+    if (groupItems?.[0]) {
+      typeof setGroupByList === "function" && setGroupByList(groupItems?.[0]);
+    }
+    return () => {
+      typeof setGroupByList === "function" && setGroupByList(null);
+    };
+  }, [selectedTags]);
   return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "div",
@@ -33926,7 +33947,7 @@ var Many2ManyField = (props) => {
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-2 gap-2 items-center py-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                     Search,
                     {
@@ -33957,7 +33978,8 @@ var Many2ManyField = (props) => {
                       aid,
                       domainSearch,
                       evalJSONContext,
-                      clearSearch
+                      clearSearch,
+                      groupByList
                     }
                   ) }),
                   /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
@@ -33977,7 +33999,7 @@ var Many2ManyField = (props) => {
                     }
                   )
                 ] }),
-                !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   "div",
                   {
                     className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
@@ -34032,7 +34054,9 @@ var Many2ManyField = (props) => {
                                   typeTable,
                                   selectedRowKeysRef,
                                   selectedRowKeys,
-                                  setSelectedRowKeys
+                                  setSelectedRowKeys,
+                                  groupByList,
+                                  specification
                                 }
                               )
                             ]
@@ -34090,12 +34114,12 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var CustomMenuList = (props) => {
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
-  const limitedChildren = import_react63.default.Children.toArray(children).slice(0, 10);
+  const limitedChildren = import_react64.default.Children.toArray(children).slice(0, 10);
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
     options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
@@ -34139,7 +34163,7 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = (0, import_react63.useMemo)(
+  const actionId = (0, import_react64.useMemo)(
     () => menuList?.flatMap(
       (item) => item?.child_id.filter(
         (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
@@ -34196,7 +34220,7 @@ var Many2OneField = (props) => {
             const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
               (option) => option.value === tempSelectedOption?.value
             ) : currentValue ? currentValue : null;
-            (0, import_react63.useEffect)(() => {
+            (0, import_react64.useEffect)(() => {
               if (error2 && selectedOption) {
                 methods?.clearErrors(name2);
               }
@@ -34379,11 +34403,11 @@ var StatusbarDurationField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/option/option.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
-  const memoizedStatusOptions = (0, import_react64.useMemo)(() => selection, [selection]);
+  const memoizedStatusOptions = (0, import_react65.useMemo)(() => selection, [selection]);
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "div",
     {

package/dist/widgets.mjs

@@ -33789,43 +33789,49 @@ var StatusDropdownField = (props) => {
 
 // src/widgets/basic/many2many-field/many2many.tsx
 import { createPortal as createPortal5 } from "react-dom";
+import { useEffect as useEffect24 } from "react";
 import { jsx as jsx103, jsxs as jsxs71 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const {
     aid,
     title,
     onClose,
-    page,
-    rows,
-    columns,
     renderField,
-    isDataLoading,
     relation,
-    onToggleColumnOptional,
-    isDataFetched,
-    isPlaceholderData,
-    optionsObject,
     onChoose,
     onAddNew,
-    selectedRowKeys,
-    handleCreateNewOnPage,
     rootField,
+    isDisplayCheckbox,
     onAddRow,
     onClickRow,
-    totalRows,
-    setPage,
     evalJSONContext,
-    searchController,
     tableGroupController,
-    viewData,
-    setDomain,
-    isDisplayCheckbox,
-    checkedAll,
-    handleCheckBoxAll,
-    selectedRowKeysRef,
-    typeTable,
-    setSelectedRowKeys
+    many2manyController,
+    tableHeadController
   } = props;
+  const {
+    handleCreateNewOnPage,
+    optionsObject,
+    rows,
+    columns,
+    typeTable,
+    isLoading,
+    isFetched,
+    isPlaceholderData,
+    setPage,
+    page,
+    totalRows,
+    onToggleColumnOptional,
+    searchController,
+    setDomain,
+    viewData,
+    groupByList,
+    setGroupByList,
+    selectedRowKeys,
+    setSelectedRowKeys,
+    setPageLimit,
+    specification
+  } = many2manyController;
   const {
     context,
     domain: domainSearch,
@@ -33841,6 +33847,21 @@ var Many2ManyField = (props) => {
     setGroupBy,
     clearSearch
   } = searchController;
+  const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
+  useEffect24(() => {
+    const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
+    if (groupItems?.length > 0) {
+      typeof setPageLimit === "function" && setPageLimit(80);
+    } else {
+      typeof setPageLimit === "function" && setPageLimit(10);
+    }
+    if (groupItems?.[0]) {
+      typeof setGroupByList === "function" && setGroupByList(groupItems?.[0]);
+    }
+    return () => {
+      typeof setGroupByList === "function" && setGroupByList(null);
+    };
+  }, [selectedTags]);
   return createPortal5(
     /* @__PURE__ */ jsxs71(
       "div",
@@ -33863,7 +33884,7 @@ var Many2ManyField = (props) => {
                   /* @__PURE__ */ jsx103("div", { className: "text-[20px] font-semibold", children: title }),
                   /* @__PURE__ */ jsx103("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ jsx103(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-2 gap-2 items-center py-2", children: [
+                /* @__PURE__ */ jsxs71("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
                   /* @__PURE__ */ jsx103("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ jsx103(
                     Search,
                     {
@@ -33894,7 +33915,8 @@ var Many2ManyField = (props) => {
                       aid,
                       domainSearch,
                       evalJSONContext,
-                      clearSearch
+                      clearSearch,
+                      groupByList
                     }
                   ) }),
                   /* @__PURE__ */ jsx103(
@@ -33914,7 +33936,7 @@ var Many2ManyField = (props) => {
                     }
                   )
                 ] }),
-                !isDataLoading && isDataFetched || isPlaceholderData ? /* @__PURE__ */ jsx103("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx103("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx103(
+                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ jsx103("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ jsx103("div", { className: "relative h-full w-full", children: /* @__PURE__ */ jsx103(
                   "div",
                   {
                     className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
@@ -33969,7 +33991,9 @@ var Many2ManyField = (props) => {
                                   typeTable,
                                   selectedRowKeysRef,
                                   selectedRowKeys,
-                                  setSelectedRowKeys
+                                  setSelectedRowKeys,
+                                  groupByList,
+                                  specification
                                 }
                               )
                             ]
@@ -34027,7 +34051,7 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React17, { useEffect as useEffect24, useMemo as useMemo9 } from "react";
+import React17, { useEffect as useEffect25, useMemo as useMemo9 } from "react";
 import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs72 } from "react/jsx-runtime";
 var CustomMenuList = (props) => {
   const { options: options2, children, selectProps } = props;
@@ -34133,7 +34157,7 @@ var Many2OneField = (props) => {
             const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
               (option) => option.value === tempSelectedOption?.value
             ) : currentValue ? currentValue : null;
-            useEffect24(() => {
+            useEffect25(() => {
               if (error2 && selectedOption) {
                 methods?.clearErrors(name2);
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",