@fctc/sme-widget-ui 2.2.8 → 2.3.0

package/dist/widgets.mjs

@@ -9946,7 +9946,7 @@ var Row = (props) => {
             children: /* @__PURE__ */ jsx47(DeleteIcon, {})
           }
         ) }) }),
-        columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx47(
+        (!onAddRow || typeof onAddRow !== "function") && columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx47(
           "td",
           {
             style: {
@@ -10058,346 +10058,65 @@ var TableBody = (props) => {
 };
 
 // src/widgets/advanced/table/table-filter.tsx
-import { useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
-import { createPortal } from "react-dom";
-
-// src/hooks/use-click-outside.ts
-import { useEffect as useEffect4, useRef as useRef3 } from "react";
-var DEFAULT_EVENTS = ["mousedown", "touchstart"];
-var useClickOutside = ({
-  handler,
-  events = DEFAULT_EVENTS,
-  nodes = [],
-  // Default to empty array to avoid undefined errors
-  refs
-}) => {
-  const ref = useRef3(null);
-  useEffect4(() => {
-    const listener = (event) => {
-      const { target } = event;
-      if (refs && refs?.length > 0 && refs?.some((r4) => r4.current?.contains(target))) {
-        return;
-      }
-      if (!(target instanceof HTMLElement)) return;
-      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
-      const shouldTrigger = nodes.length > 0 ? nodes.every((node2) => node2 && !event.composedPath().includes(node2)) : ref.current && !ref.current.contains(target);
-      if (shouldTrigger && !shouldIgnore) {
-        handler(event);
-      }
-    };
-    events.forEach((event) => document.addEventListener(event, listener));
-    return () => {
-      events.forEach((event) => document.removeEventListener(event, listener));
-    };
-  }, [handler, nodes, events]);
-  return ref;
-};
-
-// src/hooks/use-get-file-infor.ts
-import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
-function getFileName(source, mime) {
-  if (source instanceof File) return source.name;
-  if (typeof source === "string") {
-    if (source.startsWith("data:")) {
-      const ext2 = mime?.split("/")[1] || "bin";
-      return `file.${ext2}`;
-    }
-    try {
-      const pathname = new URL(source).pathname;
-      const filename = decodeURIComponent(pathname.split("/").pop() || "");
-      if (filename) return filename;
-    } catch {
-    }
-    return "file.bin";
-  }
-  const ext = mime?.split("/")[1] || "bin";
-  return `file.${ext}`;
-}
-function useFileInfo(source, options2) {
-  const { readAs = "all" } = options2 ?? {};
-  const [info, setInfo] = useState3(null);
-  const [loading, setLoading] = useState3(false);
-  const [error2, setError] = useState3(null);
-  const abortRef = useRef4({ aborted: false });
-  useEffect5(() => {
-    abortRef.current.aborted = false;
-    if (!source) {
-      setInfo(null);
-      setLoading(false);
-      setError(null);
-      return;
-    }
-    let localUrl = null;
-    let fr = null;
-    let mediaEl = null;
-    const makeExtension = (name2, type) => {
-      if (name2) {
-        const idx = name2.lastIndexOf(".");
-        if (idx > -1) return name2.slice(idx + 1).toLowerCase();
-      }
-      if (type) {
-        const match3 = /\/([a-z0-9.+-]+)$/.exec(type);
-        return match3 ? match3[1] : null;
-      }
-      return null;
-    };
-    const toBlobFromSource = async (src) => {
-      if (src instanceof Blob) return src;
-      if (typeof src === "string") {
-        const s4 = src.trim();
-        if (s4.startsWith("data:")) {
-          const parts = s4.split(",");
-          const meta = parts[0];
-          const isBase64 = meta.includes(";base64");
-          const mimeMatch = meta.match(/data:([^;]+)/);
-          const mime = mimeMatch ? mimeMatch[1] : "application/octet-stream";
-          const dataPart = parts.slice(1).join(",");
-          if (isBase64) {
-            const binary = atob(dataPart);
-            const len = binary.length;
-            const arr = new Uint8Array(len);
-            for (let i3 = 0; i3 < len; i3++) arr[i3] = binary.charCodeAt(i3);
-            return new Blob([arr], { type: mime });
-          } else {
-            const decoded = decodeURIComponent(dataPart);
-            return new Blob([decoded], { type: mime });
-          }
-        }
-        const resp = await fetch(s4);
-        if (!resp.ok) throw new Error(`Fetch failed with status ${resp.status}`);
-        const blob = await resp.blob();
-        return blob;
-      }
-      throw new Error("Unsupported source type");
-    };
-    const run = async () => {
-      setLoading(true);
-      setError(null);
-      setInfo(null);
-      try {
-        const blob = await toBlobFromSource(source);
-        if (abortRef.current.aborted) return;
-        const fileInfo = {
-          rawBlob: blob,
-          size: blob.size,
-          type: blob.type || "application/octet-stream",
-          dataUrl: null,
-          text: null,
-          arrayBuffer: null,
-          image: null,
-          video: null,
-          audio: null
-        };
-        if (source instanceof File || source instanceof Blob || typeof source === "string" && !source.startsWith("data:")) {
-          fileInfo.name = getFileName(source, fileInfo.type);
-        }
-        fileInfo.extension = makeExtension(fileInfo.name, fileInfo.type);
-        localUrl = URL.createObjectURL(blob);
-        const readPromises = [];
-        if (readAs === "dataUrl" || readAs === "all") {
-          fr = new FileReader();
-          const p = new Promise((resolve, reject) => {
-            fr.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.dataUrl = fr.result;
-              resolve();
-            };
-            fr.onerror = () => reject(fr.error);
-            fr.readAsDataURL(blob);
-          });
-          readPromises.push(p);
-        }
-        if (readAs === "text" || readAs === "all") {
-          const frText = new FileReader();
-          const p = new Promise((resolve, reject) => {
-            frText.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.text = frText.result;
-              resolve();
-            };
-            frText.onerror = () => reject(frText.error);
-            frText.readAsText(blob);
-          });
-          readPromises.push(p);
-        }
-        if (readAs === "arrayBuffer" || readAs === "all") {
-          const frBuf = new FileReader();
-          const p = new Promise((resolve, reject) => {
-            frBuf.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.arrayBuffer = frBuf.result;
-              resolve();
-            };
-            frBuf.onerror = () => reject(frBuf.error);
-            frBuf.readAsArrayBuffer(blob);
-          });
-          readPromises.push(p);
-        }
-        if (fileInfo?.type?.startsWith("image/")) {
-          const p = new Promise((resolve, reject) => {
-            const img = new Image();
-            img.onload = () => {
-              if (abortRef.current.aborted) return resolve();
-              fileInfo.image = {
-                width: img.naturalWidth,
-                height: img.naturalHeight
-              };
-              resolve();
-            };
-            img.onerror = () => resolve();
-            img.src = localUrl;
-          });
-          readPromises.push(p);
-        }
-        if (fileInfo && fileInfo?.type?.startsWith("video/") || fileInfo?.type?.startsWith("audio/")) {
-          const p = new Promise((resolve) => {
-            const el = document.createElement(
-              fileInfo?.type?.startsWith("video/") ? "video" : "audio"
-            );
-            mediaEl = el;
-            mediaEl.preload = "metadata";
-            mediaEl.onloadedmetadata = () => {
-              if (abortRef.current.aborted) return resolve();
-              const duration = isFinite(mediaEl.duration) ? mediaEl.duration : void 0;
-              if (fileInfo?.type?.startsWith("video/")) {
-                fileInfo.video = {
-                  width: mediaEl.videoWidth || void 0,
-                  height: mediaEl.videoHeight || void 0,
-                  duration
-                };
-              } else {
-                fileInfo.audio = { duration };
-              }
-              resolve();
-            };
-            mediaEl.onerror = () => resolve();
-            mediaEl.src = localUrl;
-          });
-          readPromises.push(p);
-        }
-        await Promise.all(readPromises);
-        if (abortRef.current.aborted) return;
-        setInfo(fileInfo);
-      } catch (err) {
-        if (!abortRef.current.aborted) setError(err?.message ?? String(err));
-      } finally {
-        if (!abortRef.current.aborted) setLoading(false);
-      }
-    };
-    run();
-    return () => {
-      abortRef.current.aborted = true;
-      if (fr && fr.readyState === 1) {
-        try {
-          fr.abort();
-        } catch {
-        }
-      }
-      if (mediaEl) {
-        try {
-          mediaEl.src = "";
-          mediaEl.load();
-        } catch {
-        }
-      }
-      if (localUrl) URL.revokeObjectURL(localUrl);
-    };
-  }, [source, readAs]);
-  return { info, loading, error: error2, reload: () => {
-  } };
-}
-
-// src/widgets/advanced/table/table-filter.tsx
+import { Popover, PopoverButton, PopoverPanel } from "@headlessui/react";
 import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
 var TableFilter = ({ columns, onToggleColumnOptional }) => {
-  const [openTableFilter, setOpenTableFilter] = useState4();
-  const [filterPosition, setFilterPosition] = useState4(null);
-  const filterPopupRef = useRef5(null);
-  const filterRef = useClickOutside({
-    handler: () => {
-      if (openTableFilter) {
-        setOpenTableFilter(false);
-      }
-    },
-    refs: [filterPopupRef]
-  });
-  useEffect6(() => {
-    const updatePosition = () => {
-      if (filterRef.current && openTableFilter) {
-        const rect = filterRef.current.getBoundingClientRect();
-        setFilterPosition({
-          top: rect.bottom + window.scrollY,
-          left: rect.left + window.scrollX,
-          right: window.innerWidth - rect.right
-        });
-      }
-    };
-    updatePosition();
-    window.addEventListener("scroll", updatePosition);
-    window.addEventListener("resize", updatePosition);
-    return () => {
-      window.removeEventListener("scroll", updatePosition);
-      window.removeEventListener("resize", updatePosition);
-    };
-  }, [filterRef, openTableFilter]);
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
-      ref: filterRef,
       style: {
         transform: "translateY(-50%)"
       },
-      className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-white",
-      children: [
-        /* @__PURE__ */ jsx49(
+      className: "w-fit absolute top-[50%] translate-y-[-50%] right-[0px] ms-auto z-[32] ",
+      children: /* @__PURE__ */ jsxs27(Popover, { children: [
+        /* @__PURE__ */ jsx49(PopoverButton, { className: "p-2 rounded-lg cursor-pointer outline-none", children: /* @__PURE__ */ jsx49(
           "button",
           {
             type: "button",
             className: "bg-white size-8 p-1 rounded-lg cursor-pointer flex items-center justify-center",
-            onClick: () => {
-              setOpenTableFilter(!openTableFilter);
-            },
             children: /* @__PURE__ */ jsx49(FilterColumnIcon, {})
           }
-        ),
-        filterPosition && openTableFilter && createPortal(
-          /* @__PURE__ */ jsx49(
-            "div",
-            {
-              ref: filterPopupRef,
-              style: {
-                top: filterPosition?.top,
-                right: filterPosition?.right,
-                zIndex: 9999
-              },
-              className: "absolute z-[9999] flex w-[250px] h-auto max-h-[800%] overflow-auto flex-col gap-[16px] rounded-[8px] bg-[#fff] px-[24px] py-[16px] shadow-md",
-              children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
-                return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx49(
-                    "input",
-                    {
-                      type: "checkbox",
-                      id: `${item.name}`,
-                      onChange: () => onToggleColumnOptional(item),
-                      checked: item.optional !== "hide",
-                      className: "cursor-pointer"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx49(
-                    "label",
-                    {
-                      htmlFor: `${item.name}`,
-                      className: "flex items-center gap-[8px]",
-                      children: item.field.string
-                    }
-                  )
-                ] }, item.name);
-              })
-            }
-          ),
-          document.body
+        ) }),
+        /* @__PURE__ */ jsx49(
+          PopoverPanel,
+          {
+            transition: true,
+            anchor: "bottom end",
+            className: "shadow-lg z-[99] gap-2 bg-white rounded-lg transition duration-200 ease-in-out border border-stroke-disabled",
+            children: /* @__PURE__ */ jsx49(
+              "div",
+              {
+                style: {
+                  zIndex: 9999
+                },
+                className: "flex w-[250px] h-auto overflow-auto flex-col gap-[16px] rounded-[8px] bg-[#fff] px-[24px] py-[16px] shadow-md",
+                children: columns?.filter((val) => val?.optional !== void 0)?.map((item) => {
+                  return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx49(
+                      "input",
+                      {
+                        type: "checkbox",
+                        id: `${item.name}`,
+                        onChange: () => onToggleColumnOptional(item),
+                        checked: item.optional !== "hide",
+                        className: "cursor-pointer"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx49(
+                      "label",
+                      {
+                        htmlFor: `${item.name}`,
+                        className: "flex items-center gap-[8px]",
+                        children: item.field.string
+                      }
+                    )
+                  ] }, item.name);
+                })
+              }
+            )
+          }
         )
-      ]
+      ] })
     }
   );
 };
@@ -12260,7 +11979,7 @@ var M = e2.forwardRef(({ id: t3, anchorId: l2, anchorSelect: n4, content: i3, ht
 });
 
 // src/widgets/advanced/table/table-head.tsx
-import { createPortal as createPortal2 } from "react-dom";
+import { createPortal } from "react-dom";
 import { Fragment as Fragment4, jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
 var TableHead = (props) => {
   const {
@@ -12308,7 +12027,7 @@ var TableHead = (props) => {
               children: /* @__PURE__ */ jsxs29("div", { className: "cursor-pointer flex items-center gap-[4px] w-full group relative", children: [
                 /* @__PURE__ */ jsx51("span", { className: "truncate line-clamp-1 w-fit", children: col.title }),
                 col?.field?.help && /* @__PURE__ */ jsxs29(Fragment4, { children: [
-                  createPortal2(
+                  createPortal(
                     /* @__PURE__ */ jsx51(
                       M,
                       {
@@ -14570,7 +14289,7 @@ var Button = React2.forwardRef(
 Button.displayName = "Button";
 
 // src/widgets/advanced/login/shared/text-input.tsx
-import { useState as useState5 } from "react";
+import { useState as useState3 } from "react";
 import { jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
 function TextInput(props) {
   const {
@@ -14584,7 +14303,7 @@ function TextInput(props) {
     errors,
     required
   } = props;
-  const [showPassword, setShowPassword] = useState5(false);
+  const [showPassword, setShowPassword] = useState3(false);
   return /* @__PURE__ */ jsxs32("div", { className: `flex justify-center gap-2 flex-col ${className}`, children: [
     label && /* @__PURE__ */ jsxs32("label", { className: "text-[#262626] text-sm leading-5 font-semibold", children: [
       label,
@@ -14626,7 +14345,7 @@ function TextInput(props) {
 }
 
 // src/widgets/advanced/login/provider/credential/form-options/index.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect4 } from "react";
 import { jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
 var STAY_LOGIN_IN = "stayLoginIn";
 function FormOptions({
@@ -14650,7 +14369,7 @@ function FormOptions({
       }
     }
   }
-  useEffect7(() => {
+  useEffect4(() => {
     localStorage.setItem(STAY_LOGIN_IN, "false");
   }, []);
   return /* @__PURE__ */ jsxs33("div", { className: "flex justify-between items-center text-[#005aa9] text-sm leading-5 font-medium select-none", children: [
@@ -14758,204 +14477,450 @@ var CredentialLogin = (props) => {
           ) })
         ]
       }
-    ),
-    shouldRenderDivider && /* @__PURE__ */ jsxs34("div", { className: "flex justify-center relative", children: [
-      /* @__PURE__ */ jsx57("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
-      /* @__PURE__ */ jsx57("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
-    ] })
-  ] });
-};
-
-// src/widgets/advanced/login/provider/google/google-btn/index.tsx
-import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
-function GoogleButton(props) {
-  const { onLoginGoogle, db } = props;
-  return /* @__PURE__ */ jsxs35(
-    "button",
-    {
-      className: "google-wrapper w-full active:scale-[0.97] cursor-pointer hover:bg-gray-100 scale-100 transition-all gap-2 p-4 border border-[#e5e7eb] rounded-[10px] flex items-center justify-center bg-white",
-      onClick: () => onLoginGoogle?.(db),
-      children: [
-        /* @__PURE__ */ jsx58(GoogleIcon, { className: "google-icon" }),
-        /* @__PURE__ */ jsx58("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
-      ]
-    }
-  );
-}
-
-// src/widgets/advanced/login/provider/google/redirect/index.tsx
-import { Fragment as Fragment6, jsx as jsx59 } from "react/jsx-runtime";
-function SocialRedirect(props) {
-  const { db, onLoginSocial } = props;
-  onLoginSocial && onLoginSocial(String(db));
-  return /* @__PURE__ */ jsx59(Fragment6, {});
-}
-
-// src/widgets/advanced/login/provider/google/index.tsx
-import { Fragment as Fragment7, jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
-var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
-  return /* @__PURE__ */ jsxs36(Fragment7, { children: [
-    /* @__PURE__ */ jsx60(GoogleButton, { db, onLoginGoogle }),
-    /* @__PURE__ */ jsx60(SocialRedirect, { db, onLoginSocial })
-  ] });
-};
-
-// src/widgets/advanced/login/index.tsx
-import { jsx as jsx61, jsxs as jsxs37 } from "react/jsx-runtime";
-var LoginProviderMapping = {
-  google: GoogleLogin
-};
-var Login = (props) => {
-  const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
-  return /* @__PURE__ */ jsxs37("div", { className: "w-full space-y-8", children: [
-    /* @__PURE__ */ jsx61(
-      CredentialLogin,
-      {
-        ...props,
-        forgotPasswordUrl,
-        shouldRenderDivider: providers.length > 0
+    ),
+    shouldRenderDivider && /* @__PURE__ */ jsxs34("div", { className: "flex justify-center relative", children: [
+      /* @__PURE__ */ jsx57("div", { className: "absolute inset-x-0 top-[calc(50%-0.5px)] h-[0.8px] bg-gray-300" }),
+      /* @__PURE__ */ jsx57("span", { className: "relative font-medium text-sm inline-block bg-white px-2.5 text-[#6e6e6e]", children: "ho\u1EB7c" })
+    ] })
+  ] });
+};
+
+// src/widgets/advanced/login/provider/google/google-btn/index.tsx
+import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
+function GoogleButton(props) {
+  const { onLoginGoogle, db } = props;
+  return /* @__PURE__ */ jsxs35(
+    "button",
+    {
+      className: "google-wrapper w-full active:scale-[0.97] cursor-pointer hover:bg-gray-100 scale-100 transition-all gap-2 p-4 border border-[#e5e7eb] rounded-[10px] flex items-center justify-center bg-white",
+      onClick: () => onLoginGoogle?.(db),
+      children: [
+        /* @__PURE__ */ jsx58(GoogleIcon, { className: "google-icon" }),
+        /* @__PURE__ */ jsx58("span", { className: "google-title font-bold text-base", children: "\u0110\u0103ng nh\u1EADp v\u1EDBi google" })
+      ]
+    }
+  );
+}
+
+// src/widgets/advanced/login/provider/google/redirect/index.tsx
+import { Fragment as Fragment6, jsx as jsx59 } from "react/jsx-runtime";
+function SocialRedirect(props) {
+  const { db, onLoginSocial } = props;
+  onLoginSocial && onLoginSocial(String(db));
+  return /* @__PURE__ */ jsx59(Fragment6, {});
+}
+
+// src/widgets/advanced/login/provider/google/index.tsx
+import { Fragment as Fragment7, jsx as jsx60, jsxs as jsxs36 } from "react/jsx-runtime";
+var GoogleLogin = ({ db, onLoginSocial, onLoginGoogle }) => {
+  return /* @__PURE__ */ jsxs36(Fragment7, { children: [
+    /* @__PURE__ */ jsx60(GoogleButton, { db, onLoginGoogle }),
+    /* @__PURE__ */ jsx60(SocialRedirect, { db, onLoginSocial })
+  ] });
+};
+
+// src/widgets/advanced/login/index.tsx
+import { jsx as jsx61, jsxs as jsxs37 } from "react/jsx-runtime";
+var LoginProviderMapping = {
+  google: GoogleLogin
+};
+var Login = (props) => {
+  const { providers = [], forgotPasswordUrl = "/", db, onLoginSocial, onLoginGoogle } = props;
+  return /* @__PURE__ */ jsxs37("div", { className: "w-full space-y-8", children: [
+    /* @__PURE__ */ jsx61(
+      CredentialLogin,
+      {
+        ...props,
+        forgotPasswordUrl,
+        shouldRenderDivider: providers.length > 0
+      }
+    ),
+    providers.map((provider, index4) => {
+      const ProviderComp = LoginProviderMapping[provider];
+      return /* @__PURE__ */ jsx61(
+        ProviderComp,
+        {
+          db,
+          onLoginSocial: () => onLoginSocial?.(db),
+          onLoginGoogle: () => onLoginGoogle?.(db)
+        },
+        index4
+      );
+    })
+  ] });
+};
+
+// src/widgets/advanced/search/popup-filter/index.tsx
+import { jsx as jsx62, jsxs as jsxs38 } from "react/jsx-runtime";
+var PopupFilter = ({
+  handleAddTagSearch,
+  removeSearchItems,
+  groupBy,
+  filterBy,
+  setFilterBy,
+  setGroupBy,
+  fields
+}) => {
+  const { t: t3 } = useI18n();
+  return /* @__PURE__ */ jsx62(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: "calc(100% + 3px)",
+        right: 0,
+        zIndex: 33
+      },
+      className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
+      children: /* @__PURE__ */ jsxs38(
+        "div",
+        {
+          className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
+          children: [
+            filterBy?.length > 0 && /* @__PURE__ */ jsxs38("div", { className: "filter-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs38("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ jsx62(FilterIcon, { className: "filter-by-icon text-primary" }),
+                /* @__PURE__ */ jsx62("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
+              ] }),
+              filterBy?.reduce((acc, item, index4, array) => {
+                const prevItem = array[index4 - 1];
+                const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
+                const isExist = item?.active;
+                if (isDifferentGroup) {
+                  acc.push(/* @__PURE__ */ jsx62("hr", { className: "my-2" }, "separator-" + index4));
+                }
+                acc.push(
+                  /* @__PURE__ */ jsxs38(
+                    "button",
+                    {
+                      className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                      onClick: () => {
+                        const newFilterBy = filterBy?.map(
+                          (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
+                        );
+                        setFilterBy(newFilterBy);
+                        if (isExist) {
+                          typeof removeSearchItems === "function" && removeSearchItems(
+                            `${SearchType.FILTER}_${item.group_index}`,
+                            item
+                          );
+                          return;
+                        }
+                        typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                          name: item?.name,
+                          value: item?.string ?? item?.help,
+                          domain: item?.domain,
+                          groupIndex: item?.group_index,
+                          type: SearchType.FILTER
+                        });
+                      },
+                      children: [
+                        isExist && /* @__PURE__ */ jsx62(CheckIcon, {}),
+                        /* @__PURE__ */ jsx62("span", { className: "text-sm", children: item?.string ?? item?.help })
+                      ]
+                    },
+                    "filter-" + index4
+                  )
+                );
+                return acc;
+              }, [])
+            ] }),
+            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx62("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
+            groupBy?.length > 0 && /* @__PURE__ */ jsxs38("div", { className: "group-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs38("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ jsx62(GroupByIcon, { className: "group-by-icon text-primary" }),
+                /* @__PURE__ */ jsx62("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
+              ] }),
+              groupBy?.map((item, index4) => {
+                const isExist = item?.active;
+                if (!item.string) return;
+                return /* @__PURE__ */ jsxs38(
+                  "button",
+                  {
+                    onClick: () => {
+                      const formatArray = groupBy.map(
+                        (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
+                      );
+                      setGroupBy(formatArray);
+                      if (isExist) {
+                        typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
+                        return;
+                      }
+                      typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                        name: item?.name,
+                        value: item?.string,
+                        type: SearchType.GROUP,
+                        context: JSON.parse(item?.context.replace(/'/g, '"')),
+                        active: !isExist,
+                        dataIndex: index4,
+                        fieldsGroup: fields
+                      });
+                    },
+                    className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                    children: [
+                      isExist && /* @__PURE__ */ jsx62(CheckIcon, {}),
+                      /* @__PURE__ */ jsx62("span", { className: "text-sm", children: item?.string })
+                    ]
+                  },
+                  "groupby-" + index4 + 1
+                );
+              })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/widgets/advanced/search/search-item/index.tsx
+import { useEffect as useEffect7, useState as useState5 } from "react";
+
+// src/hooks/use-click-outside.ts
+import { useEffect as useEffect5, useRef as useRef3 } from "react";
+var DEFAULT_EVENTS = ["mousedown", "touchstart"];
+var useClickOutside = ({
+  handler,
+  events = DEFAULT_EVENTS,
+  nodes = [],
+  // Default to empty array to avoid undefined errors
+  refs
+}) => {
+  const ref = useRef3(null);
+  useEffect5(() => {
+    const listener = (event) => {
+      const { target } = event;
+      if (refs && refs?.length > 0 && refs?.some((r4) => r4.current?.contains(target))) {
+        return;
+      }
+      if (!(target instanceof HTMLElement)) return;
+      const shouldIgnore = target.hasAttribute("data-ignore-outside-clicks") || !document.body.contains(target) && target.tagName !== "HTML";
+      const shouldTrigger = nodes.length > 0 ? nodes.every((node2) => node2 && !event.composedPath().includes(node2)) : ref.current && !ref.current.contains(target);
+      if (shouldTrigger && !shouldIgnore) {
+        handler(event);
+      }
+    };
+    events.forEach((event) => document.addEventListener(event, listener));
+    return () => {
+      events.forEach((event) => document.removeEventListener(event, listener));
+    };
+  }, [handler, nodes, events]);
+  return ref;
+};
+
+// src/hooks/use-get-file-infor.ts
+import { useEffect as useEffect6, useRef as useRef4, useState as useState4 } from "react";
+function getFileName(source, mime) {
+  if (source instanceof File) return source.name;
+  if (typeof source === "string") {
+    if (source.startsWith("data:")) {
+      const ext2 = mime?.split("/")[1] || "bin";
+      return `file.${ext2}`;
+    }
+    try {
+      const pathname = new URL(source).pathname;
+      const filename = decodeURIComponent(pathname.split("/").pop() || "");
+      if (filename) return filename;
+    } catch {
+    }
+    return "file.bin";
+  }
+  const ext = mime?.split("/")[1] || "bin";
+  return `file.${ext}`;
+}
+function useFileInfo(source, options2) {
+  const { readAs = "all" } = options2 ?? {};
+  const [info, setInfo] = useState4(null);
+  const [loading, setLoading] = useState4(false);
+  const [error2, setError] = useState4(null);
+  const abortRef = useRef4({ aborted: false });
+  useEffect6(() => {
+    abortRef.current.aborted = false;
+    if (!source) {
+      setInfo(null);
+      setLoading(false);
+      setError(null);
+      return;
+    }
+    let localUrl = null;
+    let fr = null;
+    let mediaEl = null;
+    const makeExtension = (name2, type) => {
+      if (name2) {
+        const idx = name2.lastIndexOf(".");
+        if (idx > -1) return name2.slice(idx + 1).toLowerCase();
+      }
+      if (type) {
+        const match3 = /\/([a-z0-9.+-]+)$/.exec(type);
+        return match3 ? match3[1] : null;
+      }
+      return null;
+    };
+    const toBlobFromSource = async (src) => {
+      if (src instanceof Blob) return src;
+      if (typeof src === "string") {
+        const s4 = src.trim();
+        if (s4.startsWith("data:")) {
+          const parts = s4.split(",");
+          const meta = parts[0];
+          const isBase64 = meta.includes(";base64");
+          const mimeMatch = meta.match(/data:([^;]+)/);
+          const mime = mimeMatch ? mimeMatch[1] : "application/octet-stream";
+          const dataPart = parts.slice(1).join(",");
+          if (isBase64) {
+            const binary = atob(dataPart);
+            const len = binary.length;
+            const arr = new Uint8Array(len);
+            for (let i3 = 0; i3 < len; i3++) arr[i3] = binary.charCodeAt(i3);
+            return new Blob([arr], { type: mime });
+          } else {
+            const decoded = decodeURIComponent(dataPart);
+            return new Blob([decoded], { type: mime });
+          }
+        }
+        const resp = await fetch(s4);
+        if (!resp.ok) throw new Error(`Fetch failed with status ${resp.status}`);
+        const blob = await resp.blob();
+        return blob;
+      }
+      throw new Error("Unsupported source type");
+    };
+    const run = async () => {
+      setLoading(true);
+      setError(null);
+      setInfo(null);
+      try {
+        const blob = await toBlobFromSource(source);
+        if (abortRef.current.aborted) return;
+        const fileInfo = {
+          rawBlob: blob,
+          size: blob.size,
+          type: blob.type || "application/octet-stream",
+          dataUrl: null,
+          text: null,
+          arrayBuffer: null,
+          image: null,
+          video: null,
+          audio: null
+        };
+        if (source instanceof File || source instanceof Blob || typeof source === "string" && !source.startsWith("data:")) {
+          fileInfo.name = getFileName(source, fileInfo.type);
+        }
+        fileInfo.extension = makeExtension(fileInfo.name, fileInfo.type);
+        localUrl = URL.createObjectURL(blob);
+        const readPromises = [];
+        if (readAs === "dataUrl" || readAs === "all") {
+          fr = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            fr.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.dataUrl = fr.result;
+              resolve();
+            };
+            fr.onerror = () => reject(fr.error);
+            fr.readAsDataURL(blob);
+          });
+          readPromises.push(p);
+        }
+        if (readAs === "text" || readAs === "all") {
+          const frText = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            frText.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.text = frText.result;
+              resolve();
+            };
+            frText.onerror = () => reject(frText.error);
+            frText.readAsText(blob);
+          });
+          readPromises.push(p);
+        }
+        if (readAs === "arrayBuffer" || readAs === "all") {
+          const frBuf = new FileReader();
+          const p = new Promise((resolve, reject) => {
+            frBuf.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.arrayBuffer = frBuf.result;
+              resolve();
+            };
+            frBuf.onerror = () => reject(frBuf.error);
+            frBuf.readAsArrayBuffer(blob);
+          });
+          readPromises.push(p);
+        }
+        if (fileInfo?.type?.startsWith("image/")) {
+          const p = new Promise((resolve, reject) => {
+            const img = new Image();
+            img.onload = () => {
+              if (abortRef.current.aborted) return resolve();
+              fileInfo.image = {
+                width: img.naturalWidth,
+                height: img.naturalHeight
+              };
+              resolve();
+            };
+            img.onerror = () => resolve();
+            img.src = localUrl;
+          });
+          readPromises.push(p);
+        }
+        if (fileInfo && fileInfo?.type?.startsWith("video/") || fileInfo?.type?.startsWith("audio/")) {
+          const p = new Promise((resolve) => {
+            const el = document.createElement(
+              fileInfo?.type?.startsWith("video/") ? "video" : "audio"
+            );
+            mediaEl = el;
+            mediaEl.preload = "metadata";
+            mediaEl.onloadedmetadata = () => {
+              if (abortRef.current.aborted) return resolve();
+              const duration = isFinite(mediaEl.duration) ? mediaEl.duration : void 0;
+              if (fileInfo?.type?.startsWith("video/")) {
+                fileInfo.video = {
+                  width: mediaEl.videoWidth || void 0,
+                  height: mediaEl.videoHeight || void 0,
+                  duration
+                };
+              } else {
+                fileInfo.audio = { duration };
+              }
+              resolve();
+            };
+            mediaEl.onerror = () => resolve();
+            mediaEl.src = localUrl;
+          });
+          readPromises.push(p);
+        }
+        await Promise.all(readPromises);
+        if (abortRef.current.aborted) return;
+        setInfo(fileInfo);
+      } catch (err) {
+        if (!abortRef.current.aborted) setError(err?.message ?? String(err));
+      } finally {
+        if (!abortRef.current.aborted) setLoading(false);
+      }
+    };
+    run();
+    return () => {
+      abortRef.current.aborted = true;
+      if (fr && fr.readyState === 1) {
+        try {
+          fr.abort();
+        } catch {
+        }
       }
-    ),
-    providers.map((provider, index4) => {
-      const ProviderComp = LoginProviderMapping[provider];
-      return /* @__PURE__ */ jsx61(
-        ProviderComp,
-        {
-          db,
-          onLoginSocial: () => onLoginSocial?.(db),
-          onLoginGoogle: () => onLoginGoogle?.(db)
-        },
-        index4
-      );
-    })
-  ] });
-};
-
-// src/widgets/advanced/search/popup-filter/index.tsx
-import { jsx as jsx62, jsxs as jsxs38 } from "react/jsx-runtime";
-var PopupFilter = ({
-  handleAddTagSearch,
-  removeSearchItems,
-  groupBy,
-  filterBy,
-  setFilterBy,
-  setGroupBy,
-  fields
-}) => {
-  const { t: t3 } = useI18n();
-  return /* @__PURE__ */ jsx62(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: "calc(100% + 3px)",
-        right: 0,
-        zIndex: 33
-      },
-      className: "popup-filter w-full overflow-x-auto rounded-lg border border-[var(--stroke-default)] bg-white shadow-xl",
-      children: /* @__PURE__ */ jsxs38(
-        "div",
-        {
-          className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
-          children: [
-            filterBy?.length > 0 && /* @__PURE__ */ jsxs38("div", { className: "filter-by w-full px-3", children: [
-              /* @__PURE__ */ jsxs38("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-                /* @__PURE__ */ jsx62(FilterIcon, { className: "filter-by-icon text-primary" }),
-                /* @__PURE__ */ jsx62("span", { className: "font-bold text-sm text-[#212529]", children: t3("filter_by") })
-              ] }),
-              filterBy?.reduce((acc, item, index4, array) => {
-                const prevItem = array[index4 - 1];
-                const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
-                const isExist = item?.active;
-                if (isDifferentGroup) {
-                  acc.push(/* @__PURE__ */ jsx62("hr", { className: "my-2" }, "separator-" + index4));
-                }
-                acc.push(
-                  /* @__PURE__ */ jsxs38(
-                    "button",
-                    {
-                      className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                      onClick: () => {
-                        const newFilterBy = filterBy?.map(
-                          (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                        );
-                        setFilterBy(newFilterBy);
-                        if (isExist) {
-                          typeof removeSearchItems === "function" && removeSearchItems(
-                            `${SearchType.FILTER}_${item.group_index}`,
-                            item
-                          );
-                          return;
-                        }
-                        typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                          name: item?.name,
-                          value: item?.string ?? item?.help,
-                          domain: item?.domain,
-                          groupIndex: item?.group_index,
-                          type: SearchType.FILTER
-                        });
-                      },
-                      children: [
-                        isExist && /* @__PURE__ */ jsx62(CheckIcon, {}),
-                        /* @__PURE__ */ jsx62("span", { className: "text-sm", children: item?.string ?? item?.help })
-                      ]
-                    },
-                    "filter-" + index4
-                  )
-                );
-                return acc;
-              }, [])
-            ] }),
-            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx62("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-            groupBy?.length > 0 && /* @__PURE__ */ jsxs38("div", { className: "group-by w-full px-3", children: [
-              /* @__PURE__ */ jsxs38("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-                /* @__PURE__ */ jsx62(GroupByIcon, { className: "group-by-icon text-primary" }),
-                /* @__PURE__ */ jsx62("span", { className: "font-bold text-sm text-[#212529]", children: t3("group_by") })
-              ] }),
-              groupBy?.map((item, index4) => {
-                const isExist = item?.active;
-                if (!item.string) return;
-                return /* @__PURE__ */ jsxs38(
-                  "button",
-                  {
-                    onClick: () => {
-                      const formatArray = groupBy.map(
-                        (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                      );
-                      setGroupBy(formatArray);
-                      if (isExist) {
-                        typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
-                        return;
-                      }
-                      typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                        name: item?.name,
-                        value: item?.string,
-                        type: SearchType.GROUP,
-                        context: JSON.parse(item?.context.replace(/'/g, '"')),
-                        active: !isExist,
-                        dataIndex: index4,
-                        fieldsGroup: fields
-                      });
-                    },
-                    className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                    children: [
-                      isExist && /* @__PURE__ */ jsx62(CheckIcon, {}),
-                      /* @__PURE__ */ jsx62("span", { className: "text-sm", children: item?.string })
-                    ]
-                  },
-                  "groupby-" + index4 + 1
-                );
-              })
-            ] })
-          ]
+      if (mediaEl) {
+        try {
+          mediaEl.src = "";
+          mediaEl.load();
+        } catch {
         }
-      )
-    }
-  );
-};
-
-// src/widgets/advanced/search/search-item/index.tsx
-import { useEffect as useEffect8, useState as useState6 } from "react";
+      }
+      if (localUrl) URL.revokeObjectURL(localUrl);
+    };
+  }, [source, readAs]);
+  return { info, loading, error: error2, reload: () => {
+  } };
+}
 
 // src/widgets/advanced/search/tag-search/index.tsx
 import { Fragment as Fragment8 } from "react";
@@ -15157,13 +15122,13 @@ var Search = ({
   clearSearch
 }) => {
   const { t: t3 } = useI18n();
-  const [showPopupFilter, setShowPopupFilter] = useState6(false);
+  const [showPopupFilter, setShowPopupFilter] = useState5(false);
   const popupFilterRef = useClickOutside({
     handler: () => setShowPopupFilter(false)
   });
-  const [isReadyFormatDomain, setIsReadyFormatDomain] = useState6(false);
-  const [didInit, setDidInit] = useState6(false);
-  useEffect8(() => {
+  const [isReadyFormatDomain, setIsReadyFormatDomain] = useState5(false);
+  const [didInit, setDidInit] = useState5(false);
+  useEffect7(() => {
     if (isReadyFormatDomain) {
       setPage(0);
       setSelectedRowKeys([]);
@@ -15176,7 +15141,7 @@ var Search = ({
       }
     }
   }, [selectedTags, isReadyFormatDomain]);
-  useEffect8(() => {
+  useEffect7(() => {
     setDidInit(false);
     setIsReadyFormatDomain(false);
     return () => {
@@ -15185,7 +15150,7 @@ var Search = ({
       setIsReadyFormatDomain(false);
     };
   }, [aid]);
-  useEffect8(() => {
+  useEffect7(() => {
     if (!filterBy || !fieldsList || fieldsList?.length === 0) return;
     if (didInit) return;
     const searchDefaults = Object.entries(context || {}).filter(
@@ -15484,8 +15449,8 @@ var ModalConfirm = ({
 };
 
 // src/widgets/common/modal-detail.tsx
-import { useState as useState7 } from "react";
-import { createPortal as createPortal3 } from "react-dom";
+import { useState as useState6 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
 import { Fragment as Fragment13, jsx as jsx69, jsxs as jsxs44 } from "react/jsx-runtime";
 var ModalDetail = ({
   idToolTip,
@@ -15498,8 +15463,8 @@ var ModalDetail = ({
   context
 }) => {
   const { t: t3 } = useI18n();
-  const [showModalDetail, setShowModalDetail] = useState7(false);
-  const [actionData, setActionData] = useState7();
+  const [showModalDetail, setShowModalDetail] = useState6(false);
+  const [actionData, setActionData] = useState6();
   const handleToggleModal = (e3) => {
     e3.stopPropagation();
     setShowModalDetail(!showModalDetail);
@@ -15508,7 +15473,7 @@ var ModalDetail = ({
     sessionStorage.setItem("actionData", JSON.stringify(actionData));
     window.location.href = `/form/menu?model=${model}&id=${idForm}`;
   };
-  return createPortal3(
+  return createPortal2(
     /* @__PURE__ */ jsx69(Fragment13, { children: showModalDetail && /* @__PURE__ */ jsxs44("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[100]", children: [
       /* @__PURE__ */ jsx69("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
       /* @__PURE__ */ jsx69("div", { className: "absolute inset-0 overflow-auto flex flex-col justify-center items-center px-5", children: /* @__PURE__ */ jsxs44("div", { className: "relative z-[1] max-w-full p-4 flex flex-col gap-4 w-[1000px] transform rounded-3xl bg-[#FFF] h-[90%]", children: [
@@ -15547,12 +15512,12 @@ var ModalDetail = ({
 };
 
 // src/widgets/common/loading-normal.tsx
-import { useEffect as useEffect9, useState as useState8 } from "react";
+import { useEffect as useEffect8, useState as useState7 } from "react";
 import { jsx as jsx70, jsxs as jsxs45 } from "react/jsx-runtime";
 var LayerLoading = () => {
   const { t: t3 } = useI18n();
-  const [activeIndex, setActiveIndex] = useState8(0);
-  useEffect9(() => {
+  const [activeIndex, setActiveIndex] = useState7(0);
+  useEffect8(() => {
     const interval = setInterval(() => {
       setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
     }, 200);
@@ -15571,11 +15536,11 @@ var LayerLoading = () => {
 };
 
 // src/widgets/common/loading-small.tsx
-import { useEffect as useEffect10, useState as useState9 } from "react";
+import { useEffect as useEffect9, useState as useState8 } from "react";
 import { jsx as jsx71 } from "react/jsx-runtime";
 var LoadingSmall = () => {
-  const [activeIndex, setActiveIndex] = useState9(0);
-  useEffect10(() => {
+  const [activeIndex, setActiveIndex] = useState8(0);
+  useEffect9(() => {
     const interval = setInterval(() => {
       setActiveIndex((prevIndex) => (prevIndex + 1) % 6);
     }, 200);
@@ -15910,11 +15875,11 @@ var ButtonSelectFiles = ({
 };
 
 // src/widgets/common/video-player.tsx
-import { useRef as useRef6, useState as useState10 } from "react";
+import { useRef as useRef5, useState as useState9 } from "react";
 import { jsx as jsx73, jsxs as jsxs47 } from "react/jsx-runtime";
 var VideoPlayer = ({ src }) => {
-  const [isPlaying, setIsPlaying] = useState10(false);
-  const videoRef = useRef6(null);
+  const [isPlaying, setIsPlaying] = useState9(false);
+  const videoRef = useRef5(null);
   const handlePlayPause = () => {
     if (videoRef.current) {
       if (isPlaying) {
@@ -16023,7 +15988,7 @@ var AvatarField = (props) => {
 };
 
 // src/widgets/basic/binary-field/binary.tsx
-import { useEffect as useEffect11, useState as useState11 } from "react";
+import { useEffect as useEffect10, useState as useState10 } from "react";
 import { Fragment as Fragment16, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
 var BinaryField = (props) => {
   const {
@@ -16051,12 +16016,12 @@ var BinaryField = (props) => {
     setInitialFile
   } = props;
   const { t: t3 } = useI18n();
-  const [fileInfo, setFileInfo] = useState11(null);
+  const [fileInfo, setFileInfo] = useState10(null);
   const onlyImage = widget === "image" || widget === "image_url";
-  useEffect11(() => {
+  useEffect10(() => {
     setInitialFile(value);
   }, [value]);
-  useEffect11(() => {
+  useEffect10(() => {
     const loadFromLink = async () => {
       if (!initialFile || !initialFile.startsWith("http")) return;
       if (typeof initialFile !== "string") {
@@ -16429,7 +16394,7 @@ var ButtonField = (props) => {
 };
 
 // src/widgets/basic/char-field/char.tsx
-import { useEffect as useEffect12, useMemo as useMemo4 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo4 } from "react";
 import { Fragment as Fragment18, jsx as jsx78, jsxs as jsxs51 } from "react/jsx-runtime";
 var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
 var CharField = (props) => {
@@ -16489,12 +16454,12 @@ var CharField = (props) => {
         fieldState: { error: error2, isDirty }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect12(() => {
+        useEffect11(() => {
           if (value2) {
             clearErrors(name2);
           }
         }, [value2, clearErrors, name2]);
-        useEffect12(() => {
+        useEffect11(() => {
           if (widget !== WIDGET_AUTO_COMPUTE_DEPEND) return;
           const depValue = formValues?.[options2?.depend_field]?.[options2?.field_name];
           const currentValue = methods?.getValues(name2);
@@ -16658,21 +16623,21 @@ var CheckboxField = (props) => {
 };
 
 // src/widgets/basic/color-field/color-wrapper.tsx
-import { useEffect as useEffect13, useRef as useRef7, useState as useState12 } from "react";
+import { useEffect as useEffect12, useRef as useRef6, useState as useState11 } from "react";
 import { Fragment as Fragment19, jsx as jsx80, jsxs as jsxs52 } from "react/jsx-runtime";
 var ColorWrapper = (props) => {
   const { colors: colors2, defaultColor, savePickColor } = props;
   const { t: t3 } = useI18n();
-  const [selectedColor, setSelectedColor] = useState12(colors2[defaultColor]);
-  const [showFullColors, setIsShowFullColor] = useState12(false);
-  const pickColorsRef = useRef7(null);
-  useEffect13(() => {
+  const [selectedColor, setSelectedColor] = useState11(colors2[defaultColor]);
+  const [showFullColors, setIsShowFullColor] = useState11(false);
+  const pickColorsRef = useRef6(null);
+  useEffect12(() => {
     setSelectedColor(colors2[defaultColor]);
   }, [defaultColor]);
   const handleShowFullColors = () => {
     setIsShowFullColor(!showFullColors);
   };
-  useEffect13(() => {
+  useEffect12(() => {
     const handleClickOutside = (event) => {
       if (pickColorsRef.current && !pickColorsRef.current.contains(event.target)) {
         setIsShowFullColor(false);
@@ -16763,7 +16728,7 @@ var ColorField = (props) => {
 };
 
 // src/widgets/basic/copy-link-buttton/copy-link.tsx
-import { useEffect as useEffect14 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { jsx as jsx82, jsxs as jsxs53 } from "react/jsx-runtime";
 var CopyLinkButtonField = (props) => {
   const {
@@ -16798,7 +16763,7 @@ var CopyLinkButtonField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect14(() => {
+        useEffect13(() => {
           if (value) {
             clearErrors(name2);
           }
@@ -16874,10 +16839,10 @@ var CopyLinkButtonField = (props) => {
 };
 
 // src/widgets/basic/date-field/date.tsx
-import { forwardRef as forwardRef6, useEffect as useEffect18 } from "react";
+import { forwardRef as forwardRef6, useEffect as useEffect17 } from "react";
 
 // node_modules/react-datepicker/dist/index.es.js
-import React9, { useRef as useRef11, useCallback as useCallback5, useEffect as useEffect16, cloneElement as cloneElement3, Component, createRef, createElement as createElement5 } from "react";
+import React9, { useRef as useRef10, useCallback as useCallback5, useEffect as useEffect15, cloneElement as cloneElement3, Component, createRef, createElement as createElement5 } from "react";
 
 // node_modules/date-fns/constants.js
 var daysInYear = 365.2425;
@@ -21447,8 +21412,8 @@ var CalendarContainer = function(_a2) {
   return React9.createElement("div", { className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children);
 };
 var useDetectClickOutside = function(onClickOutside, ignoreClass) {
-  var ref = useRef11(null);
-  var onClickOutsideRef = useRef11(onClickOutside);
+  var ref = useRef10(null);
+  var onClickOutsideRef = useRef10(onClickOutside);
   onClickOutsideRef.current = onClickOutside;
   var handleClickOutside = useCallback5(function(event) {
     var _a2;
@@ -21461,7 +21426,7 @@ var useDetectClickOutside = function(onClickOutside, ignoreClass) {
       }
     }
   }, [ignoreClass]);
-  useEffect16(function() {
+  useEffect15(function() {
     document.addEventListener("mousedown", handleClickOutside);
     return function() {
       document.removeEventListener("mousedown", handleClickOutside);
@@ -24702,7 +24667,7 @@ function withFloating(Component3) {
   var WithFloating = function(props) {
     var _a2;
     var hidePopper = typeof props.hidePopper === "boolean" ? props.hidePopper : true;
-    var arrowRef = useRef11(null);
+    var arrowRef = useRef10(null);
     var floatingProps = useFloating2(_assign({ open: !hidePopper, whileElementsMounted: autoUpdate, placement: props.popperPlacement, middleware: __spreadArray([
       flip3({ padding: 15 }),
       offset3(10),
@@ -25714,13 +25679,13 @@ function _objectWithoutProperties(e3, t3) {
 }
 
 // node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
-import { useState as useState15, useCallback as useCallback6 } from "react";
+import { useState as useState14, useCallback as useCallback6 } from "react";
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
   var _ref$defaultInputValu = _ref3.defaultInputValue, defaultInputValue = _ref$defaultInputValu === void 0 ? "" : _ref$defaultInputValu, _ref$defaultMenuIsOpe = _ref3.defaultMenuIsOpen, defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe, _ref$defaultValue = _ref3.defaultValue, defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue, propsInputValue = _ref3.inputValue, propsMenuIsOpen = _ref3.menuIsOpen, propsOnChange = _ref3.onChange, propsOnInputChange = _ref3.onInputChange, propsOnMenuClose = _ref3.onMenuClose, propsOnMenuOpen = _ref3.onMenuOpen, propsValue = _ref3.value, restSelectProps = _objectWithoutProperties(_ref3, _excluded);
-  var _useState = useState15(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
-  var _useState3 = useState15(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
-  var _useState5 = useState15(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
+  var _useState = useState14(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
+  var _useState3 = useState14(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
+  var _useState5 = useState14(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
   var onChange2 = useCallback6(function(value2, actionMeta) {
     if (typeof propsOnChange === "function") {
       propsOnChange(value2, actionMeta);
@@ -25881,7 +25846,7 @@ function _toConsumableArray(r4) {
 
 // node_modules/react-select/dist/Select-ef7c0426.esm.js
 import * as React13 from "react";
-import { useMemo as useMemo8, Fragment as Fragment23, useRef as useRef14, useCallback as useCallback8, useEffect as useEffect17, Component as Component2 } from "react";
+import { useMemo as useMemo8, Fragment as Fragment23, useRef as useRef13, useCallback as useCallback8, useEffect as useEffect16, Component as Component2 } from "react";
 
 // node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 import * as React11 from "react";
@@ -27213,8 +27178,8 @@ function _taggedTemplateLiteral(e3, t3) {
 }
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
-import { useContext as useContext9, useRef as useRef13, useState as useState16, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
-import { createPortal as createPortal5 } from "react-dom";
+import { useContext as useContext9, useRef as useRef12, useState as useState15, useMemo as useMemo7, useCallback as useCallback7, createContext as createContext5 } from "react";
+import { createPortal as createPortal4 } from "react-dom";
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
 import { useLayoutEffect as useLayoutEffect4 } from "react";
@@ -27559,9 +27524,9 @@ var PortalPlacementContext = /* @__PURE__ */ createContext5(null);
 var MenuPlacer = function MenuPlacer2(props) {
   var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
   var _ref3 = useContext9(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
-  var ref = useRef13(null);
-  var _useState = useState16(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
-  var _useState3 = useState16(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
+  var ref = useRef12(null);
+  var _useState = useState15(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
+  var _useState3 = useState15(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
   var controlHeight2 = theme.spacing.controlHeight;
   index3(function() {
     var menuEl = ref.current;
@@ -27663,15 +27628,15 @@ var menuPortalCSS = function menuPortalCSS2(_ref8) {
 };
 var MenuPortal = function MenuPortal2(props) {
   var appendTo = props.appendTo, children = props.children, controlElement = props.controlElement, innerProps = props.innerProps, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition;
-  var menuPortalRef = useRef13(null);
-  var cleanupRef = useRef13(null);
-  var _useState5 = useState16(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
+  var menuPortalRef = useRef12(null);
+  var cleanupRef = useRef12(null);
+  var _useState5 = useState15(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
   var portalPlacementContext = useMemo7(function() {
     return {
       setPortalPlacement
     };
   }, []);
-  var _useState7 = useState16(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
+  var _useState7 = useState15(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
   var updateComputedPosition = useCallback7(function() {
     if (!controlElement) return;
     var rect = getBoundingClientObj(controlElement);
@@ -27717,7 +27682,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), innerProps), children);
   return jsx84(PortalPlacementContext.Provider, {
     value: portalPlacementContext
-  }, appendTo ? /* @__PURE__ */ createPortal5(menuWrapper, appendTo) : menuWrapper);
+  }, appendTo ? /* @__PURE__ */ createPortal4(menuWrapper, appendTo) : menuWrapper);
 };
 var containerCSS = function containerCSS2(_ref3) {
   var isDisabled = _ref3.isDisabled, isRtl = _ref3.isRtl;
@@ -28802,10 +28767,10 @@ var cancelScroll = function cancelScroll2(event) {
 };
 function useScrollCapture(_ref3) {
   var isEnabled = _ref3.isEnabled, onBottomArrive = _ref3.onBottomArrive, onBottomLeave = _ref3.onBottomLeave, onTopArrive = _ref3.onTopArrive, onTopLeave = _ref3.onTopLeave;
-  var isBottom = useRef14(false);
-  var isTop = useRef14(false);
-  var touchStart = useRef14(0);
-  var scrollTarget = useRef14(null);
+  var isBottom = useRef13(false);
+  var isTop = useRef13(false);
+  var touchStart = useRef13(0);
+  var scrollTarget = useRef13(null);
   var handleEventDelta = useCallback8(function(event, delta) {
     if (scrollTarget.current === null) return;
     var _scrollTarget$current = scrollTarget.current, scrollTop = _scrollTarget$current.scrollTop, scrollHeight = _scrollTarget$current.scrollHeight, clientHeight = _scrollTarget$current.clientHeight;
@@ -28865,7 +28830,7 @@ function useScrollCapture(_ref3) {
     el.removeEventListener("touchstart", onTouchStart, false);
     el.removeEventListener("touchmove", onTouchMove, false);
   }, [onTouchMove, onTouchStart, onWheel]);
-  useEffect17(function() {
+  useEffect16(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     startListening(element);
@@ -28912,8 +28877,8 @@ var listenerOptions = {
 };
 function useScrollLock(_ref3) {
   var isEnabled = _ref3.isEnabled, _ref$accountForScroll = _ref3.accountForScrollbars, accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
-  var originalStyles = useRef14({});
-  var scrollTarget = useRef14(null);
+  var originalStyles = useRef13({});
+  var scrollTarget = useRef13(null);
   var addScrollLock = useCallback8(function(touchScrollTarget) {
     if (!canUseDOM) return;
     var target = document.body;
@@ -28968,7 +28933,7 @@ function useScrollLock(_ref3) {
       }
     }
   }, [accountForScrollbars]);
-  useEffect17(function() {
+  useEffect16(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -30686,7 +30651,7 @@ var DateField = (props) => {
         },
         render: ({ field, fieldState: { error: error2 } }) => {
           const { setError, clearErrors } = methods;
-          useEffect18(() => {
+          useEffect17(() => {
             if (value) {
               clearErrors(name2);
             }
@@ -30918,7 +30883,7 @@ var DownloadFileField = (props) => {
 };
 
 // src/widgets/basic/dropdown-field/dropdown.tsx
-import { useState as useState17 } from "react";
+import { useState as useState16 } from "react";
 import { jsx as jsx89, jsxs as jsxs58 } from "react/jsx-runtime";
 var DropdownField = (props) => {
   const {
@@ -30931,7 +30896,7 @@ var DropdownField = (props) => {
     dropdownClassName = "",
     useClickOutside: useClickOutside2
   } = props;
-  const [open, setOpen] = useState17(false);
+  const [open, setOpen] = useState16(false);
   const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
   return /* @__PURE__ */ jsxs58(
     "div",
@@ -31040,7 +31005,7 @@ var FeeField = (props) => {
 };
 
 // src/widgets/basic/file-upload-field/file-upload.tsx
-import { useEffect as useEffect19, useRef as useRef15, useState as useState18 } from "react";
+import { useEffect as useEffect18, useRef as useRef14, useState as useState17 } from "react";
 import { jsx as jsx91, jsxs as jsxs60 } from "react/jsx-runtime";
 var RenderFile = ({
   file,
@@ -31105,10 +31070,10 @@ var FileUploadField = (props) => {
     downloadFunction
   } = props;
   const { t: t3 } = useI18n();
-  const fileInputRef = useRef15(null);
-  const [selectedFiles, setSelectedFiles] = useState18([]);
-  const [uploadError, setUploadError] = useState18();
-  useEffect19(() => {
+  const fileInputRef = useRef14(null);
+  const [selectedFiles, setSelectedFiles] = useState17([]);
+  const [uploadError, setUploadError] = useState17();
+  useEffect18(() => {
     if (selectedFiles?.length === 0 && value) {
       setSelectedFiles([
         {
@@ -31126,7 +31091,7 @@ var FileUploadField = (props) => {
         required: required ? { value: true, message: `${string} ${t3("must_required")}` } : false
       },
       render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
-        useEffect19(() => {
+        useEffect18(() => {
           let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
           if (widget !== "many2many_binary" && data && isBase64File(data)) {
             data = data.split(",")[1];
@@ -31182,7 +31147,7 @@ var FileUploadField = (props) => {
 };
 
 // src/widgets/basic/float-field/float.tsx
-import { useEffect as useEffect20, useRef as useRef16, useState as useState19 } from "react";
+import { useEffect as useEffect19, useRef as useRef15, useState as useState18 } from "react";
 import { Fragment as Fragment26, jsx as jsx92, jsxs as jsxs61 } from "react/jsx-runtime";
 var FloatField = (props) => {
   const {
@@ -31214,10 +31179,10 @@ var FloatField = (props) => {
       },
       render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
         const { setError, clearErrors } = methods;
-        const [inputValue, setInputValue] = useState19(
+        const [inputValue, setInputValue] = useState18(
           value !== void 0 && value !== null ? formatFloatNumber(value) : ""
         );
-        useEffect20(() => {
+        useEffect19(() => {
           if (isDirtyRef.current) return;
           const numericInput = parseFloat(inputValue?.replace(/,/g, ""));
           if (propValue !== void 0 && propValue !== null && !Number.isNaN(propValue) && propValue !== numericInput) {
@@ -31230,9 +31195,9 @@ var FloatField = (props) => {
             setInputValue("");
           }
         }, [value, name2, clearErrors, propValue]);
-        const isDirtyRef = useRef16(false);
-        const inputRef = useRef16(null);
-        const lastCommittedValueRef = useRef16(null);
+        const isDirtyRef = useRef15(false);
+        const inputRef = useRef15(null);
+        const lastCommittedValueRef = useRef15(null);
         const handleInputChange = (e3) => {
           const newValue = e3.target.value;
           const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -31339,7 +31304,7 @@ var FloatField = (props) => {
 };
 
 // src/widgets/basic/float-time-field/float-time.tsx
-import { useState as useState20 } from "react";
+import { useState as useState19 } from "react";
 import { Fragment as Fragment27, jsx as jsx93, jsxs as jsxs62 } from "react/jsx-runtime";
 var FloatTimeField = (props) => {
   const {
@@ -31371,11 +31336,11 @@ var FloatTimeField = (props) => {
         field: { onChange: fieldOnChange, onBlur, value: value2 },
         fieldState: { error: error2, isDirty }
       }) => {
-        const [input, setInput] = useState20(
+        const [input, setInput] = useState19(
           convertFloatToTime(value2 ?? defaultValue)
         );
-        const [formattedTime, setFormattedTime] = useState20("");
-        const [errors, setErrors] = useState20("");
+        const [formattedTime, setFormattedTime] = useState19("");
+        const [errors, setErrors] = useState19("");
         const handleInputChange = (e3) => {
           const raw = e3.target.value.replace(/[^\d:]/g, "");
           setInput(raw);
@@ -31461,7 +31426,7 @@ var FloatTimeField = (props) => {
 };
 
 // src/widgets/basic/html-field/html.tsx
-import { useEffect as useEffect21, useRef as useRef17 } from "react";
+import { useEffect as useEffect20, useRef as useRef16 } from "react";
 import { jsx as jsx94 } from "react/jsx-runtime";
 var HtmlField = (props) => {
   const {
@@ -31474,7 +31439,7 @@ var HtmlField = (props) => {
     value,
     isEditTable
   } = props;
-  const divRef = useRef17(null);
+  const divRef = useRef16(null);
   if (!isForm && !isEditTable) {
     return /* @__PURE__ */ jsx94("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
   }
@@ -31485,7 +31450,7 @@ var HtmlField = (props) => {
       control: methods?.control,
       defaultValue,
       render: ({ field: { onChange: fieldOnChange, value: value2 } }) => {
-        useEffect21(() => {
+        useEffect20(() => {
           if (divRef.current && divRef.current.innerHTML !== value2) {
             divRef.current.innerHTML = value2 || "";
           }
@@ -31527,7 +31492,7 @@ var ImageField = (props) => {
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-import React16, { useEffect as useEffect22, useMemo as useMemo10 } from "react";
+import React16, { useEffect as useEffect21, useMemo as useMemo10 } from "react";
 
 // src/widgets/basic/information-field/information.tsx
 import { Fragment as Fragment28, jsx as jsx96, jsxs as jsxs63 } from "react/jsx-runtime";
@@ -31669,7 +31634,7 @@ var Many2ManyTagField = (props) => {
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;
-        useEffect22(() => {
+        useEffect21(() => {
           if (field.value) {
             clearErrors(name2);
           }
@@ -31809,7 +31774,7 @@ var Many2ManyTagField = (props) => {
 };
 
 // src/widgets/basic/monetary-field/monetary.tsx
-import { useEffect as useEffect23 } from "react";
+import { useEffect as useEffect22 } from "react";
 import { Fragment as Fragment29, jsx as jsx98, jsxs as jsxs65 } from "react/jsx-runtime";
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
@@ -31863,7 +31828,7 @@ var MonetaryField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect23(() => {
+        useEffect22(() => {
           if (value2 !== void 0 && value2 !== null && !isNaN(value2)) {
             clearErrors(name2);
           }
@@ -31921,7 +31886,7 @@ var PaidBadgedField = () => {
 };
 
 // src/widgets/basic/priority-field/rating-star.tsx
-import React17, { useEffect as useEffect24, useState as useState21 } from "react";
+import React17, { useEffect as useEffect23, useState as useState20 } from "react";
 import { jsx as jsx100, jsxs as jsxs66 } from "react/jsx-runtime";
 var RatingStarField = (props) => {
   const {
@@ -31931,9 +31896,9 @@ var RatingStarField = (props) => {
     onSelectPriority,
     id
   } = props;
-  const [rating, setRating] = useState21(defaultValue);
-  const [hover, setHover] = useState21(0);
-  useEffect24(() => {
+  const [rating, setRating] = useState20(defaultValue);
+  const [hover, setHover] = useState20(0);
+  useEffect23(() => {
     setRating(defaultValue);
   }, [defaultValue]);
   const handleClick = (value) => {
@@ -32046,7 +32011,7 @@ var PriorityField = (props) => {
 };
 
 // src/widgets/basic/radio-group-field/radio-group.tsx
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect24 } from "react";
 import { jsx as jsx102, jsxs as jsxs67 } from "react/jsx-runtime";
 var RadioGroupField = (props) => {
   const {
@@ -32060,7 +32025,7 @@ var RadioGroupField = (props) => {
     onChange: onChange2,
     setValue
   } = props;
-  useEffect25(() => {
+  useEffect24(() => {
     if (selection?.length > 0) {
       if (setValue) setValue(name2, selection?.[0]?.[0]);
     }
@@ -32364,7 +32329,7 @@ var ToggleButtonField = (props) => {
 };
 
 // src/widgets/basic/integer-field/integer.tsx
-import { useEffect as useEffect26, useRef as useRef18, useState as useState22 } from "react";
+import { useEffect as useEffect25, useRef as useRef17, useState as useState21 } from "react";
 import { Fragment as Fragment31, jsx as jsx107, jsxs as jsxs71 } from "react/jsx-runtime";
 var IntegerField = (props) => {
   const {
@@ -32400,13 +32365,13 @@ var IntegerField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        const isDirtyRef = useRef18(false);
-        const inputRef = useRef18(null);
-        const lastCommittedValueRef = useRef18(null);
-        const [inputValue, setInputValue] = useState22(
+        const isDirtyRef = useRef17(false);
+        const inputRef = useRef17(null);
+        const lastCommittedValueRef = useRef17(null);
+        const [inputValue, setInputValue] = useState21(
           value2 !== void 0 && value2 !== null ? String(value2) : ""
         );
-        useEffect26(() => {
+        useEffect25(() => {
           if (value2 !== void 0 && value2 !== null) {
             setInputValue(String(value2));
             clearErrors(name2);
@@ -32563,8 +32528,8 @@ var StatusDropdownField = (props) => {
 };
 
 // src/widgets/basic/many2many-field/many2many.tsx
-import { createPortal as createPortal6 } from "react-dom";
-import { useEffect as useEffect27 } from "react";
+import { createPortal as createPortal5 } from "react-dom";
+import { useEffect as useEffect26 } from "react";
 import { jsx as jsx109, jsxs as jsxs73 } from "react/jsx-runtime";
 var Many2ManyField = (props) => {
   const { t: t3 } = useI18n();
@@ -32624,7 +32589,7 @@ var Many2ManyField = (props) => {
     clearSearch
   } = searchController;
   const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
-  useEffect27(() => {
+  useEffect26(() => {
     const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
     if (groupItems?.length > 0) {
       typeof setPageLimit === "function" && setPageLimit(80);
@@ -32638,7 +32603,7 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return createPortal6(
+  return createPortal5(
     /* @__PURE__ */ jsxs73(
       "div",
       {
@@ -32844,7 +32809,7 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-import React18, { useEffect as useEffect28 } from "react";
+import React18, { useEffect as useEffect27 } from "react";
 import { Fragment as Fragment32, jsx as jsx110, jsxs as jsxs74 } from "react/jsx-runtime";
 var CustomMenuList2 = (props) => {
   const { t: t3 } = useI18n();
@@ -32947,7 +32912,7 @@ var Many2OneField = (props) => {
               const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
                 (option) => option.value === tempSelectedOption?.value
               ) : currentValue ? currentValue : null;
-              useEffect28(() => {
+              useEffect27(() => {
                 if (error2 && selectedOption) {
                   methods?.clearErrors(name2);
                 }