@fctc/sme-widget-ui 1.5.8 → 1.6.0

package/dist/icons.js

@@ -398,21 +398,21 @@ var DownloadIcon = () => {
           "path",
           {
             d: "M13.2169 18.5417H7.78356C3.69189 18.5417 1.94189 16.7917 1.94189 12.7V12.5917C1.94189 8.89167 3.40023 7.10833 6.66689 6.8C7.00023 6.775 7.31689 7.025 7.35023 7.36667C7.38356 7.70833 7.13356 8.01667 6.78356 8.05C4.16689 8.29167 3.19189 9.525 3.19189 12.6V12.7083C3.19189 16.1 4.39189 17.3 7.78356 17.3H13.2169C16.6086 17.3 17.8086 16.1 17.8086 12.7083V12.6C17.8086 9.50833 16.8169 8.275 14.1502 8.05C13.8086 8.01667 13.5502 7.71667 13.5836 7.375C13.6169 7.03333 13.9086 6.775 14.2586 6.80833C17.5752 7.09167 19.0586 8.88333 19.0586 12.6083V12.7167C19.0586 16.7917 17.3086 18.5417 13.2169 18.5417Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "path",
           {
             d: "M10.5 13.025C10.1583 13.025 9.875 12.7417 9.875 12.4V1.66667C9.875 1.32501 10.1583 1.04167 10.5 1.04167C10.8417 1.04167 11.125 1.32501 11.125 1.66667V12.4C11.125 12.75 10.8417 13.025 10.5 13.025Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "path",
           {
             d: "M10.5 13.9583C10.3417 13.9583 10.1834 13.9 10.0584 13.775L7.2667 10.9833C7.02503 10.7417 7.02503 10.3417 7.2667 10.1C7.50837 9.85833 7.90837 9.85833 8.15003 10.1L10.5 12.45L12.85 10.1C13.0917 9.85833 13.4917 9.85833 13.7334 10.1C13.975 10.3417 13.975 10.7417 13.7334 10.9833L10.9417 13.775C10.8167 13.9 10.6584 13.9583 10.5 13.9583Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         )
       ]

package/dist/icons.mjs

@@ -337,21 +337,21 @@ var DownloadIcon = () => {
           "path",
           {
             d: "M13.2169 18.5417H7.78356C3.69189 18.5417 1.94189 16.7917 1.94189 12.7V12.5917C1.94189 8.89167 3.40023 7.10833 6.66689 6.8C7.00023 6.775 7.31689 7.025 7.35023 7.36667C7.38356 7.70833 7.13356 8.01667 6.78356 8.05C4.16689 8.29167 3.19189 9.525 3.19189 12.6V12.7083C3.19189 16.1 4.39189 17.3 7.78356 17.3H13.2169C16.6086 17.3 17.8086 16.1 17.8086 12.7083V12.6C17.8086 9.50833 16.8169 8.275 14.1502 8.05C13.8086 8.01667 13.5502 7.71667 13.5836 7.375C13.6169 7.03333 13.9086 6.775 14.2586 6.80833C17.5752 7.09167 19.0586 8.88333 19.0586 12.6083V12.7167C19.0586 16.7917 17.3086 18.5417 13.2169 18.5417Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx13(
           "path",
           {
             d: "M10.5 13.025C10.1583 13.025 9.875 12.7417 9.875 12.4V1.66667C9.875 1.32501 10.1583 1.04167 10.5 1.04167C10.8417 1.04167 11.125 1.32501 11.125 1.66667V12.4C11.125 12.75 10.8417 13.025 10.5 13.025Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx13(
           "path",
           {
             d: "M10.5 13.9583C10.3417 13.9583 10.1834 13.9 10.0584 13.775L7.2667 10.9833C7.02503 10.7417 7.02503 10.3417 7.2667 10.1C7.50837 9.85833 7.90837 9.85833 8.15003 10.1L10.5 12.45L12.85 10.1C13.0917 9.85833 13.4917 9.85833 13.7334 10.1C13.975 10.3417 13.975 10.7417 13.7334 10.9833L10.9417 13.775C10.8167 13.9 10.6584 13.9583 10.5 13.9583Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         )
       ]

package/dist/index.js

@@ -5425,21 +5425,21 @@ var DownloadIcon = () => {
           "path",
           {
             d: "M13.2169 18.5417H7.78356C3.69189 18.5417 1.94189 16.7917 1.94189 12.7V12.5917C1.94189 8.89167 3.40023 7.10833 6.66689 6.8C7.00023 6.775 7.31689 7.025 7.35023 7.36667C7.38356 7.70833 7.13356 8.01667 6.78356 8.05C4.16689 8.29167 3.19189 9.525 3.19189 12.6V12.7083C3.19189 16.1 4.39189 17.3 7.78356 17.3H13.2169C16.6086 17.3 17.8086 16.1 17.8086 12.7083V12.6C17.8086 9.50833 16.8169 8.275 14.1502 8.05C13.8086 8.01667 13.5502 7.71667 13.5836 7.375C13.6169 7.03333 13.9086 6.775 14.2586 6.80833C17.5752 7.09167 19.0586 8.88333 19.0586 12.6083V12.7167C19.0586 16.7917 17.3086 18.5417 13.2169 18.5417Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "path",
           {
             d: "M10.5 13.025C10.1583 13.025 9.875 12.7417 9.875 12.4V1.66667C9.875 1.32501 10.1583 1.04167 10.5 1.04167C10.8417 1.04167 11.125 1.32501 11.125 1.66667V12.4C11.125 12.75 10.8417 13.025 10.5 13.025Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "path",
           {
             d: "M10.5 13.9583C10.3417 13.9583 10.1834 13.9 10.0584 13.775L7.2667 10.9833C7.02503 10.7417 7.02503 10.3417 7.2667 10.1C7.50837 9.85833 7.90837 9.85833 8.15003 10.1L10.5 12.45L12.85 10.1C13.0917 9.85833 13.4917 9.85833 13.7334 10.1C13.975 10.3417 13.975 10.7417 13.7334 10.9833L10.9417 13.775C10.8167 13.9 10.6584 13.9583 10.5 13.9583Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         )
       ]
@@ -32714,10 +32714,10 @@ var DownLoadBinaryField = (props) => {
     {
       type: "button",
       onClick: handleFileDownload,
-      className: "flex items-center gap-1 text-blue-700",
+      className: "flex items-center gap-1 text-blue-700 my-auto",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DownloadIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm italic underline text-primary", children: i18n_default.t("download_file") })
       ]
     }
   );
@@ -33467,19 +33467,28 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field?.value) ? options2?.filter(
-          (option) => field?.value?.some((item) => item?.id === option?.value)
-        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
-          value: value2?.id,
-          label: value2?.display_name
-        })) : null;
+        const filteredValue = (0, import_react58.useMemo)(() => {
+          if (!Array.isArray(field?.value)) return null;
+          const fieldValueMapped = field.value.map((v) => ({
+            value: v?.id,
+            label: v?.display_name ?? v?.name,
+            ...v
+          }));
+          const fromOptions = options2?.filter(
+            (opt) => field.value.some((v) => v.id === opt.value)
+          ) ?? [];
+          const missingFromOptions = fieldValueMapped?.filter(
+            (fv) => !options2?.some((opt) => opt?.value === fv?.value)
+          );
+          return [...fromOptions, ...missingFromOptions];
+        }, [field?.value, options2]);
         const handleChange = (selectedOptions) => {
           const newValue = transfer(selectedOptions);
           field.onChange(newValue);
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "group h-full", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
           /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             StateManagedSelect$1,
             {

package/dist/index.mjs

@@ -5306,21 +5306,21 @@ var DownloadIcon = () => {
           "path",
           {
             d: "M13.2169 18.5417H7.78356C3.69189 18.5417 1.94189 16.7917 1.94189 12.7V12.5917C1.94189 8.89167 3.40023 7.10833 6.66689 6.8C7.00023 6.775 7.31689 7.025 7.35023 7.36667C7.38356 7.70833 7.13356 8.01667 6.78356 8.05C4.16689 8.29167 3.19189 9.525 3.19189 12.6V12.7083C3.19189 16.1 4.39189 17.3 7.78356 17.3H13.2169C16.6086 17.3 17.8086 16.1 17.8086 12.7083V12.6C17.8086 9.50833 16.8169 8.275 14.1502 8.05C13.8086 8.01667 13.5502 7.71667 13.5836 7.375C13.6169 7.03333 13.9086 6.775 14.2586 6.80833C17.5752 7.09167 19.0586 8.88333 19.0586 12.6083V12.7167C19.0586 16.7917 17.3086 18.5417 13.2169 18.5417Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx13(
           "path",
           {
             d: "M10.5 13.025C10.1583 13.025 9.875 12.7417 9.875 12.4V1.66667C9.875 1.32501 10.1583 1.04167 10.5 1.04167C10.8417 1.04167 11.125 1.32501 11.125 1.66667V12.4C11.125 12.75 10.8417 13.025 10.5 13.025Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx13(
           "path",
           {
             d: "M10.5 13.9583C10.3417 13.9583 10.1834 13.9 10.0584 13.775L7.2667 10.9833C7.02503 10.7417 7.02503 10.3417 7.2667 10.1C7.50837 9.85833 7.90837 9.85833 8.15003 10.1L10.5 12.45L12.85 10.1C13.0917 9.85833 13.4917 9.85833 13.7334 10.1C13.975 10.3417 13.975 10.7417 13.7334 10.9833L10.9417 13.775C10.8167 13.9 10.6584 13.9583 10.5 13.9583Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         )
       ]
@@ -32595,10 +32595,10 @@ var DownLoadBinaryField = (props) => {
     {
       type: "button",
       onClick: handleFileDownload,
-      className: "flex items-center gap-1 text-blue-700",
+      className: "flex items-center gap-1 text-blue-700 my-auto",
       children: [
         /* @__PURE__ */ jsx81(DownloadIcon, {}),
-        /* @__PURE__ */ jsx81("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
+        /* @__PURE__ */ jsx81("span", { className: "text-sm italic underline text-primary", children: i18n_default.t("download_file") })
       ]
     }
   );
@@ -33200,7 +33200,7 @@ var ImageField = (props) => {
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import React16, { useEffect as useEffect19 } from "react";
+import React16, { useEffect as useEffect19, useMemo as useMemo9 } from "react";
 
 // src/widgets/basic/information-field/information.tsx
 import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs61 } from "react/jsx-runtime";
@@ -33348,19 +33348,28 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field?.value) ? options2?.filter(
-          (option) => field?.value?.some((item) => item?.id === option?.value)
-        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
-          value: value2?.id,
-          label: value2?.display_name
-        })) : null;
+        const filteredValue = useMemo9(() => {
+          if (!Array.isArray(field?.value)) return null;
+          const fieldValueMapped = field.value.map((v) => ({
+            value: v?.id,
+            label: v?.display_name ?? v?.name,
+            ...v
+          }));
+          const fromOptions = options2?.filter(
+            (opt) => field.value.some((v) => v.id === opt.value)
+          ) ?? [];
+          const missingFromOptions = fieldValueMapped?.filter(
+            (fv) => !options2?.some((opt) => opt?.value === fv?.value)
+          );
+          return [...fromOptions, ...missingFromOptions];
+        }, [field?.value, options2]);
         const handleChange = (selectedOptions) => {
           const newValue = transfer(selectedOptions);
           field.onChange(newValue);
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs62("div", { className: "group h-full", children: [
+        return /* @__PURE__ */ jsxs62("div", { className: "group h-full overflow-y-auto", children: [
           /* @__PURE__ */ jsx91(
             StateManagedSelect$1,
             {
@@ -34484,7 +34493,7 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React18, { useEffect as useEffect25, useMemo as useMemo9 } from "react";
+import React18, { useEffect as useEffect25, useMemo as useMemo10 } 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;
@@ -34533,7 +34542,7 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = useMemo9(
+  const actionId = useMemo10(
     () => menuList?.flatMap(
       (item) => item?.child_id.filter(
         (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
@@ -34773,11 +34782,11 @@ var StatusbarDurationField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/option/option.tsx
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { jsx as jsx106, jsxs as jsxs74 } from "react/jsx-runtime";
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
-  const memoizedStatusOptions = useMemo10(() => selection, [selection]);
+  const memoizedStatusOptions = useMemo11(() => selection, [selection]);
   return /* @__PURE__ */ jsx106(
     "div",
     {

package/dist/widgets.js

@@ -8384,21 +8384,21 @@ var DownloadIcon = () => {
           "path",
           {
             d: "M13.2169 18.5417H7.78356C3.69189 18.5417 1.94189 16.7917 1.94189 12.7V12.5917C1.94189 8.89167 3.40023 7.10833 6.66689 6.8C7.00023 6.775 7.31689 7.025 7.35023 7.36667C7.38356 7.70833 7.13356 8.01667 6.78356 8.05C4.16689 8.29167 3.19189 9.525 3.19189 12.6V12.7083C3.19189 16.1 4.39189 17.3 7.78356 17.3H13.2169C16.6086 17.3 17.8086 16.1 17.8086 12.7083V12.6C17.8086 9.50833 16.8169 8.275 14.1502 8.05C13.8086 8.01667 13.5502 7.71667 13.5836 7.375C13.6169 7.03333 13.9086 6.775 14.2586 6.80833C17.5752 7.09167 19.0586 8.88333 19.0586 12.6083V12.7167C19.0586 16.7917 17.3086 18.5417 13.2169 18.5417Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "path",
           {
             d: "M10.5 13.025C10.1583 13.025 9.875 12.7417 9.875 12.4V1.66667C9.875 1.32501 10.1583 1.04167 10.5 1.04167C10.8417 1.04167 11.125 1.32501 11.125 1.66667V12.4C11.125 12.75 10.8417 13.025 10.5 13.025Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "path",
           {
             d: "M10.5 13.9583C10.3417 13.9583 10.1834 13.9 10.0584 13.775L7.2667 10.9833C7.02503 10.7417 7.02503 10.3417 7.2667 10.1C7.50837 9.85833 7.90837 9.85833 8.15003 10.1L10.5 12.45L12.85 10.1C13.0917 9.85833 13.4917 9.85833 13.7334 10.1C13.975 10.3417 13.975 10.7417 13.7334 10.9833L10.9417 13.775C10.8167 13.9 10.6584 13.9583 10.5 13.9583Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         )
       ]
@@ -32340,10 +32340,10 @@ var DownLoadBinaryField = (props) => {
     {
       type: "button",
       onClick: handleFileDownload,
-      className: "flex items-center gap-1 text-blue-700",
+      className: "flex items-center gap-1 text-blue-700 my-auto",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DownloadIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm italic underline text-primary", children: i18n_default.t("download_file") })
       ]
     }
   );
@@ -33093,19 +33093,28 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field?.value) ? options2?.filter(
-          (option) => field?.value?.some((item) => item?.id === option?.value)
-        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
-          value: value2?.id,
-          label: value2?.display_name
-        })) : null;
+        const filteredValue = (0, import_react58.useMemo)(() => {
+          if (!Array.isArray(field?.value)) return null;
+          const fieldValueMapped = field.value.map((v) => ({
+            value: v?.id,
+            label: v?.display_name ?? v?.name,
+            ...v
+          }));
+          const fromOptions = options2?.filter(
+            (opt) => field.value.some((v) => v.id === opt.value)
+          ) ?? [];
+          const missingFromOptions = fieldValueMapped?.filter(
+            (fv) => !options2?.some((opt) => opt?.value === fv?.value)
+          );
+          return [...fromOptions, ...missingFromOptions];
+        }, [field?.value, options2]);
         const handleChange = (selectedOptions) => {
           const newValue = transfer(selectedOptions);
           field.onChange(newValue);
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "group h-full", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
           /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             StateManagedSelect$1,
             {

package/dist/widgets.mjs

@@ -8321,21 +8321,21 @@ var DownloadIcon = () => {
           "path",
           {
             d: "M13.2169 18.5417H7.78356C3.69189 18.5417 1.94189 16.7917 1.94189 12.7V12.5917C1.94189 8.89167 3.40023 7.10833 6.66689 6.8C7.00023 6.775 7.31689 7.025 7.35023 7.36667C7.38356 7.70833 7.13356 8.01667 6.78356 8.05C4.16689 8.29167 3.19189 9.525 3.19189 12.6V12.7083C3.19189 16.1 4.39189 17.3 7.78356 17.3H13.2169C16.6086 17.3 17.8086 16.1 17.8086 12.7083V12.6C17.8086 9.50833 16.8169 8.275 14.1502 8.05C13.8086 8.01667 13.5502 7.71667 13.5836 7.375C13.6169 7.03333 13.9086 6.775 14.2586 6.80833C17.5752 7.09167 19.0586 8.88333 19.0586 12.6083V12.7167C19.0586 16.7917 17.3086 18.5417 13.2169 18.5417Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx15(
           "path",
           {
             d: "M10.5 13.025C10.1583 13.025 9.875 12.7417 9.875 12.4V1.66667C9.875 1.32501 10.1583 1.04167 10.5 1.04167C10.8417 1.04167 11.125 1.32501 11.125 1.66667V12.4C11.125 12.75 10.8417 13.025 10.5 13.025Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         ),
         /* @__PURE__ */ jsx15(
           "path",
           {
             d: "M10.5 13.9583C10.3417 13.9583 10.1834 13.9 10.0584 13.775L7.2667 10.9833C7.02503 10.7417 7.02503 10.3417 7.2667 10.1C7.50837 9.85833 7.90837 9.85833 8.15003 10.1L10.5 12.45L12.85 10.1C13.0917 9.85833 13.4917 9.85833 13.7334 10.1C13.975 10.3417 13.975 10.7417 13.7334 10.9833L10.9417 13.775C10.8167 13.9 10.6584 13.9583 10.5 13.9583Z",
-            fill: "#0B701D"
+            fill: "currentColor"
           }
         )
       ]
@@ -32277,10 +32277,10 @@ var DownLoadBinaryField = (props) => {
     {
       type: "button",
       onClick: handleFileDownload,
-      className: "flex items-center gap-1 text-blue-700",
+      className: "flex items-center gap-1 text-blue-700 my-auto",
       children: [
         /* @__PURE__ */ jsx81(DownloadIcon, {}),
-        /* @__PURE__ */ jsx81("span", { className: "text-sm italic underline", children: i18n_default.t("download_file") })
+        /* @__PURE__ */ jsx81("span", { className: "text-sm italic underline text-primary", children: i18n_default.t("download_file") })
       ]
     }
   );
@@ -32882,7 +32882,7 @@ var ImageField = (props) => {
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import React16, { useEffect as useEffect19 } from "react";
+import React16, { useEffect as useEffect19, useMemo as useMemo9 } from "react";
 
 // src/widgets/basic/information-field/information.tsx
 import { Fragment as Fragment26, jsx as jsx90, jsxs as jsxs61 } from "react/jsx-runtime";
@@ -33030,19 +33030,28 @@ var Many2ManyTagField = (props) => {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = options2 && options2?.length > 0 && Array.isArray(field?.value) ? options2?.filter(
-          (option) => field?.value?.some((item) => item?.id === option?.value)
-        ) : options2?.length === 0 && Array.isArray(field?.value) ? field?.value?.map((value2) => ({
-          value: value2?.id,
-          label: value2?.display_name
-        })) : null;
+        const filteredValue = useMemo9(() => {
+          if (!Array.isArray(field?.value)) return null;
+          const fieldValueMapped = field.value.map((v) => ({
+            value: v?.id,
+            label: v?.display_name ?? v?.name,
+            ...v
+          }));
+          const fromOptions = options2?.filter(
+            (opt) => field.value.some((v) => v.id === opt.value)
+          ) ?? [];
+          const missingFromOptions = fieldValueMapped?.filter(
+            (fv) => !options2?.some((opt) => opt?.value === fv?.value)
+          );
+          return [...fromOptions, ...missingFromOptions];
+        }, [field?.value, options2]);
         const handleChange = (selectedOptions) => {
           const newValue = transfer(selectedOptions);
           field.onChange(newValue);
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ jsxs62("div", { className: "group h-full", children: [
+        return /* @__PURE__ */ jsxs62("div", { className: "group h-full overflow-y-auto", children: [
           /* @__PURE__ */ jsx91(
             StateManagedSelect$1,
             {
@@ -34166,7 +34175,7 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React18, { useEffect as useEffect25, useMemo as useMemo9 } from "react";
+import React18, { useEffect as useEffect25, useMemo as useMemo10 } 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;
@@ -34215,7 +34224,7 @@ var Many2OneField = (props) => {
     setInputValue,
     setDomainObject
   } = props;
-  const actionId = useMemo9(
+  const actionId = useMemo10(
     () => menuList?.flatMap(
       (item) => item?.child_id.filter(
         (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
@@ -34455,11 +34464,11 @@ var StatusbarDurationField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/option/option.tsx
-import { useMemo as useMemo10 } from "react";
+import { useMemo as useMemo11 } from "react";
 import { jsx as jsx106, jsxs as jsxs74 } from "react/jsx-runtime";
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
-  const memoizedStatusOptions = useMemo10(() => selection, [selection]);
+  const memoizedStatusOptions = useMemo11(() => selection, [selection]);
   return /* @__PURE__ */ jsx106(
     "div",
     {

package/package.json

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