@dexma/ui-components 8.0.49 → 8.0.50

package/dist/ui-components.es.js

@@ -1,6 +1,6 @@
 import * as p from "react";
-import ie, { useRef as it, useContext as kt, useMemo as gr, useDebugValue as l7, createElement as lF, forwardRef as jr, createContext as Yd, useState as It, isValidElement as E1, useLayoutEffect as u0, useEffect as Zt, Children as sF, createRef as cF, useCallback as Ba, useImperativeHandle as yl, cloneElement as Is, Component as Js, PureComponent as K1 } from "react";
-import { jsx as Ee, jsxs as Wt, Fragment as ga } from "react/jsx-runtime";
+import ie, { useRef as it, useContext as kt, useMemo as gr, useDebugValue as l7, createElement as lF, forwardRef as jr, createContext as Yd, useState as It, isValidElement as E1, useLayoutEffect as u0, useEffect as Wt, Children as sF, createRef as cF, useCallback as Ba, useImperativeHandle as yl, cloneElement as Is, Component as Js, PureComponent as K1 } from "react";
+import { jsx as Ee, jsxs as Zt, Fragment as ga } from "react/jsx-runtime";
 import Ea from "highcharts";
 import * as dF from "react-dom";
 import f0, { createPortal as uF, unstable_batchedUpdates as KE, flushSync as M1 } from "react-dom";
@@ -3957,7 +3957,7 @@ const Y9 = /* @__PURE__ */ dn(Vte), jte = (e) => {
     overflow: hidden;
 `, o4 = Yd(""), Yte = (e) => {
   const { children: t, dataId: n } = e;
-  return /* @__PURE__ */ Wt(o4.Provider, { value: n, children: [
+  return /* @__PURE__ */ Zt(o4.Provider, { value: n, children: [
     " ",
     t,
     " "
@@ -3977,9 +3977,9 @@ const ca = (e, t) => jr(({ dataId: r, ...a }, i) => {
     }, M = (R) => {
       m && m(R);
     };
-    return /* @__PURE__ */ Wt(ga, { children: [
+    return /* @__PURE__ */ Zt(ga, { children: [
       /* @__PURE__ */ Ee(Bte, { htmlFor: "input-element", children: u }),
-      /* @__PURE__ */ Wt(
+      /* @__PURE__ */ Zt(
         zte,
         {
           role: b ? "search" : void 0,
@@ -4165,8 +4165,8 @@ const ca = (e, t) => jr(({ dataId: r, ...a }, i) => {
   const h = (v) => {
     u(!0), l && l(v);
   }, b = (v) => /* @__PURE__ */ Ee("span", { "data-testid": "alert-description", className: "description", children: v });
-  return d ? null : /* @__PURE__ */ Wt(Zte, { "data-testid": "alert", role: "alert", $showIcon: a, $type: e, $description: r, $message: n, theme: c, "aria-live": i, ...s, children: [
-    /* @__PURE__ */ Wt("span", { "data-testid": "alert-message", className: "message", children: [
+  return d ? null : /* @__PURE__ */ Zt(Zte, { "data-testid": "alert", role: "alert", $showIcon: a, $type: e, $description: r, $message: n, theme: c, "aria-live": i, ...s, children: [
+    /* @__PURE__ */ Zt("span", { "data-testid": "alert-message", className: "message", children: [
       a && /* @__PURE__ */ Ee(
         jn,
         {
@@ -8002,7 +8002,7 @@ const mke = ["primary", "secondary", "outline", "destructive", "link", "icon", "
       kind: f = "button",
       ...h
     }, b) => {
-      const v = kt(gn) || yn, m = L1.omit(h, ["refs", "iconAfter", "iconBefore", "iconAriaLabel", "iconColor", "text"]), C = Ce(i && "expanded", e), y = s && s > 0 && r ? bne(r, s) : r, x = nR(l), S = yne(l), w = f.includes("icon"), M = h.text, { iconColor: R } = h, { iconAfter: $ } = h, { iconBefore: P } = h, { iconAriaLabel: T } = h, A = () => /* @__PURE__ */ Wt(
+      const v = kt(gn) || yn, m = L1.omit(h, ["refs", "iconAfter", "iconBefore", "iconAriaLabel", "iconColor", "text"]), C = Ce(i && "expanded", e), y = s && s > 0 && r ? bne(r, s) : r, x = nR(l), S = yne(l), w = f.includes("icon"), M = h.text, { iconColor: R } = h, { iconAfter: $ } = h, { iconBefore: P } = h, { iconAriaLabel: T } = h, A = () => /* @__PURE__ */ Zt(
         X1,
         {
           ref: b,
@@ -8181,19 +8181,19 @@ const mke = ["primary", "secondary", "outline", "destructive", "link", "icon", "
     ${(e) => LR(e)};
 `, Sne = _t.a`
     ${(e) => LR(e)};
-`, Ene = ({ image: e, icon: t, iconAriaLabel: n, imageAlt: r }) => !e && !t ? null : /* @__PURE__ */ Wt("div", { className: "card-header", "data-testid": "card-header", children: [
+`, Ene = ({ image: e, icon: t, iconAriaLabel: n, imageAlt: r }) => !e && !t ? null : /* @__PURE__ */ Zt("div", { className: "card-header", "data-testid": "card-header", children: [
   e && !t && /* @__PURE__ */ Ee("img", { alt: r, src: e, className: "card-img card-img-top", "data-testid": "card-image" }),
   t && !e && /* @__PURE__ */ Ee(jn, { name: t, "data-testid": "card-icon", ariaLabel: n || `${t} icon` })
-] }), h6 = ({ title: e, subtitle: t, description: n }) => !e && !t && !n ? null : /* @__PURE__ */ Wt("div", { className: "card-body", "data-testid": "card-body", children: [
+] }), h6 = ({ title: e, subtitle: t, description: n }) => !e && !t && !n ? null : /* @__PURE__ */ Zt("div", { className: "card-body", "data-testid": "card-body", children: [
   e && /* @__PURE__ */ Ee("h3", { className: "card-title", children: e }),
   t && /* @__PURE__ */ Ee("p", { className: "card-subtitle", children: t }),
   n && /* @__PURE__ */ Ee(TEe, { children: n })
-] }), g6 = ({ footer: e }) => e ? /* @__PURE__ */ Ee("div", { className: "card-footer", "data-testid": "card-footer", children: e }) : null, m6 = ({ image: e, icon: t, isHorizontal: n, title: r, subtitle: a, description: i, footer: o, iconAriaLabel: l, imageAlt: s }) => /* @__PURE__ */ Wt(ga, { children: [
+] }), g6 = ({ footer: e }) => e ? /* @__PURE__ */ Ee("div", { className: "card-footer", "data-testid": "card-footer", children: e }) : null, m6 = ({ image: e, icon: t, isHorizontal: n, title: r, subtitle: a, description: i, footer: o, iconAriaLabel: l, imageAlt: s }) => /* @__PURE__ */ Zt(ga, { children: [
   /* @__PURE__ */ Ee(Ene, { image: e, icon: t, iconAriaLabel: l, imageAlt: s }),
-  n ? /* @__PURE__ */ Wt("div", { className: "horizontal", children: [
+  n ? /* @__PURE__ */ Zt("div", { className: "horizontal", children: [
     /* @__PURE__ */ Ee(h6, { title: r, subtitle: a, description: i }),
     /* @__PURE__ */ Ee(g6, { footer: o })
-  ] }) : /* @__PURE__ */ Wt(ga, { children: [
+  ] }) : /* @__PURE__ */ Zt(ga, { children: [
     /* @__PURE__ */ Ee(h6, { title: r, subtitle: a, description: i }),
     /* @__PURE__ */ Ee(g6, { footer: o })
   ] })
@@ -12153,7 +12153,7 @@ const Cie = function(e) {
     };
   }, []), [r, n];
 };
-var z$ = Zr() ? u0 : Zt;
+var z$ = Zr() ? u0 : Wt;
 const xie = function() {
   var e = p.useRef(null);
   function t() {
@@ -12261,18 +12261,18 @@ function Rie(e, t, n, r) {
       var ve = J(fe);
       fe && (e || ve[io]) ? (H(fe), ae()) : H(Zl), ne.current = t;
     }
-  }, [t]), Zt(function() {
+  }, [t]), Wt(function() {
     // Cancel appear
     (F === wh && !l || // Cancel enter
     F === Sh && !i || // Cancel leave
     F === Eh && !c) && H(Zl);
-  }, [l, i, c]), Zt(function() {
+  }, [l, i, c]), Wt(function() {
     return function() {
       z.current = !1, clearTimeout(Y.current);
     };
   }, []);
   var ue = p.useRef(!1);
-  Zt(function() {
+  Wt(function() {
     A && (ue.current = !0), A !== void 0 && F === Zl && ((ue.current || A) && ($ == null || $(A)), ue.current = !0);
   }, [A, F]);
   var oe = V;
@@ -12855,7 +12855,7 @@ var Xie = `
   var n = kt(g4), r = n.csp, a = n.prefixCls, i = n.layer, o = Xie;
   a && (o = o.replace(/anticon/g, a)), i && (o = "@layer ".concat(i, ` {
 `).concat(o, `
-}`)), Zt(function() {
+}`)), Wt(function() {
     var l = t.current, s = I0(l);
     Jl(o, "@ant-design-icons", {
       prepend: !i,
@@ -15103,7 +15103,7 @@ const xle = (e, t) => {
     direction: $,
     button: P
   } = kt(jt), T = M("btn", i), [A, O] = fle(T), I = kt(Aa), L = u ?? I, D = kt(lL), H = gr(() => Cle(a), [a]), [N, k] = It(H.loading), [V, _] = It(!1), z = ki(t, /* @__PURE__ */ cF()), Y = sF.count(b) === 1 && !v && !Rh(o);
-  Zt(() => {
+  Wt(() => {
     let oe = null;
     H.delay > 0 ? oe = setTimeout(() => {
       oe = null, k(!0);
@@ -15112,7 +15112,7 @@ const xle = (e, t) => {
       oe && (clearTimeout(oe), oe = null);
     }
     return se;
-  }, [H]), Zt(() => {
+  }, [H]), Wt(() => {
     if (!z || !z.current || R === !1)
       return;
     const oe = z.current.textContent;
@@ -15648,9 +15648,9 @@ function Tle(e) {
     }
     i && K.keyCode === He.TAB && N.current.changeActive(!K.shiftKey);
   }
-  return Zt(function() {
+  return Wt(function() {
     i && (F(!0), Y());
-  }, [i]), Zt(function() {
+  }, [i]), Wt(function() {
     return function() {
       clearTimeout(X.current);
     };
@@ -17747,7 +17747,7 @@ function Ose() {
   var v = kt(Id), m = s || v, C = m && m._init;
   process.env.NODE_ENV !== "production" && ot(t.length === 2 ? s ? C : !0 : C, "useWatch requires a form instance since it can not auto detect from context.");
   var y = Vr(a), x = it(y);
-  return x.current = y, Pse(y), Zt(
+  return x.current = y, Pse(y), Wt(
     function() {
       if (C) {
         var S = m.getFieldsValue, w = m.getInternalHooks, M = w(Vs), R = M.registerWatch, $ = R(function(T, A) {
@@ -21083,7 +21083,7 @@ function Cde(e, t, n) {
     var v = e(h);
     l.current.get(v), b ? (l.current.set(v, b), u()) : l.current.delete(v);
   }
-  return Zt(function() {
+  return Wt(function() {
     return d;
   }, []), [f, u, s.current, i];
 }
@@ -21619,13 +21619,13 @@ var kde = function(t, n) {
     }
     v(Z.value, q, J);
   };
-  Zt(function() {
+  Wt(function() {
     _(m !== !1 ? D(0) : -1);
   }, [A.length, c]);
   var F = p.useCallback(function(X) {
     return x.has(X) && s !== "combobox";
   }, [s, Ye(x).toString(), x.size]);
-  Zt(function() {
+  Wt(function() {
     var X = setTimeout(function() {
       if (!l && o && x.size === 1) {
         var te = Array.from(x)[0], J = A.findIndex(function(Z) {
@@ -25536,7 +25536,7 @@ const sw = {
   } = e, C = I1e(e, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]), {
     siderHook: y
   } = kt(N1e), [x, S] = It("collapsed" in e ? e.collapsed : o), [w, M] = It(!1);
-  Zt(() => {
+  Wt(() => {
     "collapsed" in e && S(e.collapsed);
   }, [e.collapsed]);
   const R = (I, L) => {
@@ -25544,7 +25544,7 @@ const sw = {
   }, $ = it();
   $.current = (I) => {
     M(I.matches), m == null || m(I.matches), x !== I.matches && R(I.matches, "responsive");
-  }, Zt(() => {
+  }, Wt(() => {
     function I(D) {
       return $.current(D);
     }
@@ -25570,7 +25570,7 @@ const sw = {
         L == null || L.removeListener(I);
       }
     };
-  }, [b]), Zt(() => {
+  }, [b]), Wt(() => {
     const I = A1e("ant-sider-");
     return y.addSider(I), () => y.removeSider(I);
   }, []);
@@ -28568,9 +28568,9 @@ function Z5(e, t) {
     var m = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
     d(null, m);
   }
-  return Zt(function() {
+  return Wt(function() {
     v(!0);
-  }, [e]), Zt(function() {
+  }, [e]), Wt(function() {
     return function() {
       return cancelAnimationFrame(c.current);
     };
@@ -28749,11 +28749,11 @@ function U5(e) {
       }, 0) : t && (a(!1), M.current && c()), S(!1), f == null || f(T);
     }
   };
-  return Zt(function() {
+  return Wt(function() {
     M.current = !1;
-  }, [t]), Zt(function() {
+  }, [t]), Wt(function() {
     M.current = !0;
-  }, [n]), Zt(function() {
+  }, [n]), Wt(function() {
     return Lfe(function(P) {
       var T = Pfe(P), A = r(T);
       t && (A ? !s && !l && (!x || A) && a(!1) : (w.current = !0, Mn(function() {
@@ -30586,7 +30586,7 @@ function bpe(e) {
   }), dt = ye(tt, 2), De = dt[0], Ge = dt[1], Fe = Tn([x, x], {
     value: W
   }), Be = ye(Fe, 2), Ke = Be[0], Pt = Be[1];
-  Zt(function() {
+  Wt(function() {
     Pt([x, x]);
   }, [x]);
   var xt = function(Mt, sn) {
@@ -30599,7 +30599,7 @@ function bpe(e) {
     disabledDate: I,
     generateConfig: f
   }, !et || $t), Ct = ye(Je, 2), Bt = Ct[0], ln = Ct[1], Hn = It(0), Pn = ye(Hn, 2), Yn = Pn[0], mr = Pn[1];
-  Zt(function() {
+  Wt(function() {
     !et && we.current && mr(we.current.offsetWidth);
   }, [et]);
   function Qt(wn) {
@@ -30733,9 +30733,9 @@ function bpe(e) {
     format: "YYYYMMDDHHmmss",
     generateConfig: f
   }) : "";
-  Zt(function() {
+  Wt(function() {
     et || (Ge(at), !Ir.length || Ir[0] === "" ? zn("") : $r !== Rn && vr(), !Nt.length || Nt[0] === "" ? Gt("") : Kn !== Qr && Jt());
-  }, [et, Ir, Nt]), Zt(function() {
+  }, [et, Ir, Nt]), Wt(function() {
     Ge(at);
   }, [xp, wp]);
   var vc = aO({
@@ -33712,7 +33712,7 @@ var Qpe = function(t) {
   function f() {
     Mn.cancel(d.current);
   }
-  return Zt(function() {
+  return Wt(function() {
     var h = {};
     return n && (r ? (a ? (h.right = n.right + n.width / 2, h.transform = "translateX(50%)") : (h.left = n.left + n.width / 2, h.transform = "translateX(-50%)"), h.width = u(n.width)) : (h.top = n.top + n.height / 2, h.transform = "translateY(-50%)", h.height = u(n.height))), f(), d.current = Mn(function() {
       c(h);
@@ -33997,10 +33997,10 @@ function ohe(e, t) {
         break;
     }
   }
-  Zt(function() {
+  Wt(function() {
     var z = document.getElementById(I);
     z && z.scrollIntoView && z.scrollIntoView(!1);
-  }, [P]), Zt(function() {
+  }, [P]), Wt(function() {
     w || T(null);
   }, [w]);
   var V = re({}, b ? "marginRight" : "marginLeft", h);
@@ -34131,7 +34131,7 @@ function dhe(e, t) {
       });
     }
     return be ? (O ? qe(H, Et) : qe(_, et), lt(), Ue(), !0) : !1;
-  }), Zt(function() {
+  }), Wt(function() {
     return lt(), je && (Re.current = window.setTimeout(function() {
       Ae(0);
     }, 100)), lt;
@@ -34205,7 +34205,7 @@ function dhe(e, t) {
       }), qe;
     });
   };
-  Zt(function() {
+  Wt(function() {
     st();
   }, [i.map(function(Et) {
     return Et.key;
@@ -34225,9 +34225,9 @@ function dhe(e, t) {
     rtl: u,
     indicatorSize: S
   }), Ge = De.style;
-  Zt(function() {
+  Wt(function() {
     vt();
-  }, [d, $e, we, Lw(dt), Lw(se), O]), Zt(function() {
+  }, [d, $e, we, Lw(dt), Lw(se), O]), Wt(function() {
     Xe();
   }, [u]);
   var Fe = !!tt.length, Be = "".concat(a, "-nav-wrap"), Ke, Pt, xt, Vt;
@@ -34327,7 +34327,7 @@ function mhe(e, t) {
       return ce && Rt(ce) === "object" && "key" in ce;
     });
   }, [l]), D = s === "rtl", H = hhe(f), N = It(!1), k = ye(N, 2), V = k[0], _ = k[1];
-  Zt(function() {
+  Wt(function() {
     _(L4());
   }, []);
   var F = Tn(function() {
@@ -34341,7 +34341,7 @@ function mhe(e, t) {
       return ce.key === Y;
     });
   }), G = ye(ee, 2), W = G[0], X = G[1];
-  Zt(function() {
+  Wt(function() {
     var ce = L.findIndex(function(ne) {
       return ne.key === Y;
     });
@@ -34356,7 +34356,7 @@ function mhe(e, t) {
   var q = Tn(null, {
     value: r
   }), te = ye(q, 2), J = te[0], Z = te[1];
-  Zt(function() {
+  Wt(function() {
     r || (Z("rc-tabs-".concat(process.env.NODE_ENV === "test" ? "test" : Ow)), Ow += 1);
   }, []);
   function K(ce, de) {
@@ -37276,7 +37276,7 @@ var E0e = ["autoComplete", "onChange", "onFocus", "onBlur", "onPressEnter", "onK
       },
       input: L.current
     };
-  }), Zt(function() {
+  }), Wt(function() {
     O(function(ue) {
       return ue && d ? !1 : ue;
     });
@@ -37408,7 +37408,7 @@ function rk(e, t) {
       !((a = e.current) === null || a === void 0) && a.input && ((i = e.current) === null || i === void 0 ? void 0 : i.input.getAttribute("type")) === "password" && (!((o = e.current) === null || o === void 0) && o.input.hasAttribute("value")) && ((l = e.current) === null || l === void 0 || l.input.removeAttribute("value"));
     }));
   };
-  return Zt(() => (t && r(), () => n.current.forEach((a) => {
+  return Wt(() => (t && r(), () => n.current.forEach((a) => {
     a && clearTimeout(a);
   })), []), r;
 }
@@ -37481,7 +37481,7 @@ const fC = /* @__PURE__ */ jr((e, t) => {
   } = kt(Xa), _ = rc(N, i), F = $0e(e) || !!k, z = it(F);
   if (process.env.NODE_ENV !== "production") {
     const q = Fn("Input");
-    Zt(() => {
+    Wt(() => {
       var te;
       F && !z.current && process.env.NODE_ENV !== "production" && q(document.activeElement === ((te = P.current) === null || te === void 0 ? void 0 : te.input), "usage", "When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ"), z.current = F;
     }, [F]);
@@ -37840,7 +37840,7 @@ var z0e = ["prefixCls", "onPressEnter", "defaultValue", "value", "autoSize", "on
         G().blur();
       }
     };
-  }), Zt(function() {
+  }), Wt(function() {
     V(function(we) {
       return !w && we;
     });
@@ -40861,7 +40861,7 @@ var Gge = {
   gapPosition: "bottom"
 }, Xge = function() {
   var t = it([]), n = it(null);
-  return Zt(function() {
+  return Wt(function() {
     var r = Date.now(), a = !1;
     t.current.forEach(function(i) {
       if (i) {
@@ -43193,7 +43193,7 @@ function Kk(e) {
       }
     });
   }
-  return Zt(function() {
+  return Wt(function() {
     return function() {
       i.current = null;
     };
@@ -43212,7 +43212,7 @@ function y2e(e) {
   function i() {
     return t.current;
   }
-  return Zt(function() {
+  return Wt(function() {
     return r;
   }, []), [a, i];
 }
@@ -51070,7 +51070,7 @@ const bu = ({ theme: e, children: t, ...n }) => {
   ${x9e}
 `, S9e = (e, t) => (n) => {
   const { label: r, value: a, closable: i, onClose: o } = n;
-  return /* @__PURE__ */ Wt(C9e, { onMouseDown: (s) => {
+  return /* @__PURE__ */ Zt(C9e, { onMouseDown: (s) => {
     s.preventDefault(), s.stopPropagation();
   }, $closable: i, style: { marginRight: 4 }, "data-testid": `tag-option-selected-${a}`, theme: e, children: [
     r,
@@ -51078,7 +51078,7 @@ const bu = ({ theme: e, children: t, ...n }) => {
   ] });
 }, yke = ({ multiple: e, options: t = [], maxTagCount: n, onChange: r, open: a, changeOnSelect: i, iconAriaLabel: o, ...l }) => {
   const s = kt(gn) || yn, [c, d] = It(a || !1), [u, f] = It([]), h = it();
-  Zt(() => {
+  Wt(() => {
     document.querySelectorAll(".ant-cascader-menu-item").forEach((m) => {
       m.removeAttribute("aria-label");
     }), u.forEach((m) => {
@@ -51101,7 +51101,7 @@ const bu = ({ theme: e, children: t, ...n }) => {
     var C;
     r && r(m), !i && !e && ((C = h.current) != null && C.blur()) && d(!1), f([]), b(e ? m.flat().map(String) : m.map((y) => y.toString()));
   };
-  return /* @__PURE__ */ Wt(ga, { children: [
+  return /* @__PURE__ */ Zt(ga, { children: [
     /* @__PURE__ */ Ee(w9e, { theme: s }),
     /* @__PURE__ */ Ee(
       bu,
@@ -58256,10 +58256,10 @@ N9e(Ea);
 K9e(Ea);
 G9e(Ea);
 Ea.SVGRenderer.prototype.symbols.cross = (e, t, n, r) => ["M", e, t, "L", e + n, t + r, "M", e + n, t, "L", e, t + r, "z"];
-const n5e = () => /* @__PURE__ */ Ee(t5e, { "data-testid": "chart-loading", children: /* @__PURE__ */ Wt("svg", { width: "210", height: "210", preserveAspectRatio: "none", viewBox: "0 0 210 210", children: [
+const n5e = () => /* @__PURE__ */ Ee(t5e, { "data-testid": "chart-loading", children: /* @__PURE__ */ Zt("svg", { width: "210", height: "210", preserveAspectRatio: "none", viewBox: "0 0 210 210", children: [
   /* @__PURE__ */ Ee("rect", { width: "100%", height: "100%", fill: 'url("#fill")', clipPath: "url(#clip-path-chart)" }),
-  /* @__PURE__ */ Wt("defs", { children: [
-    /* @__PURE__ */ Wt("clipPath", { id: "clip-path-chart", children: [
+  /* @__PURE__ */ Zt("defs", { children: [
+    /* @__PURE__ */ Zt("clipPath", { id: "clip-path-chart", children: [
       /* @__PURE__ */ Ee("rect", { width: "1", height: "1", x: "156", y: "89", rx: "0", ry: "0" }),
       /* @__PURE__ */ Ee("rect", { width: "9", height: "27", x: "62", y: "103", rx: "0", ry: "0" }),
       /* @__PURE__ */ Ee("rect", { width: "9", height: "72", x: "89", y: "60", rx: "0", ry: "0" }),
@@ -58271,7 +58271,7 @@ const n5e = () => /* @__PURE__ */ Ee(t5e, { "data-testid": "chart-loading", chil
       /* @__PURE__ */ Ee("rect", { width: "184", height: "9", x: "14", y: "174", rx: "0", ry: "0" }),
       /* @__PURE__ */ Ee("rect", { width: "9", height: "154", x: "14", y: "30", rx: "0", ry: "0" })
     ] }),
-    /* @__PURE__ */ Wt("linearGradient", { id: "fill", children: [
+    /* @__PURE__ */ Zt("linearGradient", { id: "fill", children: [
       /* @__PURE__ */ Ee("stop", { offset: "0.6", stopColor: "#f3f3f3", children: /* @__PURE__ */ Ee("animate", { attributeName: "offset", dur: "2s", keyTimes: "0; 0.25; 1", repeatCount: "indefinite", values: "-2; -2; 1" }) }),
       /* @__PURE__ */ Ee("stop", { offset: "1.6", stopColor: "#ecebeb", children: /* @__PURE__ */ Ee("animate", { attributeName: "offset", dur: "2s", keyTimes: "0; 0.25; 1", repeatCount: "indefinite", values: "-1; -1; 2" }) }),
       /* @__PURE__ */ Ee("stop", { offset: "2.6", stopColor: "#f3f3f3", children: /* @__PURE__ */ Ee("animate", { attributeName: "offset", dur: "2s", keyTimes: "0; 0.25; 1", repeatCount: "indefinite", values: "0; 0; 3" }) })
@@ -58295,7 +58295,7 @@ const n5e = () => /* @__PURE__ */ Ee(t5e, { "data-testid": "chart-loading", chil
       ...f
     }, h) => {
       const b = kt(gn) || yn, v = t && !n, m = !t && n && r, C = !v && !m && e, [y, x] = It(), [S, w] = It(!1), { fontFamily: M, backgroundColor: R } = kt(gn) || yn;
-      return Zt(() => {
+      return Wt(() => {
         let $ = !1;
         if (typeof document > "u" || !document.fonts) {
           w(!0);
@@ -58316,7 +58316,7 @@ const n5e = () => /* @__PURE__ */ Ee(t5e, { "data-testid": "chart-loading", chil
           shortMonths: d,
           weekdays: u
         }
-      }), Zt(() => {
+      }), Wt(() => {
         const $ = { ...e };
         $.chart ? $.chart.style || ($.chart.style = {}) : $.chart = { style: {} }, $.legend || ($.legend = {}), $.tooltip || ($.tooltip = {}), $.title ? $.title.style || ($.title.style = {}) : $.title = { text: "" }, x({
           ...e,
@@ -58352,7 +58352,7 @@ const n5e = () => /* @__PURE__ */ Ee(t5e, { "data-testid": "chart-loading", chil
             }
           }
         });
-      }, [e, M, R, S]), /* @__PURE__ */ Wt(J9e, { "data-id": a, "data-testid": i, theme: b, children: [
+      }, [e, M, R, S]), /* @__PURE__ */ Zt(J9e, { "data-id": a, "data-testid": i, theme: b, children: [
         (v || !y) && /* @__PURE__ */ Ee(n5e, {}),
         m && /* @__PURE__ */ Ee(r5e, { children: r }),
         C && y && /* @__PURE__ */ Ee(P9e, { highcharts: Ea, ref: h, ...f, options: y })
@@ -65328,10 +65328,10 @@ const lSe = _t.div`
   jr(
     ({ dataId: e, isLoading: t, placeholder: n = "#FFFFFF", presetColors: r = [], onChangePicker: a, onChangeInput: i, showInput: o, value: l = "#FFFFFF" }, s) => {
       const c = kt(gn) || yn, [d, u] = It(!1), [f, h] = It(l);
-      return Zt(() => {
+      return Wt(() => {
         h(l);
-      }, [l]), /* @__PURE__ */ Wt(ga, { children: [
-        /* @__PURE__ */ Wt(lSe, { children: [
+      }, [l]), /* @__PURE__ */ Zt(ga, { children: [
+        /* @__PURE__ */ Zt(lSe, { children: [
           /* @__PURE__ */ Ee(dSe, { "data-testid": "color-picker", "data-id": e, color: f, onClick: () => {
             u((y) => !y);
           } }),
@@ -65351,7 +65351,7 @@ const lSe = _t.div`
           ),
           t && /* @__PURE__ */ Ee(cSe, { $showInput: o !== void 0 ? o : !1, size: 20, theme: c })
         ] }),
-        d && /* @__PURE__ */ Wt(pSe, { "data-testid": "popover-color-picker", children: [
+        d && /* @__PURE__ */ Zt(pSe, { "data-testid": "popover-color-picker", children: [
           /* @__PURE__ */ Ee(fSe, { onClick: () => {
             u(!1);
           } }),
@@ -65691,7 +65691,7 @@ const xke = (e) => {
     const $ = R.key.split("-")[1];
     f($);
   };
-  return /* @__PURE__ */ Wt(ga, { children: [
+  return /* @__PURE__ */ Zt(ga, { children: [
     /* @__PURE__ */ Ee(bSe, {}),
     /* @__PURE__ */ Ee(
       Jg,
@@ -65966,7 +65966,7 @@ const iEe = (e, t, n, r) => {
   return /* @__PURE__ */ Ee(zN, { theme: u, size: a, "data-testid": "field-group", $vertical: !!o, $variant: t, "data-id": c, ...d, children: f.map((m) => {
     const { uniqueId: C, value: y, label: x, icon: S, tooltip: w, isDisabled: M, iconAriaLabel: R } = m, $ = oEe({ type: e, selectedValues: m }, h), P = Ce("item", x ? `item-${x}` : null, $ && "active", M && "disabled"), T = () => (
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
-      /* @__PURE__ */ Wt(
+      /* @__PURE__ */ Zt(
         "label",
         {
           className: P,
@@ -66101,7 +66101,7 @@ const iEe = (e, t, n, r) => {
     ...y
   }, x) => {
     const S = kt(gn) || yn;
-    return /* @__PURE__ */ Wt(WN, { theme: S, $error: n, $success: r, "data-id": l, children: [
+    return /* @__PURE__ */ Zt(WN, { theme: S, $error: n, $success: r, "data-id": l, children: [
       e === "Input" && /* @__PURE__ */ Ee(SR, { type: "text", className: "form-control-input", title: t, ref: x, ...y, value: t, label: s || "" }),
       e === "Checkbox" && /* @__PURE__ */ Ee(i5e, { className: "form-control-checkbox", ...y }),
       e === "Textarea" && /* @__PURE__ */ Ee("textarea", { rows: 2, className: "form-control-textarea", ...y, value: t }),
@@ -66149,7 +66149,7 @@ const sEe = (e, t) => {
     color: ${(e) => $i(e.theme.color, e.$color)};
 `, dEe = ({ color: e = "gray900", type: t = "h3", text: n, children: r, ...a }) => {
   const i = kt(gn) || yn;
-  return /* @__PURE__ */ Wt(cEe, { "data-testid": "heading", as: t, $color: e, theme: i, ...a, children: [
+  return /* @__PURE__ */ Zt(cEe, { "data-testid": "heading", as: t, $color: e, theme: i, ...a, children: [
     n,
     r && r
   ] });
@@ -66395,7 +66395,7 @@ const KN = (e, t, n) => (e - n) * 100 / (t - n), UN = (e, t, n = 0) => {
   ...v
 }) => {
   const [m, C] = It();
-  return Zt(() => {
+  return Wt(() => {
     if (f === "DIAL") {
       const y = {
         ...LEe.chart,
@@ -66582,9 +66582,9 @@ const KN = (e, t, n) => (e - n) * 100 / (t - n), UN = (e, t, n = 0) => {
   }
 `, Lke = ({ open: e, title: t, body: n, footer: r, closeModalButtonAriaLabel: a, onCancel: i, ...o }) => {
   const l = kt(gn) || yn, s = it(null), c = it(null);
-  return Zt(() => {
+  return Wt(() => {
     e && s.current && s.current.focus();
-  }, [e]), /* @__PURE__ */ Wt(ga, { children: [
+  }, [e]), /* @__PURE__ */ Zt(ga, { children: [
     /* @__PURE__ */ Ee(
       OEe,
       {
@@ -66606,7 +66606,7 @@ const KN = (e, t, n) => (e - n) * 100 / (t - n), UN = (e, t, n = 0) => {
         "aria-labelledby": "modal-title",
         "aria-describedby": "modal-body",
         ...o,
-        children: /* @__PURE__ */ Wt("div", { role: "dialog", "aria-modal": "true", id: "modal-content", ref: c, tabIndex: -1, style: { position: "relative" }, children: [
+        children: /* @__PURE__ */ Zt("div", { role: "dialog", "aria-modal": "true", id: "modal-content", ref: c, tabIndex: -1, style: { position: "relative" }, children: [
           /* @__PURE__ */ Ee("h2", { id: "modal-title", ref: s, tabIndex: -1, children: t }),
           Array.isArray(n) ? /* @__PURE__ */ Ee("div", { id: "modal-body", tabIndex: -1, children: n.map(
             (u, f) => ie.isValidElement(u) ? ie.cloneElement(u, { key: u.key || f }) : u
@@ -66938,7 +66938,7 @@ const KN = (e, t, n) => (e - n) * 100 / (t - n), UN = (e, t, n = 0) => {
     ${(e) => eI(e.theme)}
 `, IEe = (e) => (t, n, r) => n === "prev" ? /* @__PURE__ */ Ee(jn, { name: "chevron_left_l", color: "gray900", size: 12, ariaLabel: "" }) : n === "next" ? /* @__PURE__ */ Ee(jn, { name: "chevron_right_l", color: "gray900", size: 12, ariaLabel: "" }) : n === "page" ? /* @__PURE__ */ Ee("span", { "aria-current": e === t ? "page" : void 0, children: t }) : r, AEe = (e) => {
   const t = kt(gn) || yn, { previousPageAriaLabel: n, nextPageAriaLabel: r, disabled: a, prevDotsPageAriaLabel: i, nextDotsPageAriaLabel: o, defaultCurrent: l, current: s, onChange: c } = e;
-  Zt(() => {
+  Wt(() => {
     const u = document.querySelector(".ant-pagination");
     if (u) {
       u.setAttribute("role", "list"), u.querySelectorAll("li").forEach((C) => C.setAttribute("role", "listitem"));
@@ -67035,8 +67035,8 @@ const KN = (e, t, n) => (e - n) * 100 / (t - n), UN = (e, t, n = 0) => {
     left: ${(e) => e.$value}%;
 `, Oke = ({ text: e, marks: t, percent: n, color: r = "green", isTransparent: a, ariaLabel: i, ...o }) => {
   const l = kt(gn) || yn;
-  return /* @__PURE__ */ Wt(DEe, { "data-testid": "progress", $color: r, $percent: n, $isTransparent: a, theme: l, "aria-label": e ? void 0 : i, ...o, children: [
-    /* @__PURE__ */ Ee("div", { className: "outer", children: /* @__PURE__ */ Wt("div", { className: "inner", children: [
+  return /* @__PURE__ */ Zt(DEe, { "data-testid": "progress", $color: r, $percent: n, $isTransparent: a, theme: l, "aria-label": e ? void 0 : i, ...o, children: [
+    /* @__PURE__ */ Ee("div", { className: "outer", children: /* @__PURE__ */ Zt("div", { className: "inner", children: [
       /* @__PURE__ */ Ee("div", { className: "background" }),
       t && t.length > 0 ? t.map((s) => /* @__PURE__ */ Ee(_Ee, { $color: s.color, $value: s.value, theme: l }, s.value)) : null
     ] }) }),
@@ -67090,10 +67090,10 @@ const nI = _t(md)`
     }
 `, kke = ca((e) => {
   const { title: t, isLoading: n, onExportExcel: r, onExportImage: a, onAddReport: i, children: o, dataId: l, iconExportExcelAriaLabel: s, iconExportImageAriaLabel: c, iconAddReportAriaLabel: d } = e, u = !!r, f = !!a, h = !!i, b = u || f || h;
-  return /* @__PURE__ */ Wt(nI, { theme: yn, $title: !!t, $hasButtons: !!b, children: [
-    /* @__PURE__ */ Wt("div", { className: "section-top", "data-testid": "section-data", "data-id": l, children: [
+  return /* @__PURE__ */ Zt(nI, { theme: yn, $title: !!t, $hasButtons: !!b, children: [
+    /* @__PURE__ */ Zt("div", { className: "section-top", "data-testid": "section-data", "data-id": l, children: [
       t && /* @__PURE__ */ Ee(w1, { className: "section-title", children: /* @__PURE__ */ Ee(dEe, { type: "h4", text: t }) }),
-      b && /* @__PURE__ */ Ee(w1, { className: "section-buttons", children: /* @__PURE__ */ Wt(ga, { children: [
+      b && /* @__PURE__ */ Ee(w1, { className: "section-buttons", children: /* @__PURE__ */ Zt(ga, { children: [
         u && /* @__PURE__ */ Ee(Ql, { kind: "iconButton", variant: "icon-secondary", iconBefore: "export_file", onClick: r, isCircle: !0, "data-testid": "excel", isDisabled: n, iconAriaLabel: s || "" }),
         f && /* @__PURE__ */ Ee(Ql, { kind: "iconButton", variant: "icon-secondary", iconBefore: "image", onClick: a, isCircle: !0, "data-testid": "image", isDisabled: n, iconAriaLabel: c || "" }),
         h && /* @__PURE__ */ Ee(Ql, { kind: "iconButton", variant: "icon-secondary", iconBefore: "report_add", onClick: i, isCircle: !0, "data-testid": "report", isDisabled: n, iconAriaLabel: d || "" })
@@ -67130,7 +67130,7 @@ const FEe = (e) => {
   return { iconName: t, iconColor: n };
 }, Nke = ({ title: e, info: t, variant: n = "default", content: r, size: a = 72, icon: i, iconElement: o, iconAriaLabel: l }) => {
   const s = kt(gn) || yn, { iconName: c, iconColor: d } = FEe(n);
-  return /* @__PURE__ */ Wt(AC, { fluid: !0, className: `result-${n}`, "data-testid": `result-${n}`, theme: s, children: [
+  return /* @__PURE__ */ Zt(AC, { fluid: !0, className: `result-${n}`, "data-testid": `result-${n}`, theme: s, children: [
     /* @__PURE__ */ Ee(md, { className: "result-row icon", children: o || /* @__PURE__ */ Ee(
       jn,
       {
@@ -67143,7 +67143,7 @@ const FEe = (e) => {
     ) }),
     e && /* @__PURE__ */ Ee(md, { className: "result-row title", children: /* @__PURE__ */ Ee("span", { children: e }) }),
     t && /* @__PURE__ */ Ee(md, { className: "result-row info", children: /* @__PURE__ */ Ee("span", { children: t }) }),
-    r && /* @__PURE__ */ Wt(md, { className: "result-row content", children: [
+    r && /* @__PURE__ */ Zt(md, { className: "result-row content", children: [
       " ",
       r,
       " "
@@ -67204,7 +67204,7 @@ const FEe = (e) => {
     }
 `, Ike = ca(({ icon: e, color: t, closable: n, children: r, type: a = "normal", onClose: i, variant: o = "primary", dataId: l, iconAriaLabel: s, ...c }) => {
   const d = kt(gn) || yn;
-  return /* @__PURE__ */ Wt(
+  return /* @__PURE__ */ Zt(
     rI,
     {
       "data-testid": "tag",
@@ -67389,7 +67389,7 @@ const KEe = _t.div`
 `, Ake = ca(
   ({ dataId: e = "tagSelect", placeholder: t = "Type text and press enter", onChange: n, disabled: r, style: a, defaultValue: i, value: o, onBlur: l }) => {
     const s = kt(gn) || yn;
-    return /* @__PURE__ */ Wt(ga, { children: [
+    return /* @__PURE__ */ Zt(ga, { children: [
       /* @__PURE__ */ Ee(iI, { $theme: s }),
       /* @__PURE__ */ Ee(
         Li,
@@ -69114,6 +69114,18 @@ const QEe = "50px", JEe = _t.div`
         margin: -8px -8px -9px;
     }
     ${(e) => eI(e.theme)};
+    .table-pagination {
+        position: relative;
+        display: flex;
+        justify-content: center;
+    }
+    .table-pagination .ant-pagination-options {
+        position: absolute;
+        right: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        margin-left: 0;
+    }
 
     .expanded-first-column {
         position: relative;
@@ -69141,10 +69153,10 @@ const QEe = "50px", JEe = _t.div`
     height: 400px;
     align-items: center;
     justify-content: center;
-`, tMe = () => /* @__PURE__ */ Ee(eMe, { "data-testid": "table-loading", children: /* @__PURE__ */ Wt("svg", { width: "210", height: "210", "aria-labelledby": "loading-aria", preserveAspectRatio: "none", viewBox: "0 0 210 210", children: [
+`, tMe = () => /* @__PURE__ */ Ee(eMe, { "data-testid": "table-loading", children: /* @__PURE__ */ Zt("svg", { width: "210", height: "210", "aria-labelledby": "loading-aria", preserveAspectRatio: "none", viewBox: "0 0 210 210", children: [
   /* @__PURE__ */ Ee("rect", { width: "100%", height: "100%", fill: 'url("#fill")', clipPath: "url(#clip-path-table)" }),
-  /* @__PURE__ */ Wt("defs", { children: [
-    /* @__PURE__ */ Wt("clipPath", { id: "clip-path-table", children: [
+  /* @__PURE__ */ Zt("defs", { children: [
+    /* @__PURE__ */ Zt("clipPath", { id: "clip-path-table", children: [
       /* @__PURE__ */ Ee("rect", { width: "9", height: "158", x: "10", y: "26", rx: "0", ry: "0" }),
       /* @__PURE__ */ Ee("rect", { width: "1", height: "88", x: "107", y: "73", rx: "0", ry: "0" }),
       /* @__PURE__ */ Ee("rect", { width: "190", height: "9", x: "10", y: "26", rx: "0", ry: "0" }),
@@ -69155,7 +69167,7 @@ const QEe = "50px", JEe = _t.div`
       /* @__PURE__ */ Ee("rect", { width: "4", height: "158", x: "147", y: "26", rx: "0", ry: "0" }),
       /* @__PURE__ */ Ee("rect", { width: "184", height: "4", x: "10", y: "68", rx: "0", ry: "0" })
     ] }),
-    /* @__PURE__ */ Wt("linearGradient", { id: "fill", children: [
+    /* @__PURE__ */ Zt("linearGradient", { id: "fill", children: [
       /* @__PURE__ */ Ee("stop", { offset: "0.6", stopColor: "#f3f3f3", children: /* @__PURE__ */ Ee("animate", { attributeName: "offset", dur: "2s", keyTimes: "0; 0.25; 1", repeatCount: "indefinite", values: "-2; -2; 1" }) }),
       /* @__PURE__ */ Ee("stop", { offset: "1.6", stopColor: "#ecebeb", children: /* @__PURE__ */ Ee("animate", { attributeName: "offset", dur: "2s", keyTimes: "0; 0.25; 1", repeatCount: "indefinite", values: "-1; -1; 2" }) }),
       /* @__PURE__ */ Ee("stop", { offset: "2.6", stopColor: "#f3f3f3", children: /* @__PURE__ */ Ee("animate", { attributeName: "offset", dur: "2s", keyTimes: "0; 0.25; 1", repeatCount: "indefinite", values: "0; 0; 3" }) })
@@ -69217,21 +69229,25 @@ const QEe = "50px", JEe = _t.div`
     selectAllRowsAriaLabel: f,
     totalRegisters: h,
     currentPage: b = 1,
-    pageSize: v = 10,
+    pageSize: v = 25,
     showSizeChanger: m,
-    pageSizeOptions: C = ["5", "10", "20"],
+    pageSizeOptions: C = ["5", "10", "20", "25", "100"],
     onPageChange: y,
     prevPageAriaLabel: x,
     nextPageAriaLabel: S,
     prevDotsPageAriaLabel: w,
     nextDotsPageAriaLabel: M
   } = e;
-  Zt(() => {
+  Wt(() => {
     document.querySelectorAll(".ant-checkbox-inner").forEach((F) => F.setAttribute("aria-label", u || ""));
     const V = document.querySelector(".ant-table-thead"), _ = V == null ? void 0 : V.querySelector(".ant-checkbox-inner");
     _ && f && _.setAttribute("aria-label", f);
   }, [u, f]);
-  const [R, $] = It(b), [P, T] = It(v), A = o ?? [], O = Y9(e, ["theme", "columns", "dataId", "expandable", "rowSelection", "dataSource"]), I = kt(gn) || yn, L = () => i ? [{
+  const [R, $] = It(b), [P, T] = It(v);
+  Wt(() => {
+    $(b);
+  }, [b]);
+  const A = o ?? [], O = Y9(e, ["theme", "columns", "dataId", "expandable", "rowSelection", "dataSource"]), I = kt(gn) || yn, L = () => i ? [{
     className: "expanded-first-column",
     ...i[0]
   }, ...i.slice(1)] : [], D = l && !s, H = !l && s && c, N = !D && !H && i && o;
@@ -69243,14 +69259,14 @@ const QEe = "50px", JEe = _t.div`
           colorPrimary: I.primary
         }
       },
-      children: /* @__PURE__ */ Wt(JEe, { "data-testid": "table", theme: I, "data-id": d, children: [
+      children: /* @__PURE__ */ Zt(JEe, { "data-testid": "table", theme: I, "data-id": d, children: [
         D && /* @__PURE__ */ Ee(tMe, {}),
-        H && /* @__PURE__ */ Wt(rMe, { children: [
+        H && /* @__PURE__ */ Zt(rMe, { children: [
           " ",
           c,
           " "
         ] }),
-        N && /* @__PURE__ */ Wt("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+        N && /* @__PURE__ */ Zt("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
           /* @__PURE__ */ Ee(
             zo,
             {
@@ -69262,7 +69278,7 @@ const QEe = "50px", JEe = _t.div`
               ...O
             }
           ),
-          n && /* @__PURE__ */ Ee("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ Ee(
+          n && /* @__PURE__ */ Ee("div", { className: "table-pagination", children: /* @__PURE__ */ Ee(
             AEe,
             {
               total: h,
@@ -69339,7 +69355,7 @@ const dMe = ie.createContext({ toast: () => {
     }),
     [o]
   );
-  return /* @__PURE__ */ Ee(dMe.Provider, { value: s, children: /* @__PURE__ */ Wt(ga, { children: [
+  return /* @__PURE__ */ Ee(dMe.Provider, { value: s, children: /* @__PURE__ */ Zt(ga, { children: [
     /* @__PURE__ */ Ee("div", { children: e }),
     n && /* @__PURE__ */ Ee(cMe, { ...t, ...a })
   ] }) });
@@ -69499,7 +69515,7 @@ const dMe = ie.createContext({ toast: () => {
     }
 `, Bke = ca(({ disabled: e, size: t = "default", onChange: n, onClick: r, dataId: a, ariaLabel: i, ...o }) => {
   const l = kt(gn) || yn;
-  return Zt(() => {
+  return Wt(() => {
     const s = document.querySelector(".ant-switch-inner");
     s && s.setAttribute("aria-label", i || "");
   }, [i]), /* @__PURE__ */ Ee(gMe, { ...o, theme: l, children: /* @__PURE__ */ Ee(xC, { ...o, "data-testid": "switch", disabled: e, onChange: n, onClick: r, size: t, "data-id": a, "aria-disabled": e }) });
@@ -69743,7 +69759,7 @@ const Yke = ({
       startDate: A,
       endDate: O
     };
-  }, f = (P, T, A) => /* @__PURE__ */ Wt("div", { className: "compare-period-item", "data-testid": `compare-period-${A}`, children: [
+  }, f = (P, T, A) => /* @__PURE__ */ Zt("div", { className: "compare-period-item", "data-testid": `compare-period-${A}`, children: [
     /* @__PURE__ */ Ee("div", { className: "title", "data-testid": `compare-period-${A}-title`, children: P }),
     /* @__PURE__ */ Ee("div", { className: "dates", "data-testid": `compare-period-${A}-dates`, children: T })
   ] }), [h, b] = CMe(t, n), [v, m] = xMe(t, n), C = (P) => P === "previous_period" ? u(h, b) : u(v, m), y = (P) => {
@@ -69818,7 +69834,7 @@ const Yke = ({
 }, $Me = (e, t, n, r, a, i) => {
   const o = `${e.select}`, l = n <= i ? ` ${1 + (t - 1) * n} - ${n * t > r.length ? r.length : n * t}` : ` ${e.all}`, s = `${// eslint-disable-next-line no-nested-ternary
   a !== "" ? ` "${a}"` : n <= i ? ` ${e.connector} ${e.content}` : ""} (${i})`;
-  return /* @__PURE__ */ Wt("span", { "data-testid": "text-pagination-selector", children: [
+  return /* @__PURE__ */ Zt("span", { "data-testid": "text-pagination-selector", children: [
     o,
     /* @__PURE__ */ Ee("strong", { children: l }),
     s
@@ -69831,17 +69847,17 @@ const Yke = ({
     const M = n + 1;
     M <= u && M >= 1 && a(M);
   };
-  Zt(() => {
+  Wt(() => {
     v(n === 1), C(n === u);
-  }, [n, u]), Zt(() => {
+  }, [n, u]), Wt(() => {
     t !== void 0 && (l !== "" && vd(r, l).length > t || l === "" && t !== void 0 && t < r.length ? d(!0) : d(!1));
-  }, [t, r, l]), Zt(() => {
+  }, [t, r, l]), Wt(() => {
     l !== "" && vd(r, l).length > 0 || l === "" && r.length > 0 ? h(!0) : h(!1);
-  }, [r, l]), Zt(() => {
+  }, [r, l]), Wt(() => {
     v(!0), C(!1);
   }, [l]);
   const S = l !== "" ? vd(r, l).length : r.length, w = l !== "" ? vd(r, l) : r;
-  return /* @__PURE__ */ Wt(WEe, { children: [
+  return /* @__PURE__ */ Zt(WEe, { children: [
     c && /* @__PURE__ */ Ee(zE, { "data-testid": "button-prev", xs: 1, $disabled: b, onClick: y, theme: o, children: /* @__PURE__ */ Ee(BE, { name: "chevron_left_l", color: b ? "gray300" : "gray900", size: 12, ariaLabel: "Previous page" }) }),
     f && /* @__PURE__ */ Ee(w1, { children: /* @__PURE__ */ Ee(
       ZEe,
@@ -69872,7 +69888,7 @@ const Yke = ({
   const { value: i, closable: o, onClose: l } = e, s = (u) => {
     u.preventDefault(), u.stopPropagation();
   }, c = t.filter((u) => u.value === i)[0], d = c.label.length > n - 3 ? `${c.label.slice(0, n - 3)}...` : c.label;
-  return /* @__PURE__ */ Ee(gm, { title: c.label, children: /* @__PURE__ */ Wt(
+  return /* @__PURE__ */ Ee(gm, { title: c.label, children: /* @__PURE__ */ Zt(
     p3,
     {
       className: "tag-select-option-selected",
@@ -69897,7 +69913,7 @@ const Yke = ({
       ]
     }
   ) });
-}, NMe = (e, t, n, r, a, i, o, l, s, c) => /* @__PURE__ */ Wt(KEe, { "data-testid": "select-dropdown", children: [
+}, NMe = (e, t, n, r, a, i, o, l, s, c) => /* @__PURE__ */ Zt(KEe, { "data-testid": "select-dropdown", children: [
   e,
   c !== void 0 && ["multiple", "tags"].includes(l) && /* @__PURE__ */ Ee(
     PMe,
@@ -70010,9 +70026,9 @@ const Yke = ({
       })),
       [r, $, a]
     );
-    Zt(() => {
+    Wt(() => {
       A(1);
-    }, [O]), Zt(() => {
+    }, [O]), Wt(() => {
       t && P(t);
     }, [t]);
     const k = (B) => A(B), V = () => {
@@ -70029,7 +70045,7 @@ const Yke = ({
       })) : N,
       [N, S]
     );
-    return /* @__PURE__ */ Wt(ga, { children: [
+    return /* @__PURE__ */ Zt(ga, { children: [
       /* @__PURE__ */ Ee(iI, { $theme: H }),
       n === void 0 || n === "single" ? /* @__PURE__ */ Ee(
         Li,
@@ -70052,7 +70068,7 @@ const Yke = ({
           searchValue: D.current,
           showSearch: !0,
           style: { width: "100%" },
-          suffixIcon: /* @__PURE__ */ Wt(ga, { children: [
+          suffixIcon: /* @__PURE__ */ Zt(ga, { children: [
             b && (O !== "" || $.length > 0) && /* @__PURE__ */ Ee(
               jn,
               {
@@ -70119,7 +70135,7 @@ const Yke = ({
           searchValue: D.current,
           style: { width: "100%" },
           showSearch: !0,
-          suffixIcon: /* @__PURE__ */ Wt(ga, { children: [
+          suffixIcon: /* @__PURE__ */ Zt(ga, { children: [
             b && (O !== "" || $.length > 0) && /* @__PURE__ */ Ee(
               jn,
               {
@@ -74543,9 +74559,9 @@ const HI = (e) => {
   n && (n.setAttribute("role", "dialog"), n.setAttribute("aria-label", t || ""));
 }, nke = ca(({ lang: e = "en", theme: t = yn, dataId: n, format: r, label: a, disabled: i, allowClear: o, clearDateAriaLabel: l, calendarIconAriaLabel: s, prevPageIconAriaLabel: c, nextPageIconAriaLabel: d, superPrevPageIconAriaLabel: u, superNextPageIconAriaLabel: f, ...h }) => {
   const b = kt(gn) || t, v = `antd-date-picker_${Date.now()}`;
-  return /* @__PURE__ */ Wt(ga, { children: [
+  return /* @__PURE__ */ Zt(ga, { children: [
     DI(a, v),
-    /* @__PURE__ */ Wt(
+    /* @__PURE__ */ Zt(
       bu,
       {
         locale: HI(e ?? "en"),
@@ -74598,9 +74614,9 @@ const HI = (e) => {
   ] });
 }, "datepicker"), rke = ca(({ lang: e = "en", theme: t = yn, dataId: n, label: r, format: a, disabled: i, allowClear: o, clearDateAriaLabel: l, toIconAriaLabel: s, calendarIconAriaLabel: c, prevPageIconAriaLabel: d, nextPageIconAriaLabel: u, superPrevPageIconAriaLabel: f, superNextPageIconAriaLabel: h, ...b }) => {
   const v = kt(gn) || t, m = `antd-date-picker_${Date.now()}`;
-  return /* @__PURE__ */ Wt(ga, { children: [
+  return /* @__PURE__ */ Zt(ga, { children: [
     DI(r, m),
-    /* @__PURE__ */ Wt(
+    /* @__PURE__ */ Zt(
       bu,
       {
         locale: HI(e ?? "en"),
@@ -74674,7 +74690,7 @@ const HI = (e) => {
   .ant-tree input {
     min-height: 0;
   }
-`, Wke = ({ checkable: e, treeData: t, ...n }) => /* @__PURE__ */ Wt(ga, { children: [
+`, Wke = ({ checkable: e, treeData: t, ...n }) => /* @__PURE__ */ Zt(ga, { children: [
   /* @__PURE__ */ Ee(ike, {}),
   /* @__PURE__ */ Ee(im, { "data-testid": "tree", checkable: e, treeData: t, ...n })
 ] }), oke = ca((e) => /* @__PURE__ */ Ee(Y1, { ...e }), "upload"), Zke = Object.assign(oke, {
@@ -74698,7 +74714,7 @@ const HI = (e) => {
     font-weight: 400;
     line-height: 16px;
   }
-`, Kke = ({ treeData: e, ...t }) => /* @__PURE__ */ Wt(ga, { children: [
+`, Kke = ({ treeData: e, ...t }) => /* @__PURE__ */ Zt(ga, { children: [
   /* @__PURE__ */ Ee(lke, {}),
   /* @__PURE__ */ Ee(gs, { "data-testid": "tree-select", style: { width: "100%" }, treeData: e, ...t })
 ] }), Uke = ({ ...e }) => {

package/dist/ui-components.umd.js

@@ -4701,6 +4701,18 @@ Valid keys: `+JSON.stringify(Object.keys(_),null,"  "));var K=ee(Z,ne,Y,te,X+"."
         margin: -8px -8px -9px;
     }
     ${e=>cT(e.theme)};
+    .table-pagination {
+        position: relative;
+        display: flex;
+        justify-content: center;
+    }
+    .table-pagination .ant-pagination-options {
+        position: absolute;
+        right: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        margin-left: 0;
+    }
 
     .expanded-first-column {
         position: relative;
@@ -4752,7 +4764,7 @@ Valid keys: `+JSON.stringify(Object.keys(_),null,"  "));var K=ee(Z,ne,Y,te,X+"."
         transform: rotate(-90deg);
         border-color: transparent;
     }
-`,Y8e=e=>{const{expanded:t,onExpand:n,record:r,expandIconAriaLabel:a}=e;return r.children||r.expandable?ve.jsx(B8e,{children:ve.jsx(Fo,{kind:"iconButton",className:`expand-button ${t?"button-no-expanded":"button-expanded"}`,iconAfter:"chevron_down",isCircle:!0,variant:"icon-secondary",onClick:i=>{i.stopPropagation(),n(r,i)},iconAriaLabel:a||""})}):ve.jsx("span",{style:{height:"16px",width:"16px",display:"inline-block"}})},nC=" ",W8e=e=>e==null?void 0:e.map(t=>t.title==null||t.title===""?{...t,title:nC}:t),ET=e=>{const{isExpanded:t,isPaginated:n=!0,expandable:r,rowSelection:a,columns:i,dataSource:o,isLoading:l,showError:s,errorContent:c,dataId:d,rowsCanBeSelectAriaLabel:u,selectAllRowsAriaLabel:f,totalRegisters:h,currentPage:b=1,pageSize:v=10,showSizeChanger:m,pageSizeOptions:C=["5","10","20"],onPageChange:y,prevPageAriaLabel:x,nextPageAriaLabel:S,prevDotsPageAriaLabel:w,nextDotsPageAriaLabel:M}=e;z.useEffect(()=>{document.querySelectorAll(".ant-checkbox-inner").forEach(F=>F.setAttribute("aria-label",u||""));const V=document.querySelector(".ant-table-thead"),_=V==null?void 0:V.querySelector(".ant-checkbox-inner");_&&f&&_.setAttribute("aria-label",f)},[u,f]);const[$,L]=z.useState(b),[R,T]=z.useState(v),A=o??[],O=eb(e,["theme","columns","dataId","expandable","rowSelection","dataSource"]),I=z.useContext(dn)||gn,P=()=>i?[{className:"expanded-first-column",...i[0]},...i.slice(1)]:[],D=l&&!s,H=!l&&s&&c,N=!D&&!H&&i&&o;return r&&(r.expandIcon||(r.expandIcon=Y8e),r.columnTitle||(r.columnTitle=nC)),a&&a.hideSelectAll&&!a.columnTitle&&(a.columnTitle=nC),ve.jsx(Bs,{theme:{token:{colorPrimary:I.primary}},children:ve.jsxs(_8e,{"data-testid":"table",theme:I,"data-id":d,children:[D&&ve.jsx(j8e,{}),H&&ve.jsxs(z8e,{children:[" ",c," "]}),N&&ve.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[ve.jsx($o,{expandable:r,rowSelection:a,pagination:!1,columns:W8e(t?P():i),dataSource:A,...O}),n&&ve.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:ve.jsx(uT,{total:h,pageSize:v,current:$,previousPageAriaLabel:x||"",nextPageAriaLabel:S||"",prevDotsPageAriaLabel:w||"",nextDotsPageAriaLabel:M||"",showSizeChanger:m,pageSizeOptions:C,totalBoundaryShowSizeChanger:m?50:1/0,onChange:(k,V)=>{L(V!==v?1:k),T(V),y&&y(V!==v?1:k,V)}})})]})]})})},Z8e=()=>Wr(ET,"table"),K8e=({children:e,options:t})=>{if(!e)return null;let n;return t===void 0||t&&Object.entries(t).length===0?n=gn:n={...gn,...t,backgroundColorActive:t.backgroundColor?t.backgroundColor:t.primary},ve.jsx(dH,{theme:n,children:e})},MT=At.div`
+`,Y8e=e=>{const{expanded:t,onExpand:n,record:r,expandIconAriaLabel:a}=e;return r.children||r.expandable?ve.jsx(B8e,{children:ve.jsx(Fo,{kind:"iconButton",className:`expand-button ${t?"button-no-expanded":"button-expanded"}`,iconAfter:"chevron_down",isCircle:!0,variant:"icon-secondary",onClick:i=>{i.stopPropagation(),n(r,i)},iconAriaLabel:a||""})}):ve.jsx("span",{style:{height:"16px",width:"16px",display:"inline-block"}})},nC=" ",W8e=e=>e==null?void 0:e.map(t=>t.title==null||t.title===""?{...t,title:nC}:t),ET=e=>{const{isExpanded:t,isPaginated:n=!0,expandable:r,rowSelection:a,columns:i,dataSource:o,isLoading:l,showError:s,errorContent:c,dataId:d,rowsCanBeSelectAriaLabel:u,selectAllRowsAriaLabel:f,totalRegisters:h,currentPage:b=1,pageSize:v=25,showSizeChanger:m,pageSizeOptions:C=["5","10","20","25","100"],onPageChange:y,prevPageAriaLabel:x,nextPageAriaLabel:S,prevDotsPageAriaLabel:w,nextDotsPageAriaLabel:M}=e;z.useEffect(()=>{document.querySelectorAll(".ant-checkbox-inner").forEach(F=>F.setAttribute("aria-label",u||""));const V=document.querySelector(".ant-table-thead"),_=V==null?void 0:V.querySelector(".ant-checkbox-inner");_&&f&&_.setAttribute("aria-label",f)},[u,f]);const[$,L]=z.useState(b),[R,T]=z.useState(v);z.useEffect(()=>{L(b)},[b]);const A=o??[],O=eb(e,["theme","columns","dataId","expandable","rowSelection","dataSource"]),I=z.useContext(dn)||gn,P=()=>i?[{className:"expanded-first-column",...i[0]},...i.slice(1)]:[],D=l&&!s,H=!l&&s&&c,N=!D&&!H&&i&&o;return r&&(r.expandIcon||(r.expandIcon=Y8e),r.columnTitle||(r.columnTitle=nC)),a&&a.hideSelectAll&&!a.columnTitle&&(a.columnTitle=nC),ve.jsx(Bs,{theme:{token:{colorPrimary:I.primary}},children:ve.jsxs(_8e,{"data-testid":"table",theme:I,"data-id":d,children:[D&&ve.jsx(j8e,{}),H&&ve.jsxs(z8e,{children:[" ",c," "]}),N&&ve.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[ve.jsx($o,{expandable:r,rowSelection:a,pagination:!1,columns:W8e(t?P():i),dataSource:A,...O}),n&&ve.jsx("div",{className:"table-pagination",children:ve.jsx(uT,{total:h,pageSize:v,current:$,previousPageAriaLabel:x||"",nextPageAriaLabel:S||"",prevDotsPageAriaLabel:w||"",nextDotsPageAriaLabel:M||"",showSizeChanger:m,pageSizeOptions:C,totalBoundaryShowSizeChanger:m?50:1/0,onChange:(k,V)=>{L(V!==v?1:k),T(V),y&&y(V!==v?1:k,V)}})})]})]})})},Z8e=()=>Wr(ET,"table"),K8e=({children:e,options:t})=>{if(!e)return null;let n;return t===void 0||t&&Object.entries(t).length===0?n=gn:n={...gn,...t,backgroundColorActive:t.backgroundColor?t.backgroundColor:t.primary},ve.jsx(dH,{theme:n,children:e})},MT=At.div`
     position: fixed;
     z-index: 100000;
     top: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dexma/ui-components",
-  "version": "8.0.49",
+  "version": "8.0.50",
   "description": "DEXMA UI Components (React)",
   "main": "./dist/ui-components.umd.js",
   "module": "./dist/ui-components.es.js",