@gisce/react-ooui 2.49.0 → 2.50.0-alpha.1

package/dist/react-ooui.es.js

@@ -1,8 +1,8 @@
 var Ya = Object.defineProperty;
 var za = (e, t, n) => t in e ? Ya(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Po = (e, t, n) => (za(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { jsx as i, jsxs as P, Fragment as ae } from "react/jsx-runtime";
-import pt, { useContext as ne, useState as C, useEffect as le, useRef as Y, memo as yt, useCallback as D, useMemo as oe, createContext as Ja, forwardRef as wt, useImperativeHandle as bt, createElement as Qa, Fragment as Rn } from "react";
+import { jsx as i, jsxs as P, Fragment as le } from "react/jsx-runtime";
+import pt, { useContext as ne, useState as C, useEffect as ae, useRef as Y, memo as yt, useCallback as D, useMemo as oe, createContext as Ja, forwardRef as wt, useImperativeHandle as bt, createElement as Qa, Fragment as Rn } from "react";
 import { Tooltip as Et, theme as We, Typography as kt, Form as ht, Row as Me, Col as Ce, Modal as dt, Button as Be, Dropdown as Xa, Menu as ko, Spin as Ke, Divider as Qn, Space as Xe, Input as rt, Select as Gt, Checkbox as Cn, Alert as ot, Timeline as Mi, Empty as Li, Statistic as Za, Card as Jr, Tag as Qr, message as wr, App as el, Progress as tl, Avatar as ji, DatePicker as Xr, TimePicker as nl, InputNumber as Xn, Layout as Bi, Badge as Zn, Pagination as rl, Tabs as Hi, Radio as $o, Switch as ol, Steps as No, Carousel as il } from "antd";
 import { Label as un, Field as Er, Tree as Ui, Reference as sl, Selection as Zr, Many2one as Wi, Boolean as al, parseContext as jt, graphProcessor as Gi, graphFieldUtils as ll, parseGraph as Ki, Container as cl, Form as qi, parseContextFields as dl, parseDomainFields as ul, Integer as Dr, SearchFieldTypes as _t, SearchFilter as Yi, transformDomainForChildWidget as eo, Button as fl } from "@gisce/ooui";
 import * as Mo from "@ant-design/icons";
@@ -190,7 +190,7 @@ function _e({
   return n === "horizontal" ? (() => /* @__PURE__ */ P(Me, { align: "middle", className: "pb-1 pt-1", children: [
     /* @__PURE__ */ i(Ce, { className: "ml-2", flex: "7rem", children: /* @__PURE__ */ i("div", { className: "flex flex-col items-end", children: g }) }),
     /* @__PURE__ */ i(Ce, { flex: "auto", children: m() })
-  ] }))() : (() => /* @__PURE__ */ P(ae, { children: [
+  ] }))() : (() => /* @__PURE__ */ P(le, { children: [
     g,
     m()
   ] }))();
@@ -509,7 +509,7 @@ function lr() {
   const [e, t] = C(
     Go()
   );
-  return le(() => {
+  return ae(() => {
     function n() {
       t(Go());
     }
@@ -561,7 +561,7 @@ const cs = (e) => {
   });
 }, ds = (e) => {
   const { visible: t, onCloseModal: n, model: r, id: o, field: s, onSubmitSucceed: a } = e, { modalWidth: l } = lr(), { t: c } = fe(), [u, f] = C([]), [d, p] = C(!1), [h, m] = C(!1), [g, y] = C({}), v = Y();
-  le(() => {
+  ae(() => {
     t ? w() : y({});
   }, [t]);
   async function w() {
@@ -636,7 +636,7 @@ const cs = (e) => {
     m(!1), a();
   }
   function T() {
-    return d ? /* @__PURE__ */ i(Ke, {}) : /* @__PURE__ */ P(ae, { children: [
+    return d ? /* @__PURE__ */ i(Ke, {}) : /* @__PURE__ */ P(le, { children: [
       S(),
       /* @__PURE__ */ i(Qn, {}),
       /* @__PURE__ */ i(Me, { justify: "end", children: /* @__PURE__ */ P(Xe, { children: [
@@ -808,7 +808,7 @@ const ms = yt(
     }, []), I = D(() => {
       d(!1), l == null || l();
     }, [l]), x = g ? _c : Rc;
-    return s ? /* @__PURE__ */ P(ae, { children: [
+    return s ? /* @__PURE__ */ P(le, { children: [
       /* @__PURE__ */ i("div", { onClick: v, children: /* @__PURE__ */ i(
         An,
         {
@@ -971,7 +971,7 @@ const po = (e) => {
   function f() {
     l(void 0);
   }
-  return /* @__PURE__ */ P(ae, { children: [
+  return /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ P(Me, { gutter: 8, wrap: !1, justify: "center", children: [
       oe(
         () => /* @__PURE__ */ i(po, { value: n }),
@@ -1421,7 +1421,7 @@ const Kt = ({
     onClick: e.onClick,
     children: [
       /* @__PURE__ */ i("strong", { children: e.title }),
-      e.summary && /* @__PURE__ */ P(ae, { children: [
+      e.summary && /* @__PURE__ */ P(le, { children: [
         /* @__PURE__ */ i("br", {}),
         /* @__PURE__ */ i("span", { children: e.summary })
       ] })
@@ -1514,7 +1514,7 @@ const Kt = ({
     };
     return (M = O.values) != null && M[I] && (k.dot = V(O.values[I])), (W = O.values) != null && W[x] && (k.color = !as(O.values[x]) && !ls(O.values[x]) && !O.values[x].toString().startsWith("#") ? _n(O.values[x]) : O.values[x]), k;
   });
-  return /* @__PURE__ */ P(ae, { children: [
+  return /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(Mi, { style: { padding: "1rem" }, items: F }),
     /* @__PURE__ */ i(
       vn,
@@ -2030,7 +2030,7 @@ const wd = (e) => {
   );
 }, Ye = (e) => {
   const t = Y(/* @__PURE__ */ new Map());
-  le(() => () => {
+  ae(() => () => {
     n();
   }, []);
   const n = D((o) => {
@@ -2240,7 +2240,7 @@ const { getValueForOperator: Jo } = Gi, Cd = (e) => {
   ), [$] = Ye(
     N.getHandler().parseCondition
   );
-  le(() => {
+  ae(() => {
     B();
   }, [t, o]);
   async function M({
@@ -2724,7 +2724,7 @@ const Vd = {
         /* @__PURE__ */ i("div", { style: { width: "100%", height: "100%", overflow: "hidden" }, children: /* @__PURE__ */ i(h, { ...m }) })
       ]
     }
-  ) : /* @__PURE__ */ i(ae, { children: `Unknown graph type: ${e}` });
+  ) : /* @__PURE__ */ i(le, { children: `Unknown graph type: ${e}` });
 };
 function Nd(e) {
   const {
@@ -2815,17 +2815,17 @@ const Md = ({
   } = e, [F, O] = C(!1), [k, _] = C(!1), [$, M] = C(!1), [W, B] = C(!0), [E, Z] = C(!0), [re, z] = C([]), [U, ie] = C(!1), [ee, j] = C([]), [G, L] = C(!1), [me, J] = C(!0), [Q, te] = C(), [ge, Le] = C({}), [je, De] = C(0), [ke, Ue] = C(), [Oe, de] = C(!1), [Ae, ue] = C(
     b !== void 0 ? b : Pt
   ), [Fe, q] = C(r);
-  le(() => {
+  ae(() => {
     p && p.length > 0 && !h && (m == null || m(0), f == null || f(p[0].id));
-  }, [p]), le(() => {
+  }, [p]), ae(() => {
     ue(b !== void 0 ? b : Pt);
-  }, [b]), le(() => {
+  }, [b]), ae(() => {
     s.length === 1 ? te(s[0]) : s.length > 1 && te(
       s.filter(
         (xe) => xe.view_id !== n.view_id
       )[0]
     );
-  }, [s]), le(() => {
+  }, [s]), ae(() => {
     (Q == null ? void 0 : Q.view_id) === n.view_id && s.length > 1 && te(
       s.filter(
         (xe) => xe.view_id !== n.view_id
@@ -2999,7 +2999,7 @@ const Md = ({
     refresh: () => {
       y();
     }
-  })), le(() => {
+  })), ae(() => {
     y();
   }, [n]);
   async function y() {
@@ -3013,7 +3013,7 @@ const Md = ({
       }), w = Ki(v.arch);
       p(w), f(!1), m == null || m(!1);
     } catch (v) {
-      return console.error(v), f(!1), m == null || m(!1), /* @__PURE__ */ i(ae, { children: JSON.stringify(v) });
+      return console.error(v), f(!1), m == null || m(!1), /* @__PURE__ */ i(le, { children: JSON.stringify(v) });
     }
   }
   if (u || !d)
@@ -3058,7 +3058,7 @@ const Md = ({
         }
       );
     default:
-      return /* @__PURE__ */ i(ae, { children: `Graph ${d.type} not implemented` });
+      return /* @__PURE__ */ i(le, { children: `Graph ${d.type} not implemented` });
   }
 }, mn = wt(Bd);
 var pn = /* @__PURE__ */ ((e) => (e.FEATURE_VIEW_JSON_ATTRS = "view_json_attrs", e.FEATURE_ADVANCED_EXPORT = "export_data2", e.FEATURE_OMNISEARCH = "omnisearch", e.FEATURE_READFORVIEW = "read_for_view", e.FEATURE_USERVIEWPREFS = "user_view_prefs", e))(pn || {});
@@ -3096,13 +3096,13 @@ const rv = Object.values(pn), Hd = (e) => {
     context: o,
     manualIds: a
   });
-  if (le(() => {
+  if (ae(() => {
     u == null || u(d);
   }, [d]), bt(t, () => ({
     refresh: () => {
       h();
     }
-  })), le(() => {
+  })), ae(() => {
     h();
   }, [n]), d || !p)
     return /* @__PURE__ */ i(Vn, {});
@@ -3144,7 +3144,7 @@ const rv = Object.values(pn), Hd = (e) => {
       );
     }
     default:
-      return /* @__PURE__ */ i(ae, { children: `Graph ${p.type} not implemented` });
+      return /* @__PURE__ */ i(le, { children: `Graph ${p.type} not implemented` });
   }
 }, _s = wt(Ud), Ct = pt.createContext(null), Wd = (e) => {
   const {
@@ -3239,7 +3239,7 @@ const rv = Object.values(pn), Hd = (e) => {
   const { ooui: t } = e, n = t.actionId !== void 0;
   return /* @__PURE__ */ i(_e, { ooui: t, children: n ? /* @__PURE__ */ i(Un, { children: /* @__PURE__ */ i(Jd, { ooui: t }) }) : /* @__PURE__ */ i(zd, { ooui: t }) });
 }, zd = (e) => {
-  const { token: t } = qd(), { ooui: n, value: r } = e, o = /* @__PURE__ */ P(ae, { children: [
+  const { token: t } = qd(), { ooui: n, value: r } = e, o = /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ P("span", { children: [
       n.label,
       " "
@@ -3270,7 +3270,7 @@ const rv = Object.values(pn), Hd = (e) => {
   ), d = ne(
     Ct
   ), { openShortcut: p } = d || {};
-  if (le(() => {
+  if (ae(() => {
     t && u();
   }, [t, o]), c && c.message !== "active_id_not_found")
     return /* @__PURE__ */ i(Is, { error: c });
@@ -3285,7 +3285,7 @@ const rv = Object.values(pn), Hd = (e) => {
       openAction: p,
       children: [
         l && /* @__PURE__ */ i(Vn, {}),
-        !l && /* @__PURE__ */ i(ae, { children: o ? /* @__PURE__ */ i(
+        !l && /* @__PURE__ */ i(le, { children: o ? /* @__PURE__ */ i(
           I,
           {
             view_id: w.id,
@@ -3399,7 +3399,7 @@ const Zd = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Es,
       }
     );
   };
-  return c ? /* @__PURE__ */ i(ot, { className: "mt-10", message: c, type: "error", banner: !0 }) : /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ i("div", { className: "flex flex-row", children: /* @__PURE__ */ i(
+  return c ? /* @__PURE__ */ i(ot, { className: "mt-10", message: c, type: "error", banner: !0 }) : /* @__PURE__ */ i(le, { children: /* @__PURE__ */ i("div", { className: "flex flex-row", children: /* @__PURE__ */ i(
     Gt,
     {
       mode: "multiple",
@@ -3813,14 +3813,14 @@ const Zd = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Es,
       actionData: void 0
     });
   }
-  return /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(le, { children: /* @__PURE__ */ i(
     gn.Provider,
     {
       value: {
         processAction: w,
         globalValues: r
       },
-      children: /* @__PURE__ */ P(ae, { children: [
+      children: /* @__PURE__ */ P(le, { children: [
         n,
         /* @__PURE__ */ i(
           dt,
@@ -3919,7 +3919,7 @@ const yu = wt(hu), vu = (e, t) => {
   }), n;
 }, Ps = () => {
   const [e, t] = C(!document.hidden);
-  return le(() => {
+  return ae(() => {
     const n = () => {
       t(!document.hidden);
     };
@@ -3939,7 +3939,7 @@ const yu = wt(hu), vu = (e, t) => {
   } = e, c = Y(null), [u, f] = C(!0), [d, p] = Ye(
     N.getHandler().readObjects
   ), h = Ps();
-  le(() => {
+  ae(() => {
     l === !1 && g(), (l === void 0 || l === !0) && !h && g(), (l === void 0 || l === !0) && h && y();
   }, [l, h]);
   const m = D(async () => {
@@ -4034,7 +4034,7 @@ function Cu(e, t) {
     clearAndReload: () => {
       j.current = void 0, $(void 0), tt();
     }
-  })), le(() => {
+  })), ae(() => {
     if (k(void 0), !(!n && !m)) {
       if (!I) {
         j.current = void 0, $(void 0);
@@ -4042,7 +4042,7 @@ function Cu(e, t) {
       }
       (r === void 0 && E || r !== void 0 && E && r < 0) && (j.current = void 0, $(void 0)), tt();
     }
-  }, [r, n, h, m, I]), le(() => {
+  }, [r, n, h, m, I]), ae(() => {
     ie && (hr({
       elementHasLostFocus: !0
     }), ee(!1));
@@ -4054,7 +4054,7 @@ function Cu(e, t) {
   }, Je = (H) => {
     Oe == null || Oe(!1), u == null || u(H);
   }, ve = D(() => r || j.current, [r]), [X, we] = C(() => j.current);
-  le(() => {
+  ae(() => {
     j.current !== X && we(j.current);
   }, [j.current]);
   const Ne = oe(() => r || X, [r, X]);
@@ -4548,7 +4548,7 @@ function Cu(e, t) {
       ce && gr(!1), st(Te);
     }
   }
-  const Ga = () => !_ && !O ? /* @__PURE__ */ i(Ke, {}) : !n && !m || !I ? null : /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ i(
+  const Ga = () => !_ && !O ? /* @__PURE__ */ i(Ke, {}) : !n && !m || !I ? null : /* @__PURE__ */ i(le, { children: /* @__PURE__ */ i(
     fc,
     {
       getValues: be,
@@ -4584,7 +4584,7 @@ function Cu(e, t) {
         }
       )
     }
-  ) }), Ka = () => /* @__PURE__ */ P(ae, { children: [
+  ) }), Ka = () => /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(Qn, {}),
     /* @__PURE__ */ i(Me, { justify: "end", children: /* @__PURE__ */ P(Xe, { children: [
       /* @__PURE__ */ i(
@@ -4640,7 +4640,7 @@ const yn = wt(Cu), vn = (e) => {
     actionData: l,
     ...c
   } = e, { model: u } = c, { modalWidth: f } = lr(), [d, p] = C(r), [h, m] = C(!1), [g, y] = C(), { action_id: v, res_id: w, action_type: I, view_id: x } = l || {};
-  le(() => {
+  ae(() => {
     a && S();
   }, [l, a]);
   async function S() {
@@ -4981,9 +4981,9 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
 }, Ru = (e) => {
   const { m2oField: t } = e;
   return t ? /* @__PURE__ */ P(Xe, { children: [
-    /* @__PURE__ */ i(ae, { children: t.value }),
+    /* @__PURE__ */ i(le, { children: t.value }),
     /* @__PURE__ */ i(So, { id: t.id, model: t.model })
-  ] }) : /* @__PURE__ */ i(ae, {});
+  ] }) : /* @__PURE__ */ i(le, {});
 }, _u = (e) => {
   const { value: t, context: n, selectionValues: r } = e, [o, s] = C(), [a, l] = C(!1), [c, u] = t ? t.split(",") : [], f = parseInt(u), d = D(async () => {
     if (!t || t && o)
@@ -4997,16 +4997,16 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
     });
     s(h[0][1]), l(!1);
   }, [t, o]);
-  if (le(() => {
+  if (ae(() => {
     d();
   }, [t]), !t && !a)
-    return /* @__PURE__ */ i(ae, {});
+    return /* @__PURE__ */ i(le, {});
   if (a)
     return /* @__PURE__ */ i(St, {});
   const p = r.get(c);
   return /* @__PURE__ */ P(Xe, { children: [
-    /* @__PURE__ */ i(ae, { children: `${p}:` }),
-    /* @__PURE__ */ i(ae, { children: o }),
+    /* @__PURE__ */ i(le, { children: `${p}:` }),
+    /* @__PURE__ */ i(le, { children: o }),
     /* @__PURE__ */ i(So, { id: f, model: c })
   ] });
 }, Vu = (e) => {
@@ -5073,7 +5073,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
   if (!e)
     return null;
   const n = typeof e == "string" ? e.split(";").map((r) => r.trim()) : e;
-  return /* @__PURE__ */ i(ae, { children: n.map((r, o) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(le, { children: n.map((r, o) => /* @__PURE__ */ i(
     Qr,
     {
       closable: !!t,
@@ -5097,7 +5097,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
     },
     [t]
   );
-  le(() => {
+  ae(() => {
     p(s);
   }, [p, s]);
   const h = (y) => {
@@ -5190,28 +5190,28 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
   [e]
 ), ju = ({ value: e }) => oe(() => {
   if (!e || e && e.length === 0)
-    return /* @__PURE__ */ i(ae, {});
+    return /* @__PURE__ */ i(le, {});
   const t = at(
     e,
     Ft.date.dateInternalFormat
   ).format(Ft.date.dateDisplayFormat);
-  return /* @__PURE__ */ i(ae, { children: t });
+  return /* @__PURE__ */ i(le, { children: t });
 }, [e]), Bu = ({ value: e }) => oe(() => {
   if (!e || e && e.length === 0)
-    return /* @__PURE__ */ i(ae, {});
+    return /* @__PURE__ */ i(le, {});
   const t = at(
     e,
     Ft.time.dateInternalFormat
   ).format(Ft.time.dateDisplayFormat);
-  return /* @__PURE__ */ i(ae, { children: t });
+  return /* @__PURE__ */ i(le, { children: t });
 }, [e]), ti = ({
   value: e
 }) => oe(() => {
   const t = Array.isArray(e == null ? void 0 : e.items) ? e == null ? void 0 : e.items.length : 0;
-  return /* @__PURE__ */ i(ae, { children: `( ${t} )` });
+  return /* @__PURE__ */ i(le, { children: `( ${t} )` });
 }, [e]), Hu = ({
   value: e
-}) => oe(() => /* @__PURE__ */ i(Ms, { value: e }), [e]), Uu = ({ value: e }) => oe(() => /* @__PURE__ */ i(ae, { children: Ns(e) }), [e]), ni = ({ value: e }) => oe(
+}) => oe(() => /* @__PURE__ */ i(Ms, { value: e }), [e]), Uu = ({ value: e }) => oe(() => /* @__PURE__ */ i(le, { children: Ns(e) }), [e]), ni = ({ value: e }) => oe(
   () => /* @__PURE__ */ i("div", { style: { textAlign: "right" }, children: e }),
   [e]
 ), Wu = ({ value: e }) => oe(
@@ -5229,7 +5229,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
   context: r
 }) => oe(() => {
   let o = e;
-  return Array.isArray(e) && e.length === 2 && (o = e[0]), /* @__PURE__ */ i(ae, { children: n.selectionValues.get(o) });
+  return Array.isArray(e) && e.length === 2 && (o = e[0]), /* @__PURE__ */ i(le, { children: n.selectionValues.get(o) });
 }, [n, e]), qu = ({
   value: e,
   key: t,
@@ -5274,7 +5274,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
       l(!1);
     }
   }, [r, u, c, e == null ? void 0 : e.items]);
-  le(() => {
+  ae(() => {
     e != null && e.items && (e == null ? void 0 : e.items.length) > 0 && f();
   }, [e == null ? void 0 : e.items]);
   const d = oe(
@@ -5320,7 +5320,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
   dependencies: n = []
 }) => {
   const [r, o] = C(0);
-  return le(() => {
+  return ae(() => {
     const a = () => {
       if (e.current) {
         const l = window.innerHeight, c = e.current.getBoundingClientRect(), u = l - c.top;
@@ -5343,7 +5343,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
   );
   return { getColumnState: t, updateColumnState: n };
 }, Xu = (e) => {
-  le(() => () => {
+  ae(() => () => {
     n(), o();
   }, []);
   const [t, n] = Ye(
@@ -5412,7 +5412,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
   return { getColumnState: a, updateColumnState: l };
 }, Bs = (e) => {
   const [t, n] = C(!0), r = Y(void 0), o = Y(!1), { getColumnState: s, updateColumnState: a } = Zu(e);
-  return le(() => {
+  return ae(() => {
     if (!e) {
       n(!1);
       return;
@@ -5554,7 +5554,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
 }) => {
   const { t } = fe();
   if (e.length === 1)
-    return /* @__PURE__ */ P(ae, { children: [
+    return /* @__PURE__ */ P(le, { children: [
       "1 ",
       t("selectedRegisters"),
       " - (id:",
@@ -5563,7 +5563,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
       ")"
     ] });
   if (e.length > 1)
-    return /* @__PURE__ */ P(ae, { children: [
+    return /* @__PURE__ */ P(le, { children: [
       e.length,
       " ",
       t("selectedRegisters") + " ",
@@ -5620,7 +5620,7 @@ const Tu = (e) => /* @__PURE__ */ i(_e, { ...e, children: /* @__PURE__ */ i(Ms,
       label: ""
     })
   ];
-  return /* @__PURE__ */ P(ae, { children: [
+  return /* @__PURE__ */ P(le, { children: [
     n && /* @__PURE__ */ i(
       ar,
       {
@@ -5944,7 +5944,7 @@ const ii = (e) => typeof e == "string" && e === "true" || e === "false" ? e ===
     },
     [t]
   );
-  le(() => (e ? (a(!0), document.addEventListener("keydown", f), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", f), document.body.style.overflow = ""), () => {
+  ae(() => (e ? (a(!0), document.addEventListener("keydown", f), document.body.style.overflow = "hidden") : (document.removeEventListener("keydown", f), document.body.style.overflow = ""), () => {
     document.removeEventListener("keydown", f), document.body.style.overflow = "";
   }), [e, f]);
   const d = () => {
@@ -5962,7 +5962,7 @@ const ii = (e) => typeof e == "string" && e === "true" || e === "false" ? e ===
     padding: "0 16px",
     borderBottom: "1px solid #f0f0f0"
   };
-  return /* @__PURE__ */ i(uc, { children: e && /* @__PURE__ */ P(ae, { children: [
+  return /* @__PURE__ */ i(uc, { children: e && /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(
       Ho.div,
       {
@@ -6794,7 +6794,7 @@ var Dp = ga;
 const ya = /* @__PURE__ */ Gs(Dp), Pp = wt(
   (e, t) => {
     const { onSubmit: n, searchValues: r, searchFields: o, onChange: s } = e, [a] = ht.useForm();
-    le(() => {
+    ae(() => {
       a.setFieldsValue(r);
     }, [r]), bt(t, () => ({
       submit: a.submit,
@@ -6846,7 +6846,7 @@ const ya = /* @__PURE__ */ Gs(Dp), Pp = wt(
 ), kp = (e) => {
   var I;
   const { onSubmit: t, isOpen: n, onClose: r, searchFields: o, fields: s, searchValues: a } = e, l = Y(), { t: c } = fe(), [u, f] = C(), d = Y(null), [p, h] = C();
-  le(() => {
+  ae(() => {
     n && h(void 0);
   }, [n]), Tt(() => {
     l.current = new Yi(o, s, 1), l.current.parse(), f(l.current._advancedSearchContainer);
@@ -7021,7 +7021,7 @@ function Ro(e) {
     searchValues: p,
     showLimitOptions: h = !0
   } = e, [m, g] = C(), [y, v] = C(), [w, I] = C(!1), x = Y(), { token: S } = Lp(), [A] = ht.useForm();
-  le(() => {
+  ae(() => {
     A.setFieldsValue(p);
   }, [p]);
   const T = () => {
@@ -7176,7 +7176,7 @@ const Bp = 3 * 1e3, Hp = (e) => {
   } = e, l = Y(null), [c, u] = C(!0), [f, d] = Ye(
     N.getHandler().readObjects
   ), p = Ps();
-  le(() => {
+  ae(() => {
     a === !1 && m(), (a === void 0 || a === !0) && !p && m(), (a === void 0 || a === !0) && p && g();
   }, [a, p]);
   const h = D(async () => {
@@ -7264,9 +7264,9 @@ function Gp(e, t) {
     setTotalItems: L,
     isActive: me
   } = jp({ useLocalState: !c }), J = d || U, Q = Y(J);
-  le(() => {
+  ae(() => {
     de();
-  }, []), le(() => {
+  }, []), ae(() => {
     var he;
     (J !== void 0 && Q.current === void 0 || typeof J == "string" && typeof Q.current == "string" && J !== Q.current) && (E == null || E([]), z == null || z({}), (he = g.current) == null || he.unselectAll(), Qe()), Q.current = J;
   }, [J]);
@@ -7746,16 +7746,16 @@ const va = wt(Gp), Di = (e, t = "14px -apple-system") => {
         var L;
         (L = R.current) == null || L.unselectAll();
       }
-    })), le(() => {
+    })), ae(() => {
       const L = Vt(s);
       k(L), L.string && W !== L.string && (B == null || B(L.string));
-    }, [s, W]), le(() => {
+    }, [s, W]), ae(() => {
       if (!O)
         return;
       F.current = !1;
       const L = ur(O, a);
       V(L);
-    }, [a]), le(() => {
+    }, [a]), ae(() => {
       $.current = r;
     }, [r]);
     const Z = (n - 1) * $.current + 1, re = Z - 1 + b.length, z = o === void 0 ? null : o === 0 ? _("no_results") : _("summary").replace("{from}", Z == null ? void 0 : Z.toString()).replace("{to}", re == null ? void 0 : re.toString()).replace("{total}", o == null ? void 0 : o.toString()), U = oe(() => {
@@ -8170,7 +8170,7 @@ function zp(e, t) {
     },
     getFields: () => S == null ? void 0 : S.fields,
     getDomain: () => c
-  })), le(() => {
+  })), ae(() => {
     g && u && S && (v.current = !1, de());
   }, [q, xe, g, u, a, S]);
   const we = async () => {
@@ -8197,7 +8197,7 @@ function zp(e, t) {
       context: d
     })), R(Re), A(ct);
   };
-  le(() => {
+  ae(() => {
     we();
   }, [n]);
   const Ie = D(
@@ -8250,7 +8250,7 @@ function zp(e, t) {
   }, [X, p, U]), xt = oe(() => S != null && S.isExpandable ? _ - 160 : _ - (F + 240), [_, F, S == null ? void 0 : S.isExpandable]), At = oe(
     () => z == null ? void 0 : z.map((Re) => Re.id),
     [z]
-  ), mt = D(() => !S || !T ? null : /* @__PURE__ */ P(ae, { children: [
+  ), mt = D(() => !S || !T ? null : /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(
       Ro,
       {
@@ -8388,7 +8388,7 @@ const Sa = wt(zp), _o = ({
     },
     [S, x]
   );
-  return /* @__PURE__ */ P(ae, { children: [
+  return /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ P(
       dt,
       {
@@ -8473,9 +8473,9 @@ const Sa = wt(zp), _o = ({
     id: c,
     domain: u
   } = r, f = o && !a ? { backgroundColor: Ca.colorPrimaryBg } : void 0, [d, p] = C(!1), [h, m] = C(!1), [g, y] = C(!1), [v, w] = C(), I = Y(!1), [x, S] = C(""), A = Y(), T = ne(He), { domain: R, getValues: b, getFields: V, getContext: F, elementHasLostFocus: O } = T || {}, k = Y([]), [_, $] = C([]), M = t && t[0] || void 0, W = t && t[1] || "";
-  le(() => {
+  ae(() => {
     !Array.isArray(t) && t && z(t);
-  }, [t]), le(() => {
+  }, [t]), ae(() => {
     M && W.length === 0 ? z(M) : M && W.length > 0 ? S(W) : !M && !W && S(A.current || "");
   }, [t]);
   const B = (j) => {
@@ -8809,7 +8809,7 @@ const Sa = wt(zp), _o = ({
     ] });
   }
   function S() {
-    return /* @__PURE__ */ P(ae, { children: [
+    return /* @__PURE__ */ P(le, { children: [
       v(),
       /* @__PURE__ */ i(
         nt,
@@ -8842,7 +8842,7 @@ const Sa = wt(zp), _o = ({
           onClick: r
         }
       ),
-      d && m && /* @__PURE__ */ P(ae, { children: [
+      d && m && /* @__PURE__ */ P(le, { children: [
         v(),
         /* @__PURE__ */ i(
           nt,
@@ -8899,7 +8899,7 @@ const ih = (e) => {
   } = r, L = r.type === "many2many", { id: me } = r, J = s.filter(
     (X) => (X.values || X.treeValues) && X.operation !== "pendingRemove"
   ), Q = Y();
-  le(() => {
+  ae(() => {
     if (Q.current !== a) {
       Q.current = a, te();
       return;
@@ -8909,7 +8909,7 @@ const ih = (e) => {
   const te = D(() => {
     (a === "form" && s.some((X) => !X.values) || a === "tree" && s.some((X) => !X.treeValues)) && Le();
   }, [s, a]);
-  le(() => {
+  ae(() => {
     De();
   }, [g]);
   const ge = (X) => {
@@ -9196,7 +9196,7 @@ const ih = (e) => {
   if (A)
     return /* @__PURE__ */ i(ot, { className: "mt-10", message: A, type: "error", banner: !0 });
   const Je = M;
-  return x ? /* @__PURE__ */ i(Ke, {}) : /* @__PURE__ */ P(ae, { children: [
+  return x ? /* @__PURE__ */ i(Ke, {}) : /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(
       Oa,
       {
@@ -9267,7 +9267,7 @@ const ih = (e) => {
     getContext: s,
     domain: a
   } = ne(He) || {};
-  le(() => {
+  ae(() => {
     l();
   }, [a]);
   async function l() {
@@ -9354,7 +9354,7 @@ const ih = (e) => {
   triggerChange: s
 }) => {
   const [a, l] = C(!1), { itemIndex: c } = ne(wn), { t: u } = fe();
-  le(() => {
+  ae(() => {
     const m = e[c];
     (!m || (m == null ? void 0 : m.operation) === "original") && l(!1);
   }, [c, e]);
@@ -9890,7 +9890,7 @@ const mh = ({
     var ue;
     return ((ue = s.get("form")) == null ? void 0 : ue.fields) !== void 0;
   }, [s]);
-  return /* @__PURE__ */ P(ae, { children: [
+  return /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(
       Oa,
       {
@@ -10061,7 +10061,7 @@ const mh = ({
   return /* @__PURE__ */ i(_e, { required: n, type: "number", ...e, children: /* @__PURE__ */ i(Ah, { ooui: t }) });
 }, Ah = (e) => {
   const { ooui: t, value: n, onChange: r } = e, { id: o, readOnly: s, required: a } = t, { token: l } = Ih(), c = a && !s ? { backgroundColor: l.colorPrimaryBg } : void 0, u = Y(), [f, d] = C(), p = ne(He), { elementHasLostFocus: h } = p || {};
-  le(() => {
+  ae(() => {
     d(Ns(n));
   }, [n]);
   const m = (v) => {
@@ -10098,21 +10098,31 @@ const mh = ({
 };
 function Fa(e) {
   const { ooui: t, showLabel: n = !0, responsiveBehaviour: r } = e, o = ft(t.icon || ""), { t: s } = fe();
-  return /* @__PURE__ */ i(ae, { children: (t.label || o) && n ? /* @__PURE__ */ i(El, { label: t.label, icon: o, children: /* @__PURE__ */ i(
-    Gr,
-    {
-      tip: s("loading"),
-      ooui: t,
-      responsiveBehaviour: r
-    }
-  ) }) : /* @__PURE__ */ i(
-    Gr,
+  return /* @__PURE__ */ i(
+    "div",
     {
-      tip: s("loading"),
-      ooui: t,
-      responsiveBehaviour: r
+      style: {
+        height: t.height ? t.height + "px" : "100%",
+        overflowX: "hidden",
+        overflowY: "auto"
+      },
+      children: (t.label || o) && n ? /* @__PURE__ */ i(El, { label: t.label, icon: o, children: /* @__PURE__ */ i(
+        Gr,
+        {
+          tip: s("loading"),
+          ooui: t,
+          responsiveBehaviour: r
+        }
+      ) }) : /* @__PURE__ */ i(
+        Gr,
+        {
+          tip: s("loading"),
+          ooui: t,
+          responsiveBehaviour: r
+        }
+      )
     }
-  ) });
+  );
 }
 const { TabPane: Oh } = Hi;
 function Fh(e) {
@@ -10126,7 +10136,7 @@ function Fh(e) {
   return /* @__PURE__ */ i(Hi, { defaultActiveKey: "1", tabPosition: t.tabPosition, children: r.filter((s) => !s.invisible).map((s) => /* @__PURE__ */ i(
     Oh,
     {
-      tab: /* @__PURE__ */ P(ae, { children: [
+      tab: /* @__PURE__ */ P(le, { children: [
         o(s.icon),
         " ",
         s.label
@@ -10180,7 +10190,7 @@ const { useToken: Rh } = We, { TextArea: Kr } = rt, _h = (e) => {
     formHasChanges: u,
     elementHasLostFocus: f
   } = s || {}, [d, p] = C(!1), { t: h } = fe();
-  return a ? /* @__PURE__ */ P(ae, { children: [
+  return a ? /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(
       "div",
       {
@@ -10227,7 +10237,7 @@ const { useToken: Rh } = We, { TextArea: Kr } = rt, _h = (e) => {
         }
       }
     )
-  ] }) : /* @__PURE__ */ P(ae, { children: [
+  ] }) : /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(Me, { gutter: 8, wrap: !1, children: /* @__PURE__ */ i(
       Kr,
       {
@@ -10559,7 +10569,7 @@ const { useToken: Rh } = We, { TextArea: Kr } = rt, _h = (e) => {
   return /* @__PURE__ */ i(_e, { required: n, ...e, children: /* @__PURE__ */ i(qh, { ooui: t }) });
 }, qh = (e) => {
   const { value: t, onChange: n, ooui: r } = e, { required: o, selectionValues: s, readOnly: a, domain: l } = r, c = t == null ? void 0 : t.split(","), [u, f] = C([]), [d, p] = C();
-  return le(() => {
+  return ae(() => {
     if (!t) {
       p(void 0), f([]);
       return;
@@ -11009,9 +11019,9 @@ function Xh(e) {
     },
     [s]
   );
-  return le(() => {
+  return ae(() => {
     m();
-  }, [m]), /* @__PURE__ */ P(ae, { children: [
+  }, [m]), /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(
       Qh,
       {
@@ -11051,7 +11061,7 @@ const Zh = () => {
   } = vo(), [l, c] = Ye(
     N.getHandler().searchForTree
   );
-  le(() => () => {
+  ae(() => () => {
     c();
   }, [c]);
   const u = ks(), f = D(
@@ -11235,7 +11245,7 @@ function eg({ toolbar: e }) {
     { enableOnFormTags: !0, preventDefault: !0 },
     [_, F, l, O, c]
   ), l ? /* @__PURE__ */ P(Xe, { wrap: !0, children: [
-    T && /* @__PURE__ */ P(ae, { children: [
+    T && /* @__PURE__ */ P(le, { children: [
       /* @__PURE__ */ i(Ke, {}),
       Xt(),
       Xt()
@@ -11442,7 +11452,7 @@ const Xt = () => /* @__PURE__ */ i("div", { className: "inline-block w-2" }), Zt
   forced_values: { res_model: e, res_id: t }
 }), { useToken: tg } = We, Da = (e) => {
   const { ooui: t, value: n, onChange: r, valueValidator: o, linkPrefix: s = "" } = e, { id: a, readOnly: l, required: c } = t, { token: u } = tg(), f = c && !l ? { backgroundColor: u.colorPrimaryBg } : void 0, d = ne(He), { elementHasLostFocus: p } = d || {}, [h, m] = C(!1), [g, y] = C(!1);
-  le(() => {
+  ae(() => {
     l && !h && y(!1), !n && !l && (m(!0), y(!0));
   }, [h, l]);
   const v = (w) => {
@@ -11702,7 +11712,7 @@ const { useToken: ag } = We, { Title: lg, Text: jn } = kt, pr = ({
       return null;
     if ((o == null ? void 0 : o.type) === "form" && s) {
       if (c === 0)
-        return /* @__PURE__ */ P(ae, { children: [
+        return /* @__PURE__ */ P(le, { children: [
           d("editingDocument"),
           " (id:",
           " ",
@@ -11716,7 +11726,7 @@ const { useToken: ag } = We, { Title: lg, Text: jn } = kt, pr = ({
           ")"
         ] });
       const m = (a ?? 0) + 1, g = f ? c : l == null ? void 0 : l.length;
-      return /* @__PURE__ */ P(ae, { children: [
+      return /* @__PURE__ */ P(le, { children: [
         d("register"),
         " ",
         m,
@@ -11734,14 +11744,14 @@ const { useToken: ag } = We, { Title: lg, Text: jn } = kt, pr = ({
         ")"
       ] });
     }
-    return (o == null ? void 0 : o.type) === "tree" && (u != null && u.length) ? u.length === 1 ? /* @__PURE__ */ P(ae, { children: [
+    return (o == null ? void 0 : o.type) === "tree" && (u != null && u.length) ? u.length === 1 ? /* @__PURE__ */ P(le, { children: [
       "1 ",
       d("selectedRegisters"),
       " - (id:",
       " ",
       /* @__PURE__ */ i(jn, { copyable: !0, children: u[0].id }),
       ")"
-    ] }) : /* @__PURE__ */ P(ae, { children: [
+    ] }) : /* @__PURE__ */ P(le, { children: [
       u.length,
       " ",
       d("selectedRegisters"),
@@ -11812,10 +11822,10 @@ const { useToken: ag } = We, { Title: lg, Text: jn } = kt, pr = ({
     setSearchValues: F,
     currentView: O
   } = u || {}, [k, _] = C(!0);
-  le(() => {
+  ae(() => {
     var Z;
     (Z = c.current) == null || Z.refresh();
-  }, [b]), le(() => {
+  }, [b]), ae(() => {
     t.view_id !== O.view_id && _(!0);
   }, [O]);
   const { clear: $, searchFilterLoading: M, searchError: W, offset: B, tableRefreshing: E } = ba({
@@ -11841,7 +11851,7 @@ const { useToken: ag } = We, { Title: lg, Text: jn } = kt, pr = ({
     limit: T,
     setLimit: R
   });
-  return !n || !t ? null : /* @__PURE__ */ P(ae, { children: [
+  return !n || !t ? null : /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(pr, { title: t.title || t.name, children: /* @__PURE__ */ i(
       sg,
       {
@@ -11899,7 +11909,7 @@ const { useToken: ag } = We, { Title: lg, Text: jn } = kt, pr = ({
     setResults: d,
     setCurrentItemIndex: p
   } = e;
-  return t ? /* @__PURE__ */ P(ae, { children: [
+  return t ? /* @__PURE__ */ P(le, { children: [
     /* @__PURE__ */ i(pr, { children: /* @__PURE__ */ i(eg, { toolbar: a == null ? void 0 : a.toolbar }) }),
     /* @__PURE__ */ i(
       yn,
@@ -11925,7 +11935,7 @@ function ug(e) {
   function c(f) {
     t(f.search);
   }
-  le(() => {
+  ae(() => {
     s.setFieldsValue({ search: r });
   }, [r]);
   function u() {
@@ -12008,7 +12018,7 @@ function fg(e) {
     },
     { enableOnFormTags: !0, preventDefault: !0 },
     [m]
-  ), le(() => {
+  ), ae(() => {
     var G;
     if (b && v === void 0) {
       if (E.current) {
@@ -12087,12 +12097,12 @@ function fg(e) {
     });
   }
   return /* @__PURE__ */ P(Xe, { wrap: !0, children: [
-    w && /* @__PURE__ */ P(ae, { children: [
+    w && /* @__PURE__ */ P(le, { children: [
       /* @__PURE__ */ i(Ke, {}),
       Mt(),
       Mt()
     ] }),
-    F ? null : /* @__PURE__ */ P(ae, { children: [
+    F ? null : /* @__PURE__ */ P(le, { children: [
       /* @__PURE__ */ i(
         ug,
         {
@@ -12171,7 +12181,7 @@ function fg(e) {
         }
       }
     ),
-    !F && /* @__PURE__ */ P(ae, { children: [
+    !F && /* @__PURE__ */ P(le, { children: [
       Mt(),
       /* @__PURE__ */ i(
         Vo,
@@ -12219,7 +12229,7 @@ function fg(e) {
         }
       }
     ),
-    k && /* @__PURE__ */ P(ae, { children: [
+    k && /* @__PURE__ */ P(le, { children: [
       Mt(),
       /* @__PURE__ */ i(
         rn,
@@ -12325,7 +12335,7 @@ const mg = (e) => {
     availableViews: p,
     searchTreeNameSearch: h
   } = e, m = oe(() => !(a != null && a.arch) || a.isExpandable ? !1 : bs(a.arch, "infinite") === "1", [a]);
-  le(() => {
+  ae(() => {
     v == null || v(m);
   }, [m]);
   const { currentView: g, setPreviousView: y, setIsInfiniteTree: v } = ne(
@@ -12626,10 +12636,10 @@ function wg(e, t) {
 Please, make sure the view ids on the fields_view_get responses are the same as the ones defined in the action`
     ), je == null || je(c)), ke(qe), x(q), A(!1);
   };
-  l({ tabKey: c, canWeClose: Oe }), le(() => {
+  l({ tabKey: c, canWeClose: Oe }), ae(() => {
     const q = I.find((xe) => xe.type === "tree"), ye = I.find((xe) => u.id ? xe.type === u.type && xe.view_id === u.id : xe.type === u.type);
     ke(ye || q), p ? Q == null || Q(T) : (De(void 0), k(void 0)), Ue();
-  }, [r, s, p]), le(() => {
+  }, [r, s, p]), ae(() => {
     if (ge === c) {
       Q == null || Q(R);
       const q = { action_id: h, action_type: m };
@@ -12882,7 +12892,7 @@ function Cg(e) {
       W(JSON.stringify(Q));
     }
   };
-  le(() => {
+  ae(() => {
     f && a && ee();
   }, [w, x, f, a]);
   const j = async (Q) => {
@@ -12916,7 +12926,7 @@ function Cg(e) {
     });
     g(te);
   };
-  le(() => {
+  ae(() => {
     t ? j("action") : n && j("model");
   }, [t, n]);
   const me = (Q) => {
@@ -12959,7 +12969,7 @@ function Cg(e) {
 }
 const xg = yt(Cg), Ig = (e) => {
   const { model: t } = e, [n, r] = C();
-  le(() => {
+  ae(() => {
     o();
   }, [t]);
   async function o() {
@@ -12982,7 +12992,7 @@ function Tg(e, t) {
   ), [I] = Ye(N.getHandler().update), x = fr(
     pn.FEATURE_READFORVIEW
   );
-  le(() => {
+  ae(() => {
     S();
   }, [n, o, r]), bt(t, () => ({
     refresh: () => {
@@ -13295,7 +13305,7 @@ const Ag = wt(Tg), Og = (e) => {
       b.push({ id: F, operation: "pendingLink" });
     }), I(b);
   };
-  return f && a.length === 0 ? /* @__PURE__ */ i(Ke, {}) : /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ P("div", { className: "flex flex-row", children: [
+  return f && a.length === 0 ? /* @__PURE__ */ i(Ke, {}) : /* @__PURE__ */ i(le, { children: /* @__PURE__ */ P("div", { className: "flex flex-row", children: [
     /* @__PURE__ */ i(
       Cn.Group,
       {
@@ -13991,7 +14001,7 @@ function iv() {
   const e = ne(
     Ct
   ), { activeKey: t, tabs: n, onRemoveTab: r, onChangeTab: o } = e || {};
-  return /* @__PURE__ */ i(ae, { children: n.map((s) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(le, { children: n.map((s) => /* @__PURE__ */ i(
     iy,
     {
       tabKey: s.key,
@@ -14016,7 +14026,7 @@ function sv() {
   const e = ne(
     Ct
   ), { tabs: t } = e || {}, n = (t == null ? void 0 : t.map((r) => /* @__PURE__ */ i(ay, { tab: r }, r.key))) || null;
-  return /* @__PURE__ */ i(ae, { children: n });
+  return /* @__PURE__ */ i(le, { children: n });
 }
 const { useToken: ly } = We, av = (e) => {
   const {
@@ -14054,7 +14064,7 @@ const { useToken: ly } = We, av = (e) => {
     if (x)
       return JSON.stringify(x);
   }, [x]);
-  le(() => {
+  ae(() => {
     T();
   }, [S]);
   function A(F) {