@fctc/sme-widget-ui 1.6.1 → 1.6.2

package/dist/index.js

@@ -34646,7 +34646,6 @@ var Many2OneField = (props) => {
     required,
     string,
     //return
-    menuList,
     allowShowDetail,
     index: index4,
     contextObject,
@@ -34661,30 +34660,15 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = (0, import_react64.useMemo)(
-    () => menuList?.flatMap(
-      (item) => item?.child_id.filter(
-        (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
-      )
-    )?.[0]?.action?.id,
-    [menuList, relation]
-  );
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
     return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-      allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-        ModalDetail,
-        {
-          idToolTip: String(name2) + Number(index4),
-          title: instance.t("detail_button"),
-          idForm: id,
-          model: relation,
-          aid: actionId,
-          context: contextObject,
-          place: "top-start",
-          renderDetail
-        }
-      ),
+      allowShowDetail && renderDetail({
+        idToolTip: String(name2) + Number(index4),
+        model: relation,
+        context: contextObject,
+        idForm: id
+      }),
       /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         "span",
         {
@@ -34696,119 +34680,127 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-    "div",
-    {
-      id: name2,
-      "data-tooltip-id": name2,
-      className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-        Controller,
-        {
-          name: name2 ?? "",
-          control: methods?.control,
-          rules: {
-            required: required ? {
-              value: true,
-              message: `${string} ${instance.t("must_required")}`
-            } : false
-          },
-          render: ({ field, fieldState: { error: error2 } }) => {
-            const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
-            const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
-              (option) => option.value === tempSelectedOption?.value
-            ) : currentValue ? currentValue : null;
-            (0, import_react64.useEffect)(() => {
-              if (error2 && selectedOption) {
-                methods?.clearErrors(name2);
-              }
-            }, [selectedOption]);
-            return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "h-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                StateManagedSelect$1,
-                {
-                  menuShouldScrollIntoView: false,
-                  options: options2,
-                  classNames: {
-                    control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
-                    valueContainer: () => "!m-0 !p-0 ",
-                    singleValue: () => `!m-0`,
-                    input: () => "!m-0 !p-0",
-                    dropdownIndicator: () => `m-0 p-0`,
-                    clearIndicator: () => `m-0 p-0'`,
-                    menu: () => "z-[99]"
-                  },
-                  placeholder: readonly ? "" : instance.t("choose_place"),
-                  onMenuOpen: fetchMoreOptions,
-                  onMenuClose: () => {
-                    const filteredDomain = [...domainObject ?? []]?.filter(
-                      (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
-                    ) || [];
-                    setInputValue("");
-                    setDomainObject(filteredDomain);
-                  },
-                  onChange: handleSelectChange,
-                  onInputChange: (newValue, { action }) => {
-                    if (action === "input-change") {
-                      setInputValue(newValue);
-                    }
-                  },
-                  value: selectedOption,
-                  isSearchable: true,
-                  isClearable: true,
-                  menuPlacement: "auto",
-                  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
-                  styles: {
-                    control: () => ({}),
-                    container: (base) => ({
-                      ...base,
-                      height: "100%"
-                    }),
-                    clearIndicator: (base) => ({
-                      ...base,
-                      padding: "0"
-                    }),
-                    valueContainer: (base) => ({
-                      ...base,
-                      padding: "0",
-                      margin: "0"
-                    }),
-                    menuPortal: (base) => ({
-                      ...base,
-                      zIndex: 999
-                    }),
-                    menu: (base) => ({
-                      ...base,
-                      zIndex: 999,
-                      width: isEditTable ? "auto" : "100%",
-                      minWidth: isEditTable ? "200px" : "100%"
-                    })
-                  },
-                  components: {
-                    MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                      CustomMenuList2,
-                      {
-                        ...menuListProps,
-                        selectProps: {
-                          ...menuListProps.selectProps,
-                          setIsShowModalMany2Many
-                        }
-                      }
-                    ),
-                    IndicatorSeparator: () => null,
-                    DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(components.DropdownIndicator, { ...props2 })
-                  },
-                  isDisabled: readonly,
-                  noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+    allowShowDetail && renderDetail({
+      idToolTip: String(name2),
+      model: relation,
+      context: contextObject,
+      idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      "div",
+      {
+        id: name2,
+        "data-tooltip-id": name2,
+        className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          Controller,
+          {
+            name: name2 ?? "",
+            control: methods?.control,
+            rules: {
+              required: required ? {
+                value: true,
+                message: `${string} ${instance.t("must_required")}`
+              } : false
+            },
+            render: ({ field, fieldState: { error: error2 } }) => {
+              const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
+              const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
+                (option) => option.value === tempSelectedOption?.value
+              ) : currentValue ? currentValue : null;
+              (0, import_react64.useEffect)(() => {
+                if (error2 && selectedOption) {
+                  methods?.clearErrors(name2);
                 }
-              ),
-              !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
-            ] });
+              }, [selectedOption]);
+              return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "h-full", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                  StateManagedSelect$1,
+                  {
+                    menuShouldScrollIntoView: false,
+                    options: options2,
+                    classNames: {
+                      control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
+                      valueContainer: () => "!m-0 !p-0 ",
+                      singleValue: () => `!m-0`,
+                      input: () => "!m-0 !p-0",
+                      dropdownIndicator: () => `m-0 p-0`,
+                      clearIndicator: () => `m-0 p-0'`,
+                      menu: () => "z-[99]"
+                    },
+                    placeholder: readonly ? "" : instance.t("choose_place"),
+                    onMenuOpen: fetchMoreOptions,
+                    onMenuClose: () => {
+                      const filteredDomain = [...domainObject ?? []]?.filter(
+                        (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
+                      ) || [];
+                      setInputValue("");
+                      setDomainObject(filteredDomain);
+                    },
+                    onChange: handleSelectChange,
+                    onInputChange: (newValue, { action }) => {
+                      if (action === "input-change") {
+                        setInputValue(newValue);
+                      }
+                    },
+                    value: selectedOption,
+                    isSearchable: true,
+                    isClearable: true,
+                    menuPlacement: "auto",
+                    menuPortalTarget: typeof window !== "undefined" ? document.body : null,
+                    styles: {
+                      control: () => ({}),
+                      container: (base) => ({
+                        ...base,
+                        height: "100%"
+                      }),
+                      clearIndicator: (base) => ({
+                        ...base,
+                        padding: "0"
+                      }),
+                      valueContainer: (base) => ({
+                        ...base,
+                        padding: "0",
+                        margin: "0"
+                      }),
+                      menuPortal: (base) => ({
+                        ...base,
+                        zIndex: 999
+                      }),
+                      menu: (base) => ({
+                        ...base,
+                        zIndex: 999,
+                        width: isEditTable ? "auto" : "100%",
+                        minWidth: isEditTable ? "200px" : "100%"
+                      })
+                    },
+                    components: {
+                      MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                        CustomMenuList2,
+                        {
+                          ...menuListProps,
+                          selectProps: {
+                            ...menuListProps.selectProps,
+                            setIsShowModalMany2Many
+                          }
+                        }
+                      ),
+                      IndicatorSeparator: () => null,
+                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(components.DropdownIndicator, { ...props2 })
+                    },
+                    isDisabled: readonly,
+                    noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+                  }
+                ),
+                !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+              ] });
+            }
           }
-        }
-      )
-    }
-  ) });
+        )
+      }
+    )
+  ] });
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx

package/dist/index.mjs

@@ -34493,7 +34493,7 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React18, { useEffect as useEffect25, useMemo as useMemo10 } from "react";
+import React18, { useEffect as useEffect25 } from "react";
 import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs72 } from "react/jsx-runtime";
 var CustomMenuList2 = (props) => {
   const { options: options2, children, selectProps } = props;
@@ -34527,7 +34527,6 @@ var Many2OneField = (props) => {
     required,
     string,
     //return
-    menuList,
     allowShowDetail,
     index: index4,
     contextObject,
@@ -34542,30 +34541,15 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = useMemo10(
-    () => menuList?.flatMap(
-      (item) => item?.child_id.filter(
-        (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
-      )
-    )?.[0]?.action?.id,
-    [menuList, relation]
-  );
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
     return /* @__PURE__ */ jsxs72(Fragment30, { children: [
-      allowShowDetail && /* @__PURE__ */ jsx104(
-        ModalDetail,
-        {
-          idToolTip: String(name2) + Number(index4),
-          title: instance.t("detail_button"),
-          idForm: id,
-          model: relation,
-          aid: actionId,
-          context: contextObject,
-          place: "top-start",
-          renderDetail
-        }
-      ),
+      allowShowDetail && renderDetail({
+        idToolTip: String(name2) + Number(index4),
+        model: relation,
+        context: contextObject,
+        idForm: id
+      }),
       /* @__PURE__ */ jsx104(
         "span",
         {
@@ -34577,119 +34561,127 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsx104(Fragment30, { children: /* @__PURE__ */ jsx104(
-    "div",
-    {
-      id: name2,
-      "data-tooltip-id": name2,
-      className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
-      children: /* @__PURE__ */ jsx104(
-        Controller,
-        {
-          name: name2 ?? "",
-          control: methods?.control,
-          rules: {
-            required: required ? {
-              value: true,
-              message: `${string} ${instance.t("must_required")}`
-            } : false
-          },
-          render: ({ field, fieldState: { error: error2 } }) => {
-            const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
-            const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
-              (option) => option.value === tempSelectedOption?.value
-            ) : currentValue ? currentValue : null;
-            useEffect25(() => {
-              if (error2 && selectedOption) {
-                methods?.clearErrors(name2);
-              }
-            }, [selectedOption]);
-            return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
-              /* @__PURE__ */ jsx104(
-                StateManagedSelect$1,
-                {
-                  menuShouldScrollIntoView: false,
-                  options: options2,
-                  classNames: {
-                    control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
-                    valueContainer: () => "!m-0 !p-0 ",
-                    singleValue: () => `!m-0`,
-                    input: () => "!m-0 !p-0",
-                    dropdownIndicator: () => `m-0 p-0`,
-                    clearIndicator: () => `m-0 p-0'`,
-                    menu: () => "z-[99]"
-                  },
-                  placeholder: readonly ? "" : instance.t("choose_place"),
-                  onMenuOpen: fetchMoreOptions,
-                  onMenuClose: () => {
-                    const filteredDomain = [...domainObject ?? []]?.filter(
-                      (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
-                    ) || [];
-                    setInputValue("");
-                    setDomainObject(filteredDomain);
-                  },
-                  onChange: handleSelectChange,
-                  onInputChange: (newValue, { action }) => {
-                    if (action === "input-change") {
-                      setInputValue(newValue);
-                    }
-                  },
-                  value: selectedOption,
-                  isSearchable: true,
-                  isClearable: true,
-                  menuPlacement: "auto",
-                  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
-                  styles: {
-                    control: () => ({}),
-                    container: (base) => ({
-                      ...base,
-                      height: "100%"
-                    }),
-                    clearIndicator: (base) => ({
-                      ...base,
-                      padding: "0"
-                    }),
-                    valueContainer: (base) => ({
-                      ...base,
-                      padding: "0",
-                      margin: "0"
-                    }),
-                    menuPortal: (base) => ({
-                      ...base,
-                      zIndex: 999
-                    }),
-                    menu: (base) => ({
-                      ...base,
-                      zIndex: 999,
-                      width: isEditTable ? "auto" : "100%",
-                      minWidth: isEditTable ? "200px" : "100%"
-                    })
-                  },
-                  components: {
-                    MenuList: (menuListProps) => /* @__PURE__ */ jsx104(
-                      CustomMenuList2,
-                      {
-                        ...menuListProps,
-                        selectProps: {
-                          ...menuListProps.selectProps,
-                          setIsShowModalMany2Many
-                        }
-                      }
-                    ),
-                    IndicatorSeparator: () => null,
-                    DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx104(components.DropdownIndicator, { ...props2 })
-                  },
-                  isDisabled: readonly,
-                  noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+  return /* @__PURE__ */ jsxs72(Fragment30, { children: [
+    allowShowDetail && renderDetail({
+      idToolTip: String(name2),
+      model: relation,
+      context: contextObject,
+      idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
+    }),
+    /* @__PURE__ */ jsx104(
+      "div",
+      {
+        id: name2,
+        "data-tooltip-id": name2,
+        className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
+        children: /* @__PURE__ */ jsx104(
+          Controller,
+          {
+            name: name2 ?? "",
+            control: methods?.control,
+            rules: {
+              required: required ? {
+                value: true,
+                message: `${string} ${instance.t("must_required")}`
+              } : false
+            },
+            render: ({ field, fieldState: { error: error2 } }) => {
+              const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
+              const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
+                (option) => option.value === tempSelectedOption?.value
+              ) : currentValue ? currentValue : null;
+              useEffect25(() => {
+                if (error2 && selectedOption) {
+                  methods?.clearErrors(name2);
                 }
-              ),
-              !isEditTable && error2 && /* @__PURE__ */ jsx104("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
-            ] });
+              }, [selectedOption]);
+              return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
+                /* @__PURE__ */ jsx104(
+                  StateManagedSelect$1,
+                  {
+                    menuShouldScrollIntoView: false,
+                    options: options2,
+                    classNames: {
+                      control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
+                      valueContainer: () => "!m-0 !p-0 ",
+                      singleValue: () => `!m-0`,
+                      input: () => "!m-0 !p-0",
+                      dropdownIndicator: () => `m-0 p-0`,
+                      clearIndicator: () => `m-0 p-0'`,
+                      menu: () => "z-[99]"
+                    },
+                    placeholder: readonly ? "" : instance.t("choose_place"),
+                    onMenuOpen: fetchMoreOptions,
+                    onMenuClose: () => {
+                      const filteredDomain = [...domainObject ?? []]?.filter(
+                        (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
+                      ) || [];
+                      setInputValue("");
+                      setDomainObject(filteredDomain);
+                    },
+                    onChange: handleSelectChange,
+                    onInputChange: (newValue, { action }) => {
+                      if (action === "input-change") {
+                        setInputValue(newValue);
+                      }
+                    },
+                    value: selectedOption,
+                    isSearchable: true,
+                    isClearable: true,
+                    menuPlacement: "auto",
+                    menuPortalTarget: typeof window !== "undefined" ? document.body : null,
+                    styles: {
+                      control: () => ({}),
+                      container: (base) => ({
+                        ...base,
+                        height: "100%"
+                      }),
+                      clearIndicator: (base) => ({
+                        ...base,
+                        padding: "0"
+                      }),
+                      valueContainer: (base) => ({
+                        ...base,
+                        padding: "0",
+                        margin: "0"
+                      }),
+                      menuPortal: (base) => ({
+                        ...base,
+                        zIndex: 999
+                      }),
+                      menu: (base) => ({
+                        ...base,
+                        zIndex: 999,
+                        width: isEditTable ? "auto" : "100%",
+                        minWidth: isEditTable ? "200px" : "100%"
+                      })
+                    },
+                    components: {
+                      MenuList: (menuListProps) => /* @__PURE__ */ jsx104(
+                        CustomMenuList2,
+                        {
+                          ...menuListProps,
+                          selectProps: {
+                            ...menuListProps.selectProps,
+                            setIsShowModalMany2Many
+                          }
+                        }
+                      ),
+                      IndicatorSeparator: () => null,
+                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx104(components.DropdownIndicator, { ...props2 })
+                    },
+                    isDisabled: readonly,
+                    noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+                  }
+                ),
+                !isEditTable && error2 && /* @__PURE__ */ jsx104("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+              ] });
+            }
           }
-        }
-      )
-    }
-  ) });
+        )
+      }
+    )
+  ] });
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx

package/dist/widgets.js

@@ -34272,7 +34272,6 @@ var Many2OneField = (props) => {
     required,
     string,
     //return
-    menuList,
     allowShowDetail,
     index: index4,
     contextObject,
@@ -34287,30 +34286,15 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = (0, import_react64.useMemo)(
-    () => menuList?.flatMap(
-      (item) => item?.child_id.filter(
-        (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
-      )
-    )?.[0]?.action?.id,
-    [menuList, relation]
-  );
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
     return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-      allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-        ModalDetail,
-        {
-          idToolTip: String(name2) + Number(index4),
-          title: instance.t("detail_button"),
-          idForm: id,
-          model: relation,
-          aid: actionId,
-          context: contextObject,
-          place: "top-start",
-          renderDetail
-        }
-      ),
+      allowShowDetail && renderDetail({
+        idToolTip: String(name2) + Number(index4),
+        model: relation,
+        context: contextObject,
+        idForm: id
+      }),
       /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
         "span",
         {
@@ -34322,119 +34306,127 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-    "div",
-    {
-      id: name2,
-      "data-tooltip-id": name2,
-      className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-        Controller,
-        {
-          name: name2 ?? "",
-          control: methods?.control,
-          rules: {
-            required: required ? {
-              value: true,
-              message: `${string} ${instance.t("must_required")}`
-            } : false
-          },
-          render: ({ field, fieldState: { error: error2 } }) => {
-            const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
-            const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
-              (option) => option.value === tempSelectedOption?.value
-            ) : currentValue ? currentValue : null;
-            (0, import_react64.useEffect)(() => {
-              if (error2 && selectedOption) {
-                methods?.clearErrors(name2);
-              }
-            }, [selectedOption]);
-            return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "h-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                StateManagedSelect$1,
-                {
-                  menuShouldScrollIntoView: false,
-                  options: options2,
-                  classNames: {
-                    control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
-                    valueContainer: () => "!m-0 !p-0 ",
-                    singleValue: () => `!m-0`,
-                    input: () => "!m-0 !p-0",
-                    dropdownIndicator: () => `m-0 p-0`,
-                    clearIndicator: () => `m-0 p-0'`,
-                    menu: () => "z-[99]"
-                  },
-                  placeholder: readonly ? "" : instance.t("choose_place"),
-                  onMenuOpen: fetchMoreOptions,
-                  onMenuClose: () => {
-                    const filteredDomain = [...domainObject ?? []]?.filter(
-                      (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
-                    ) || [];
-                    setInputValue("");
-                    setDomainObject(filteredDomain);
-                  },
-                  onChange: handleSelectChange,
-                  onInputChange: (newValue, { action }) => {
-                    if (action === "input-change") {
-                      setInputValue(newValue);
-                    }
-                  },
-                  value: selectedOption,
-                  isSearchable: true,
-                  isClearable: true,
-                  menuPlacement: "auto",
-                  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
-                  styles: {
-                    control: () => ({}),
-                    container: (base) => ({
-                      ...base,
-                      height: "100%"
-                    }),
-                    clearIndicator: (base) => ({
-                      ...base,
-                      padding: "0"
-                    }),
-                    valueContainer: (base) => ({
-                      ...base,
-                      padding: "0",
-                      margin: "0"
-                    }),
-                    menuPortal: (base) => ({
-                      ...base,
-                      zIndex: 999
-                    }),
-                    menu: (base) => ({
-                      ...base,
-                      zIndex: 999,
-                      width: isEditTable ? "auto" : "100%",
-                      minWidth: isEditTable ? "200px" : "100%"
-                    })
-                  },
-                  components: {
-                    MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-                      CustomMenuList2,
-                      {
-                        ...menuListProps,
-                        selectProps: {
-                          ...menuListProps.selectProps,
-                          setIsShowModalMany2Many
-                        }
-                      }
-                    ),
-                    IndicatorSeparator: () => null,
-                    DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(components.DropdownIndicator, { ...props2 })
-                  },
-                  isDisabled: readonly,
-                  noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+    allowShowDetail && renderDetail({
+      idToolTip: String(name2),
+      model: relation,
+      context: contextObject,
+      idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      "div",
+      {
+        id: name2,
+        "data-tooltip-id": name2,
+        className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          Controller,
+          {
+            name: name2 ?? "",
+            control: methods?.control,
+            rules: {
+              required: required ? {
+                value: true,
+                message: `${string} ${instance.t("must_required")}`
+              } : false
+            },
+            render: ({ field, fieldState: { error: error2 } }) => {
+              const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
+              const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
+                (option) => option.value === tempSelectedOption?.value
+              ) : currentValue ? currentValue : null;
+              (0, import_react64.useEffect)(() => {
+                if (error2 && selectedOption) {
+                  methods?.clearErrors(name2);
                 }
-              ),
-              !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
-            ] });
+              }, [selectedOption]);
+              return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "h-full", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                  StateManagedSelect$1,
+                  {
+                    menuShouldScrollIntoView: false,
+                    options: options2,
+                    classNames: {
+                      control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
+                      valueContainer: () => "!m-0 !p-0 ",
+                      singleValue: () => `!m-0`,
+                      input: () => "!m-0 !p-0",
+                      dropdownIndicator: () => `m-0 p-0`,
+                      clearIndicator: () => `m-0 p-0'`,
+                      menu: () => "z-[99]"
+                    },
+                    placeholder: readonly ? "" : instance.t("choose_place"),
+                    onMenuOpen: fetchMoreOptions,
+                    onMenuClose: () => {
+                      const filteredDomain = [...domainObject ?? []]?.filter(
+                        (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
+                      ) || [];
+                      setInputValue("");
+                      setDomainObject(filteredDomain);
+                    },
+                    onChange: handleSelectChange,
+                    onInputChange: (newValue, { action }) => {
+                      if (action === "input-change") {
+                        setInputValue(newValue);
+                      }
+                    },
+                    value: selectedOption,
+                    isSearchable: true,
+                    isClearable: true,
+                    menuPlacement: "auto",
+                    menuPortalTarget: typeof window !== "undefined" ? document.body : null,
+                    styles: {
+                      control: () => ({}),
+                      container: (base) => ({
+                        ...base,
+                        height: "100%"
+                      }),
+                      clearIndicator: (base) => ({
+                        ...base,
+                        padding: "0"
+                      }),
+                      valueContainer: (base) => ({
+                        ...base,
+                        padding: "0",
+                        margin: "0"
+                      }),
+                      menuPortal: (base) => ({
+                        ...base,
+                        zIndex: 999
+                      }),
+                      menu: (base) => ({
+                        ...base,
+                        zIndex: 999,
+                        width: isEditTable ? "auto" : "100%",
+                        minWidth: isEditTable ? "200px" : "100%"
+                      })
+                    },
+                    components: {
+                      MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                        CustomMenuList2,
+                        {
+                          ...menuListProps,
+                          selectProps: {
+                            ...menuListProps.selectProps,
+                            setIsShowModalMany2Many
+                          }
+                        }
+                      ),
+                      IndicatorSeparator: () => null,
+                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(components.DropdownIndicator, { ...props2 })
+                    },
+                    isDisabled: readonly,
+                    noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+                  }
+                ),
+                !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+              ] });
+            }
           }
-        }
-      )
-    }
-  ) });
+        )
+      }
+    )
+  ] });
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx

package/dist/widgets.mjs

@@ -34175,7 +34175,7 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React18, { useEffect as useEffect25, useMemo as useMemo10 } from "react";
+import React18, { useEffect as useEffect25 } from "react";
 import { Fragment as Fragment30, jsx as jsx104, jsxs as jsxs72 } from "react/jsx-runtime";
 var CustomMenuList2 = (props) => {
   const { options: options2, children, selectProps } = props;
@@ -34209,7 +34209,6 @@ var Many2OneField = (props) => {
     required,
     string,
     //return
-    menuList,
     allowShowDetail,
     index: index4,
     contextObject,
@@ -34224,30 +34223,15 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = useMemo10(
-    () => menuList?.flatMap(
-      (item) => item?.child_id.filter(
-        (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
-      )
-    )?.[0]?.action?.id,
-    [menuList, relation]
-  );
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue.id : propValue;
     return /* @__PURE__ */ jsxs72(Fragment30, { children: [
-      allowShowDetail && /* @__PURE__ */ jsx104(
-        ModalDetail,
-        {
-          idToolTip: String(name2) + Number(index4),
-          title: instance.t("detail_button"),
-          idForm: id,
-          model: relation,
-          aid: actionId,
-          context: contextObject,
-          place: "top-start",
-          renderDetail
-        }
-      ),
+      allowShowDetail && renderDetail({
+        idToolTip: String(name2) + Number(index4),
+        model: relation,
+        context: contextObject,
+        idForm: id
+      }),
       /* @__PURE__ */ jsx104(
         "span",
         {
@@ -34259,119 +34243,127 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ jsx104(Fragment30, { children: /* @__PURE__ */ jsx104(
-    "div",
-    {
-      id: name2,
-      "data-tooltip-id": name2,
-      className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
-      children: /* @__PURE__ */ jsx104(
-        Controller,
-        {
-          name: name2 ?? "",
-          control: methods?.control,
-          rules: {
-            required: required ? {
-              value: true,
-              message: `${string} ${instance.t("must_required")}`
-            } : false
-          },
-          render: ({ field, fieldState: { error: error2 } }) => {
-            const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
-            const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
-              (option) => option.value === tempSelectedOption?.value
-            ) : currentValue ? currentValue : null;
-            useEffect25(() => {
-              if (error2 && selectedOption) {
-                methods?.clearErrors(name2);
-              }
-            }, [selectedOption]);
-            return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
-              /* @__PURE__ */ jsx104(
-                StateManagedSelect$1,
-                {
-                  menuShouldScrollIntoView: false,
-                  options: options2,
-                  classNames: {
-                    control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
-                    valueContainer: () => "!m-0 !p-0 ",
-                    singleValue: () => `!m-0`,
-                    input: () => "!m-0 !p-0",
-                    dropdownIndicator: () => `m-0 p-0`,
-                    clearIndicator: () => `m-0 p-0'`,
-                    menu: () => "z-[99]"
-                  },
-                  placeholder: readonly ? "" : instance.t("choose_place"),
-                  onMenuOpen: fetchMoreOptions,
-                  onMenuClose: () => {
-                    const filteredDomain = [...domainObject ?? []]?.filter(
-                      (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
-                    ) || [];
-                    setInputValue("");
-                    setDomainObject(filteredDomain);
-                  },
-                  onChange: handleSelectChange,
-                  onInputChange: (newValue, { action }) => {
-                    if (action === "input-change") {
-                      setInputValue(newValue);
-                    }
-                  },
-                  value: selectedOption,
-                  isSearchable: true,
-                  isClearable: true,
-                  menuPlacement: "auto",
-                  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
-                  styles: {
-                    control: () => ({}),
-                    container: (base) => ({
-                      ...base,
-                      height: "100%"
-                    }),
-                    clearIndicator: (base) => ({
-                      ...base,
-                      padding: "0"
-                    }),
-                    valueContainer: (base) => ({
-                      ...base,
-                      padding: "0",
-                      margin: "0"
-                    }),
-                    menuPortal: (base) => ({
-                      ...base,
-                      zIndex: 999
-                    }),
-                    menu: (base) => ({
-                      ...base,
-                      zIndex: 999,
-                      width: isEditTable ? "auto" : "100%",
-                      minWidth: isEditTable ? "200px" : "100%"
-                    })
-                  },
-                  components: {
-                    MenuList: (menuListProps) => /* @__PURE__ */ jsx104(
-                      CustomMenuList2,
-                      {
-                        ...menuListProps,
-                        selectProps: {
-                          ...menuListProps.selectProps,
-                          setIsShowModalMany2Many
-                        }
-                      }
-                    ),
-                    IndicatorSeparator: () => null,
-                    DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx104(components.DropdownIndicator, { ...props2 })
-                  },
-                  isDisabled: readonly,
-                  noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+  return /* @__PURE__ */ jsxs72(Fragment30, { children: [
+    allowShowDetail && renderDetail({
+      idToolTip: String(name2),
+      model: relation,
+      context: contextObject,
+      idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
+    }),
+    /* @__PURE__ */ jsx104(
+      "div",
+      {
+        id: name2,
+        "data-tooltip-id": name2,
+        className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
+        children: /* @__PURE__ */ jsx104(
+          Controller,
+          {
+            name: name2 ?? "",
+            control: methods?.control,
+            rules: {
+              required: required ? {
+                value: true,
+                message: `${string} ${instance.t("must_required")}`
+              } : false
+            },
+            render: ({ field, fieldState: { error: error2 } }) => {
+              const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
+              const selectedOption = tempSelectedOption && options2?.length > 0 ? options2.find(
+                (option) => option.value === tempSelectedOption?.value
+              ) : currentValue ? currentValue : null;
+              useEffect25(() => {
+                if (error2 && selectedOption) {
+                  methods?.clearErrors(name2);
                 }
-              ),
-              !isEditTable && error2 && /* @__PURE__ */ jsx104("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
-            ] });
+              }, [selectedOption]);
+              return /* @__PURE__ */ jsxs72("div", { className: "h-full", children: [
+                /* @__PURE__ */ jsx104(
+                  StateManagedSelect$1,
+                  {
+                    menuShouldScrollIntoView: false,
+                    options: options2,
+                    classNames: {
+                      control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
+                      valueContainer: () => "!m-0 !p-0 ",
+                      singleValue: () => `!m-0`,
+                      input: () => "!m-0 !p-0",
+                      dropdownIndicator: () => `m-0 p-0`,
+                      clearIndicator: () => `m-0 p-0'`,
+                      menu: () => "z-[99]"
+                    },
+                    placeholder: readonly ? "" : instance.t("choose_place"),
+                    onMenuOpen: fetchMoreOptions,
+                    onMenuClose: () => {
+                      const filteredDomain = [...domainObject ?? []]?.filter(
+                        (d) => !(Array.isArray(d) && d[0] === "name" && d[1] === "ilike")
+                      ) || [];
+                      setInputValue("");
+                      setDomainObject(filteredDomain);
+                    },
+                    onChange: handleSelectChange,
+                    onInputChange: (newValue, { action }) => {
+                      if (action === "input-change") {
+                        setInputValue(newValue);
+                      }
+                    },
+                    value: selectedOption,
+                    isSearchable: true,
+                    isClearable: true,
+                    menuPlacement: "auto",
+                    menuPortalTarget: typeof window !== "undefined" ? document.body : null,
+                    styles: {
+                      control: () => ({}),
+                      container: (base) => ({
+                        ...base,
+                        height: "100%"
+                      }),
+                      clearIndicator: (base) => ({
+                        ...base,
+                        padding: "0"
+                      }),
+                      valueContainer: (base) => ({
+                        ...base,
+                        padding: "0",
+                        margin: "0"
+                      }),
+                      menuPortal: (base) => ({
+                        ...base,
+                        zIndex: 999
+                      }),
+                      menu: (base) => ({
+                        ...base,
+                        zIndex: 999,
+                        width: isEditTable ? "auto" : "100%",
+                        minWidth: isEditTable ? "200px" : "100%"
+                      })
+                    },
+                    components: {
+                      MenuList: (menuListProps) => /* @__PURE__ */ jsx104(
+                        CustomMenuList2,
+                        {
+                          ...menuListProps,
+                          selectProps: {
+                            ...menuListProps.selectProps,
+                            setIsShowModalMany2Many
+                          }
+                        }
+                      ),
+                      IndicatorSeparator: () => null,
+                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx104(components.DropdownIndicator, { ...props2 })
+                    },
+                    isDisabled: readonly,
+                    noOptionsMessage: () => instance.t(isFetching ? "loading" : "no-available")
+                  }
+                ),
+                !isEditTable && error2 && /* @__PURE__ */ jsx104("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+              ] });
+            }
           }
-        }
-      )
-    }
-  ) });
+        )
+      }
+    )
+  ] });
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx

package/package.json

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