@fctc/sme-widget-ui 2.2.9 → 2.3.1

package/dist/index.mjs

@@ -11002,98 +11002,66 @@ 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";
+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%)"
+        transform: "translateY(-50%)",
+        right: 0
       },
-      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);
+                })
+              }
+            )
+          }
         )
-      ]
+      ] })
     }
   );
 };
@@ -12956,7 +12924,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 {
@@ -13004,7 +12972,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,
                       {
@@ -15266,7 +15234,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 useState4 } from "react";
 import { jsx as jsx55, jsxs as jsxs32 } from "react/jsx-runtime";
 function TextInput(props) {
   const {
@@ -15280,7 +15248,7 @@ function TextInput(props) {
     errors,
     required
   } = props;
-  const [showPassword, setShowPassword] = useState5(false);
+  const [showPassword, setShowPassword] = useState4(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,
@@ -15322,7 +15290,7 @@ function TextInput(props) {
 }
 
 // src/widgets/advanced/login/provider/credential/form-options/index.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect6 } from "react";
 import { jsx as jsx56, jsxs as jsxs33 } from "react/jsx-runtime";
 var STAY_LOGIN_IN = "stayLoginIn";
 function FormOptions({
@@ -15346,7 +15314,7 @@ function FormOptions({
       }
     }
   }
-  useEffect7(() => {
+  useEffect6(() => {
     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: [
@@ -15640,7 +15608,7 @@ var PopupFilter = ({
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
-import { useEffect as useEffect8, useState as useState6 } from "react";
+import { useEffect as useEffect7, useState as useState5 } from "react";
 
 // src/widgets/advanced/search/tag-search/index.tsx
 import { Fragment as Fragment8 } from "react";
@@ -15842,13 +15810,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([]);
@@ -15861,7 +15829,7 @@ var Search = ({
       }
     }
   }, [selectedTags, isReadyFormatDomain]);
-  useEffect8(() => {
+  useEffect7(() => {
     setDidInit(false);
     setIsReadyFormatDomain(false);
     return () => {
@@ -15870,7 +15838,7 @@ var Search = ({
       setIsReadyFormatDomain(false);
     };
   }, [aid]);
-  useEffect8(() => {
+  useEffect7(() => {
     if (!filterBy || !fieldsList || fieldsList?.length === 0) return;
     if (didInit) return;
     const searchDefaults = Object.entries(context || {}).filter(
@@ -16169,8 +16137,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,
@@ -16183,8 +16151,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);
@@ -16193,7 +16161,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: [
@@ -16232,12 +16200,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);
@@ -16256,11 +16224,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);
@@ -16595,11 +16563,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) {
@@ -16708,7 +16676,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 {
@@ -16736,12 +16704,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") {
@@ -17114,7 +17082,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) => {
@@ -17174,12 +17142,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);
@@ -17343,21 +17311,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);
@@ -17448,7 +17416,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 {
@@ -17483,7 +17451,7 @@ var CopyLinkButtonField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect14(() => {
+        useEffect13(() => {
           if (value) {
             clearErrors(name2);
           }
@@ -17559,10 +17527,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;
@@ -22132,8 +22100,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;
@@ -22146,7 +22114,7 @@ var useDetectClickOutside = function(onClickOutside, ignoreClass) {
       }
     }
   }, [ignoreClass]);
-  useEffect16(function() {
+  useEffect15(function() {
     document.addEventListener("mousedown", handleClickOutside);
     return function() {
       document.removeEventListener("mousedown", handleClickOutside);
@@ -25387,7 +25355,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),
@@ -26399,13 +26367,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);
@@ -26566,7 +26534,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";
@@ -27898,8 +27866,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";
@@ -28244,9 +28212,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;
@@ -28348,15 +28316,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);
@@ -28402,7 +28370,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;
@@ -29487,10 +29455,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;
@@ -29550,7 +29518,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);
@@ -29597,8 +29565,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;
@@ -29653,7 +29621,7 @@ function useScrollLock(_ref3) {
       }
     }
   }, [accountForScrollbars]);
-  useEffect17(function() {
+  useEffect16(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -31371,7 +31339,7 @@ var DateField = (props) => {
         },
         render: ({ field, fieldState: { error: error2 } }) => {
           const { setError, clearErrors } = methods;
-          useEffect18(() => {
+          useEffect17(() => {
             if (value) {
               clearErrors(name2);
             }
@@ -31603,7 +31571,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 {
@@ -31616,7 +31584,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",
@@ -31725,7 +31693,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,
@@ -31790,10 +31758,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([
         {
@@ -31811,7 +31779,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];
@@ -31867,7 +31835,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 {
@@ -31899,10 +31867,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) {
@@ -31915,9 +31883,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, "");
@@ -32024,7 +31992,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 {
@@ -32056,11 +32024,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);
@@ -32146,7 +32114,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 {
@@ -32159,7 +32127,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 || "" } });
   }
@@ -32170,7 +32138,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 || "";
           }
@@ -32212,7 +32180,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";
@@ -32354,7 +32322,7 @@ var Many2ManyTagField = (props) => {
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;
-        useEffect22(() => {
+        useEffect21(() => {
           if (field.value) {
             clearErrors(name2);
           }
@@ -32494,7 +32462,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();
@@ -32548,7 +32516,7 @@ var MonetaryField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        useEffect23(() => {
+        useEffect22(() => {
           if (value2 !== void 0 && value2 !== null && !isNaN(value2)) {
             clearErrors(name2);
           }
@@ -32606,7 +32574,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 {
@@ -32616,9 +32584,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) => {
@@ -32731,7 +32699,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 {
@@ -32745,7 +32713,7 @@ var RadioGroupField = (props) => {
     onChange: onChange2,
     setValue
   } = props;
-  useEffect25(() => {
+  useEffect24(() => {
     if (selection?.length > 0) {
       if (setValue) setValue(name2, selection?.[0]?.[0]);
     }
@@ -33049,7 +33017,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 {
@@ -33085,13 +33053,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);
@@ -33248,8 +33216,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();
@@ -33309,7 +33277,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);
@@ -33323,7 +33291,7 @@ var Many2ManyField = (props) => {
       typeof setGroupByList === "function" && setGroupByList(null);
     };
   }, [selectedTags]);
-  return createPortal6(
+  return createPortal5(
     /* @__PURE__ */ jsxs73(
       "div",
       {
@@ -33529,7 +33497,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();
@@ -33632,7 +33600,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);
                 }