@amateescu/portal-ui-components 0.0.18 → 0.0.19-beta0

package/dist/assets/KpiCard.css

@@ -1 +1 @@
-._kpiCard_aruiy_1{height:147px;background-color:#f0f0f0;border-radius:8px}._width430_aruiy_7{width:430px}@media (max-width: 1500px){._width430_aruiy_7{width:200px}}._width384_aruiy_16{width:384px}._flexCol_aruiy_20{display:flex;flex-direction:column}._flexRow_aruiy_25{display:flex;flex-direction:row}._title_aruiy_30{font-size:32px;font-weight:500;color:#12121a}@media (max-width: 900px){._title_aruiy_30{font-size:12px}}@media (max-width: 1100px){._title_aruiy_30{font-size:16px}}@media (max-width: 1400px){._title_aruiy_30{font-size:20px}}@media (max-width: 1600px){._title_aruiy_30{font-size:22px}}._content_aruiy_56{font-size:21px;font-weight:400;color:#626367;margin-top:-10px}@media (max-width: 900px){._content_aruiy_56{font-size:8px}}@media (max-width: 1100px){._content_aruiy_56{font-size:12px}}@media (max-width: 1400px){._content_aruiy_56{font-size:14px}}
+._kpiCard_1bxtq_1{height:147px;background-color:#f0f0f0;border-radius:8px}._width430_1bxtq_7{width:430px}@media (max-width: 1500px){._width430_1bxtq_7{width:200px}}._width384_1bxtq_16{width:384px}._flexCol_1bxtq_20{display:flex;flex-direction:column;align-items:center;align-content:center}._flexRow_1bxtq_27{display:flex;flex-direction:row;align-items:center;align-content:center}._title_1bxtq_34{font-size:32px;font-weight:500;color:#12121a}@media (max-width: 900px){._title_1bxtq_34{font-size:12px}}@media (max-width: 1100px){._title_1bxtq_34{font-size:16px}}@media (max-width: 1400px){._title_1bxtq_34{font-size:20px}}@media (max-width: 1600px){._title_1bxtq_34{font-size:22px}}._content_1bxtq_60{font-size:21px;font-weight:400;color:#626367;margin-top:-10px}@media (max-width: 900px){._content_1bxtq_60{font-size:8px}}@media (max-width: 1100px){._content_1bxtq_60{font-size:12px}}@media (max-width: 1400px){._content_1bxtq_60{font-size:14px}}

package/dist/components/KpiCard/KpiCard.js

@@ -5,7 +5,7 @@ import * as l from "react";
 import oa, { createContext as la, useState as J, useRef as Z, useEffect as fe, useMemo as Rt } from "react";
 import { I as ca, b as M, w as pt, d as re, e as sa, f as Qe, h as ee, c as B, i as ve, j as da, _ as ht, k as ua, l as Be, n as va, p as fa, q as $t, r as ba, s as Ze, t as ma, g as Ot, m as It, u as d, v as Je, x as ke, y as zt, a as De, z as ga, A as Lt, B as je, o as pa } from "../../useId-DbfH3PlN.js";
 import { R as ha, S as $a } from "../../Skeleton-XFbjx7LJ.js";
-import { E as ya, M as Sa, D as _a, R as Ue, i as xa, a as yt, b as Ca } from "../../EllipsisOutlined-CtmB5yDB.js";
+import { E as ya, M as Sa, D as xa, R as Ue, i as _a, a as yt, b as Ca } from "../../EllipsisOutlined-CtmB5yDB.js";
 import { a as be } from "../../objectWithoutPropertiesLoose-CIT-1_kH.js";
 import '../../assets/KpiCard.css';var wa = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { tag: "path", attrs: { d: "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, name: "plus", theme: "outlined" }, Ea = function(t, n) {
   return /* @__PURE__ */ l.createElement(ca, be({}, t, {
@@ -59,7 +59,7 @@ function Pa(e, t, n) {
     return a.key;
   }).join("_"), t, n]);
 }
-function _t(e, t) {
+function xt(e, t) {
   var n = l.useRef(e), a = l.useState({}), r = M(a, 2), i = r[1];
   function c(o) {
     var s = typeof o == "function" ? o(n.current) : o;
@@ -67,24 +67,24 @@ function _t(e, t) {
   }
   return [n.current, c];
 }
-var Na = 0.1, xt = 0.01, Me = 20, Ct = Math.pow(0.995, Me);
+var Na = 0.1, _t = 0.01, Me = 20, Ct = Math.pow(0.995, Me);
 function Ra(e, t) {
   var n = J(), a = M(n, 2), r = a[0], i = a[1], c = J(0), o = M(c, 2), s = o[0], u = o[1], b = J(0), g = M(b, 2), h = g[0], T = g[1], I = J(), w = M(I, 2), P = w[0], p = w[1], f = Z();
-  function N(x) {
-    var R = x.touches[0], _ = R.screenX, m = R.screenY;
+  function N(_) {
+    var R = _.touches[0], x = R.screenX, m = R.screenY;
     i({
-      x: _,
+      x,
       y: m
     }), window.clearInterval(f.current);
   }
-  function z(x) {
+  function z(_) {
     if (r) {
-      var R = x.touches[0], _ = R.screenX, m = R.screenY;
+      var R = _.touches[0], x = R.screenX, m = R.screenY;
       i({
-        x: _,
+        x,
         y: m
       });
-      var $ = _ - r.x, y = m - r.y;
+      var $ = x - r.x, y = m - r.y;
       t($, y);
       var V = Date.now();
       u(V), T(V - s), p({
@@ -95,11 +95,11 @@ function Ra(e, t) {
   }
   function G() {
     if (r && (i(null), p(null), P)) {
-      var x = P.x / h, R = P.y / h, _ = Math.abs(x), m = Math.abs(R);
-      if (Math.max(_, m) < Na) return;
-      var $ = x, y = R;
+      var _ = P.x / h, R = P.y / h, x = Math.abs(_), m = Math.abs(R);
+      if (Math.max(x, m) < Na) return;
+      var $ = _, y = R;
       f.current = window.setInterval(function() {
-        if (Math.abs($) < xt && Math.abs(y) < xt) {
+        if (Math.abs($) < _t && Math.abs(y) < _t) {
           window.clearInterval(f.current);
           return;
         }
@@ -108,9 +108,9 @@ function Ra(e, t) {
     }
   }
   var W = Z();
-  function D(x) {
-    var R = x.deltaX, _ = x.deltaY, m = 0, $ = Math.abs(R), y = Math.abs(_);
-    $ === y ? m = W.current === "x" ? R : _ : $ > y ? (m = R, W.current = "x") : (m = _, W.current = "y"), t(-m, -m) && x.preventDefault();
+  function D(_) {
+    var R = _.deltaX, x = _.deltaY, m = 0, $ = Math.abs(R), y = Math.abs(x);
+    $ === y ? m = W.current === "x" ? R : x : $ > y ? (m = R, W.current = "x") : (m = x, W.current = "y"), t(-m, -m) && _.preventDefault();
   }
   var S = Z(null);
   S.current = {
@@ -119,13 +119,13 @@ function Ra(e, t) {
     onTouchEnd: G,
     onWheel: D
   }, l.useEffect(function() {
-    function x($) {
+    function _($) {
       S.current.onTouchStart($);
     }
     function R($) {
       S.current.onTouchMove($);
     }
-    function _($) {
+    function x($) {
       S.current.onTouchEnd($);
     }
     function m($) {
@@ -133,14 +133,14 @@ function Ra(e, t) {
     }
     return document.addEventListener("touchmove", R, {
       passive: !1
-    }), document.addEventListener("touchend", _, {
+    }), document.addEventListener("touchend", x, {
       passive: !0
-    }), e.current.addEventListener("touchstart", x, {
+    }), e.current.addEventListener("touchstart", _, {
       passive: !0
     }), e.current.addEventListener("wheel", m, {
       passive: !1
     }), function() {
-      document.removeEventListener("touchmove", R), document.removeEventListener("touchend", _);
+      document.removeEventListener("touchmove", R), document.removeEventListener("touchend", x);
     };
   }, []);
 }
@@ -241,7 +241,7 @@ var At = /* @__PURE__ */ l.forwardRef(function(e, t) {
 });
 process.env.NODE_ENV !== "production" && (Ye.displayName = "ExtraContent");
 var La = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.prefixCls, a = e.id, r = e.tabs, i = e.locale, c = e.mobile, o = e.more, s = o === void 0 ? {} : o, u = e.style, b = e.className, g = e.editable, h = e.tabBarGutter, T = e.rtl, I = e.removeAriaLabel, w = e.onTabClick, P = e.getPopupContainer, p = e.popupClassName, f = J(!1), N = M(f, 2), z = N[0], G = N[1], W = J(null), D = M(W, 2), S = D[0], x = D[1], R = s.icon, _ = R === void 0 ? "More" : R, m = "".concat(a, "-more-popup"), $ = "".concat(n, "-dropdown"), y = S !== null ? "".concat(m, "-").concat(S) : null, V = i == null ? void 0 : i.dropdownAriaLabel;
+  var n = e.prefixCls, a = e.id, r = e.tabs, i = e.locale, c = e.mobile, o = e.more, s = o === void 0 ? {} : o, u = e.style, b = e.className, g = e.editable, h = e.tabBarGutter, T = e.rtl, I = e.removeAriaLabel, w = e.onTabClick, P = e.getPopupContainer, p = e.popupClassName, f = J(!1), N = M(f, 2), z = N[0], G = N[1], W = J(null), D = M(W, 2), S = D[0], _ = D[1], R = s.icon, x = R === void 0 ? "More" : R, m = "".concat(a, "-more-popup"), $ = "".concat(n, "-dropdown"), y = S !== null ? "".concat(m, "-").concat(S) : null, V = i == null ? void 0 : i.dropdownAriaLabel;
   function se(E, L) {
     E.preventDefault(), E.stopPropagation(), g.onEdit("remove", {
       key: L,
@@ -278,7 +278,7 @@ var La = /* @__PURE__ */ l.forwardRef(function(e, t) {
       }
     }, U || g.removeIcon || "×"));
   }));
-  function q(E) {
+  function F(E) {
     for (var L = r.filter(function(k) {
       return !k.disabled;
     }), j = L.findIndex(function(k) {
@@ -287,7 +287,7 @@ var La = /* @__PURE__ */ l.forwardRef(function(e, t) {
       j = (j + E + U) % U;
       var te = L[j];
       if (!te.disabled) {
-        x(te.key);
+        _(te.key);
         return;
       }
     }
@@ -300,10 +300,10 @@ var La = /* @__PURE__ */ l.forwardRef(function(e, t) {
     }
     switch (L) {
       case ve.UP:
-        q(-1), E.preventDefault();
+        F(-1), E.preventDefault();
         break;
       case ve.DOWN:
-        q(1), E.preventDefault();
+        F(1), E.preventDefault();
         break;
       case ve.ESC:
         G(!1);
@@ -318,11 +318,11 @@ var La = /* @__PURE__ */ l.forwardRef(function(e, t) {
     var E = document.getElementById(y);
     E && E.scrollIntoView && E.scrollIntoView(!1);
   }, [S]), fe(function() {
-    z || x(null);
+    z || _(null);
   }, [z]);
   var K = ee({}, T ? "marginRight" : "marginLeft", h);
   r.length || (K.visibility = "hidden", K.order = 1);
-  var Q = B(ee({}, "".concat($, "-rtl"), T)), oe = c ? null : /* @__PURE__ */ l.createElement(_a, be({
+  var Q = B(ee({}, "".concat($, "-rtl"), T)), oe = c ? null : /* @__PURE__ */ l.createElement(xa, be({
     prefixCls: $,
     overlay: v,
     visible: r.length ? z : !1,
@@ -342,7 +342,7 @@ var La = /* @__PURE__ */ l.forwardRef(function(e, t) {
     id: "".concat(a, "-more"),
     "aria-expanded": z,
     onKeyDown: ie
-  }, _));
+  }, x));
   return /* @__PURE__ */ l.createElement("div", {
     className: B("".concat(n, "-nav-operations"), b),
     style: u,
@@ -387,11 +387,11 @@ var Ba = function(t) {
     "aria-controls": a && "".concat(a, "-panel-").concat(c),
     "aria-disabled": s,
     tabIndex: s ? null : 0,
-    onClick: function(x) {
-      x.stopPropagation(), z(x);
+    onClick: function(_) {
+      _.stopPropagation(), z(_);
     },
-    onKeyDown: function(x) {
-      [ve.SPACE, ve.ENTER].includes(x.which) && (x.preventDefault(), z(x));
+    onKeyDown: function(_) {
+      [ve.SPACE, ve.ENTER].includes(_.which) && (_.preventDefault(), z(_));
     },
     onFocus: P
   }, b && /* @__PURE__ */ l.createElement("span", {
@@ -401,8 +401,8 @@ var Ba = function(t) {
     "aria-label": T || "remove",
     tabIndex: 0,
     className: "".concat(f, "-remove"),
-    onClick: function(x) {
-      x.stopPropagation(), G(x);
+    onClick: function(_) {
+      _.stopPropagation(), G(_);
     }
   }, u || I.removeIcon || "×"));
   return h ? h(D) : D;
@@ -420,18 +420,18 @@ var Ba = function(t) {
 }, Le = function(t, n) {
   return t[n ? 0 : 1];
 }, Tt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.className, a = e.style, r = e.id, i = e.animated, c = e.activeKey, o = e.rtl, s = e.extra, u = e.editable, b = e.locale, g = e.tabPosition, h = e.tabBarGutter, T = e.children, I = e.onTabClick, w = e.onTabScroll, P = e.indicator, p = l.useContext(Ae), f = p.prefixCls, N = p.tabs, z = Z(null), G = Z(null), W = Z(null), D = Z(null), S = Z(null), x = Z(null), R = Z(null), _ = g === "top" || g === "bottom", m = _t(0, function(H, C) {
-    _ && w && w({
+  var n = e.className, a = e.style, r = e.id, i = e.animated, c = e.activeKey, o = e.rtl, s = e.extra, u = e.editable, b = e.locale, g = e.tabPosition, h = e.tabBarGutter, T = e.children, I = e.onTabClick, w = e.onTabScroll, P = e.indicator, p = l.useContext(Ae), f = p.prefixCls, N = p.tabs, z = Z(null), G = Z(null), W = Z(null), D = Z(null), S = Z(null), _ = Z(null), R = Z(null), x = g === "top" || g === "bottom", m = xt(0, function(H, C) {
+    x && w && w({
       direction: H > C ? "left" : "right"
     });
-  }), $ = M(m, 2), y = $[0], V = $[1], se = _t(0, function(H, C) {
-    !_ && w && w({
+  }), $ = M(m, 2), y = $[0], V = $[1], se = xt(0, function(H, C) {
+    !x && w && w({
       direction: H > C ? "top" : "bottom"
     });
-  }), v = M(se, 2), q = v[0], ie = v[1], K = J([0, 0]), Q = M(K, 2), oe = Q[0], E = Q[1], L = J([0, 0]), j = M(L, 2), U = j[0], Y = j[1], te = J([0, 0]), k = M(te, 2), me = k[0], de = k[1], ne = J([0, 0]), ge = M(ne, 2), O = ge[0], le = ge[1], ye = Oa(/* @__PURE__ */ new Map()), Pe = M(ye, 2), X = Pe[0], A = Pe[1], ce = Pa(N, X, U[0]), Se = Le(oe, _), we = Le(U, _), Ge = Le(me, _), at = Le(O, _), nt = Math.floor(Se) < Math.floor(we + Ge), ue = nt ? Se - at : Se - Ge, Kt = "".concat(f, "-nav-operations-hidden"), pe = 0, _e = 0;
-  _ && o ? (pe = 0, _e = Math.max(0, we - ue)) : (pe = Math.min(0, ue - we), _e = 0);
+  }), v = M(se, 2), F = v[0], ie = v[1], K = J([0, 0]), Q = M(K, 2), oe = Q[0], E = Q[1], L = J([0, 0]), j = M(L, 2), U = j[0], Y = j[1], te = J([0, 0]), k = M(te, 2), me = k[0], de = k[1], ne = J([0, 0]), ge = M(ne, 2), O = ge[0], le = ge[1], ye = Oa(/* @__PURE__ */ new Map()), Pe = M(ye, 2), X = Pe[0], A = Pe[1], ce = Pa(N, X, U[0]), Se = Le(oe, x), we = Le(U, x), Ge = Le(me, x), at = Le(O, x), nt = Math.floor(Se) < Math.floor(we + Ge), ue = nt ? Se - at : Se - Ge, Kt = "".concat(f, "-nav-operations-hidden"), pe = 0, xe = 0;
+  x && o ? (pe = 0, xe = Math.max(0, we - ue)) : (pe = Math.min(0, ue - we), xe = 0);
   function We(H) {
-    return H < pe ? pe : H > _e ? _e : H;
+    return H < pe ? pe : H > xe ? xe : H;
   }
   var Ve = Z(null), Xt = J(), rt = M(Xt, 2), Ne = rt[0], it = rt[1];
   function Ke() {
@@ -441,24 +441,24 @@ var Ba = function(t) {
     Ve.current && clearTimeout(Ve.current);
   }
   Ra(D, function(H, C) {
-    function F(ae, xe) {
+    function q(ae, _e) {
       ae(function(he) {
-        var Ie = We(he + xe);
+        var Ie = We(he + _e);
         return Ie;
       });
     }
-    return nt ? (_ ? F(V, H) : F(ie, C), Xe(), Ke(), !0) : !1;
+    return nt ? (x ? q(V, H) : q(ie, C), Xe(), Ke(), !0) : !1;
   }), fe(function() {
     return Xe(), Ne && (Ve.current = setTimeout(function() {
       it(0);
     }, 100)), Xe;
   }, [Ne]);
-  var Ft = Ia(
+  var qt = Ia(
     ce,
     // Container
     ue,
     // Transform
-    _ ? y : q,
+    x ? y : F,
     // Tabs
     we,
     // Add
@@ -468,7 +468,7 @@ var Ba = function(t) {
     re(re({}, e), {}, {
       tabs: N
     })
-  ), ot = M(Ft, 2), qt = ot[0], Ut = ot[1], lt = da(function() {
+  ), ot = M(qt, 2), Ft = ot[0], Ut = ot[1], lt = da(function() {
     var H = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : c, C = ce.get(H) || {
       width: 0,
       height: 0,
@@ -476,50 +476,50 @@ var Ba = function(t) {
       right: 0,
       top: 0
     };
-    if (_) {
-      var F = y;
-      o ? C.right < y ? F = C.right : C.right + C.width > y + ue && (F = C.right + C.width - ue) : C.left < -y ? F = -C.left : C.left + C.width > -y + ue && (F = -(C.left + C.width - ue)), ie(0), V(We(F));
+    if (x) {
+      var q = y;
+      o ? C.right < y ? q = C.right : C.right + C.width > y + ue && (q = C.right + C.width - ue) : C.left < -y ? q = -C.left : C.left + C.width > -y + ue && (q = -(C.left + C.width - ue)), ie(0), V(We(q));
     } else {
-      var ae = q;
-      C.top < -q ? ae = -C.top : C.top + C.height > -q + ue && (ae = -(C.top + C.height - ue)), V(0), ie(We(ae));
+      var ae = F;
+      C.top < -F ? ae = -C.top : C.top + C.height > -F + ue && (ae = -(C.top + C.height - ue)), V(0), ie(We(ae));
     }
   }), Re = {};
   g === "top" || g === "bottom" ? Re[o ? "marginRight" : "marginLeft"] = h : Re.marginTop = h;
   var ct = N.map(function(H, C) {
-    var F = H.key;
+    var q = H.key;
     return /* @__PURE__ */ l.createElement(Ba, {
       id: r,
       prefixCls: f,
-      key: F,
+      key: q,
       tab: H,
       style: C === 0 ? void 0 : Re,
       closable: H.closable,
       editable: u,
-      active: F === c,
+      active: q === c,
       renderWrapper: T,
       removeAriaLabel: b == null ? void 0 : b.removeAriaLabel,
-      onClick: function(xe) {
-        I(F, xe);
+      onClick: function(_e) {
+        I(q, _e);
       },
       onFocus: function() {
-        lt(F), Ke(), D.current && (o || (D.current.scrollLeft = 0), D.current.scrollTop = 0);
+        lt(q), Ke(), D.current && (o || (D.current.scrollLeft = 0), D.current.scrollTop = 0);
       }
     });
   }), st = function() {
     return A(function() {
-      var C, F = /* @__PURE__ */ new Map(), ae = (C = S.current) === null || C === void 0 ? void 0 : C.getBoundingClientRect();
-      return N.forEach(function(xe) {
-        var he, Ie = xe.key, mt = (he = S.current) === null || he === void 0 ? void 0 : he.querySelector('[data-node-key="'.concat(Dt(Ie), '"]'));
+      var C, q = /* @__PURE__ */ new Map(), ae = (C = S.current) === null || C === void 0 ? void 0 : C.getBoundingClientRect();
+      return N.forEach(function(_e) {
+        var he, Ie = _e.key, mt = (he = S.current) === null || he === void 0 ? void 0 : he.querySelector('[data-node-key="'.concat(Dt(Ie), '"]'));
         if (mt) {
           var kt = Da(mt, ae), ze = M(kt, 4), ea = ze[0], ta = ze[1], aa = ze[2], na = ze[3];
-          F.set(Ie, {
+          q.set(Ie, {
             width: ea,
             height: ta,
             left: aa,
             top: na
           });
         }
-      }), F;
+      }), q;
     });
   };
   fe(function() {
@@ -528,27 +528,27 @@ var Ba = function(t) {
     return H.key;
   }).join("_")]);
   var Oe = Bt(function() {
-    var H = Ce(z), C = Ce(G), F = Ce(W);
-    E([H[0] - C[0] - F[0], H[1] - C[1] - F[1]]);
+    var H = Ce(z), C = Ce(G), q = Ce(W);
+    E([H[0] - C[0] - q[0], H[1] - C[1] - q[1]]);
     var ae = Ce(R);
     de(ae);
-    var xe = Ce(x);
-    le(xe);
+    var _e = Ce(_);
+    le(_e);
     var he = Ce(S);
     Y([he[0] - ae[0], he[1] - ae[1]]), st();
-  }), Yt = N.slice(0, qt), Qt = N.slice(Ut + 1), dt = [].concat(ht(Yt), ht(Qt)), ut = ce.get(c), Zt = Ta({
+  }), Yt = N.slice(0, Ft), Qt = N.slice(Ut + 1), dt = [].concat(ht(Yt), ht(Qt)), ut = ce.get(c), Zt = Ta({
     activeTabOffset: ut,
-    horizontal: _,
+    horizontal: x,
     indicator: P,
     rtl: o
   }), Jt = Zt.style;
   fe(function() {
     lt();
-  }, [c, pe, _e, Et(ut), Et(ce), _]), fe(function() {
+  }, [c, pe, xe, Et(ut), Et(ce), x]), fe(function() {
     Oe();
   }, [o]);
-  var vt = !!dt.length, Ee = "".concat(f, "-nav-wrap"), Fe, qe, ft, bt;
-  return _ ? o ? (qe = y > 0, Fe = y !== _e) : (Fe = y < 0, qe = y !== pe) : (ft = q < 0, bt = q !== pe), /* @__PURE__ */ l.createElement(Ue, {
+  var vt = !!dt.length, Ee = "".concat(f, "-nav-wrap"), qe, Fe, ft, bt;
+  return x ? o ? (Fe = y > 0, qe = y !== xe) : (qe = y < 0, Fe = y !== pe) : (ft = F < 0, bt = F !== pe), /* @__PURE__ */ l.createElement(Ue, {
     onResize: Oe
   }, /* @__PURE__ */ l.createElement("div", {
     ref: ua(t, z),
@@ -566,7 +566,7 @@ var Ba = function(t) {
   }), /* @__PURE__ */ l.createElement(Ue, {
     onResize: Oe
   }, /* @__PURE__ */ l.createElement("div", {
-    className: B(Ee, ee(ee(ee(ee({}, "".concat(Ee, "-ping-left"), Fe), "".concat(Ee, "-ping-right"), qe), "".concat(Ee, "-ping-top"), ft), "".concat(Ee, "-ping-bottom"), bt)),
+    className: B(Ee, ee(ee(ee(ee({}, "".concat(Ee, "-ping-left"), qe), "".concat(Ee, "-ping-right"), Fe), "".concat(Ee, "-ping-top"), ft), "".concat(Ee, "-ping-bottom"), bt)),
     ref: D
   }, /* @__PURE__ */ l.createElement(Ue, {
     onResize: Oe
@@ -574,7 +574,7 @@ var Ba = function(t) {
     ref: S,
     className: "".concat(f, "-nav-list"),
     style: {
-      transform: "translate(".concat(y, "px, ").concat(q, "px)"),
+      transform: "translate(".concat(y, "px, ").concat(F, "px)"),
       transition: Ne ? "none" : void 0
     }
   }, ct, /* @__PURE__ */ l.createElement(At, {
@@ -590,7 +590,7 @@ var Ba = function(t) {
     style: Jt
   }))))), /* @__PURE__ */ l.createElement(Ma, be({}, e, {
     removeAriaLabel: b == null ? void 0 : b.removeAriaLabel,
-    ref: x,
+    ref: _,
     prefixCls: f,
     tabs: dt,
     className: !vt && Kt,
@@ -679,13 +679,13 @@ function Wa() {
   }, Qe(e) === "object" ? e : {}), t.tabPaneMotion && t.tabPane === void 0 && (t.tabPane = !0), !t.tabPaneMotion && t.tabPane && (process.env.NODE_ENV !== "production" && fa(!1, "`animated.tabPane` is true but `animated.tabPaneMotion` is not provided. Motion will not work."), t.tabPane = !1), t;
 }
 var Va = ["id", "prefixCls", "className", "items", "direction", "activeKey", "defaultActiveKey", "editable", "animated", "tabPosition", "tabBarGutter", "tabBarStyle", "tabBarExtraContent", "locale", "more", "destroyInactiveTabPane", "renderTabBar", "onChange", "onTabClick", "onTabScroll", "getPopupContainer", "popupClassName", "indicator"], Pt = 0, Gt = /* @__PURE__ */ l.forwardRef(function(e, t) {
-  var n = e.id, a = e.prefixCls, r = a === void 0 ? "rc-tabs" : a, i = e.className, c = e.items, o = e.direction, s = e.activeKey, u = e.defaultActiveKey, b = e.editable, g = e.animated, h = e.tabPosition, T = h === void 0 ? "top" : h, I = e.tabBarGutter, w = e.tabBarStyle, P = e.tabBarExtraContent, p = e.locale, f = e.more, N = e.destroyInactiveTabPane, z = e.renderTabBar, G = e.onChange, W = e.onTabClick, D = e.onTabScroll, S = e.getPopupContainer, x = e.popupClassName, R = e.indicator, _ = Be(e, Va), m = l.useMemo(function() {
+  var n = e.id, a = e.prefixCls, r = a === void 0 ? "rc-tabs" : a, i = e.className, c = e.items, o = e.direction, s = e.activeKey, u = e.defaultActiveKey, b = e.editable, g = e.animated, h = e.tabPosition, T = h === void 0 ? "top" : h, I = e.tabBarGutter, w = e.tabBarStyle, P = e.tabBarExtraContent, p = e.locale, f = e.more, N = e.destroyInactiveTabPane, z = e.renderTabBar, G = e.onChange, W = e.onTabClick, D = e.onTabScroll, S = e.getPopupContainer, _ = e.popupClassName, R = e.indicator, x = Be(e, Va), m = l.useMemo(function() {
     return (c || []).filter(function(O) {
       return O && Qe(O) === "object" && "key" in O;
     });
-  }, [c]), $ = o === "rtl", y = Wa(g), V = J(!1), se = M(V, 2), v = se[0], q = se[1];
+  }, [c]), $ = o === "rtl", y = Wa(g), V = J(!1), se = M(V, 2), v = se[0], F = se[1];
   fe(function() {
-    q(xa());
+    F(_a());
   }, []);
   var ie = $t(function() {
     var O;
@@ -739,7 +739,7 @@ var Va = ["id", "prefixCls", "className", "items", "direction", "activeKey", "de
     style: w,
     panes: null,
     getPopupContainer: S,
-    popupClassName: x,
+    popupClassName: _,
     indicator: R
   });
   return /* @__PURE__ */ l.createElement(Ae.Provider, {
@@ -751,7 +751,7 @@ var Va = ["id", "prefixCls", "className", "items", "direction", "activeKey", "de
     ref: t,
     id: n,
     className: B(r, "".concat(r, "-").concat(T), ee(ee(ee({}, "".concat(r, "-mobile"), v), "".concat(r, "-editable"), b), "".concat(r, "-rtl"), $), i)
-  }, _), /* @__PURE__ */ l.createElement(Ht, be({}, ge, {
+  }, x), /* @__PURE__ */ l.createElement(Ht, be({}, ge, {
     renderTabBar: z
   })), /* @__PURE__ */ l.createElement(Ga, be({
     destroyInactiveTabPane: N
@@ -782,14 +782,14 @@ function Xa(e) {
     motionName: ba(e, "switch")
   })), n;
 }
-var Fa = function(e, t) {
+var qa = function(e, t) {
   var n = {};
   for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && t.indexOf(a) < 0 && (n[a] = e[a]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var r = 0, a = Object.getOwnPropertySymbols(e); r < a.length; r++)
     t.indexOf(a[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, a[r]) && (n[a[r]] = e[a[r]]);
   return n;
 };
-function qa(e) {
+function Fa(e) {
   return e.filter((t) => t);
 }
 function Ua(e, t) {
@@ -802,7 +802,7 @@ function Ua(e, t) {
         props: i
       } = a, c = i || {}, {
         tab: o
-      } = c, s = Fa(c, ["tab"]);
+      } = c, s = qa(c, ["tab"]);
       return Object.assign(Object.assign({
         key: String(r)
       }, s), {
@@ -811,7 +811,7 @@ function Ua(e, t) {
     }
     return null;
   });
-  return qa(n);
+  return Fa(n);
 }
 const Ya = (e) => {
   const {
@@ -1689,9 +1689,9 @@ const tt = (e) => {
     more: W,
     popupClassName: D,
     children: S,
-    items: x,
+    items: _,
     animated: R,
-    style: _,
+    style: x,
     indicatorSize: m,
     indicator: $
   } = e, y = on(e, ["type", "className", "rootClassName", "size", "onEdit", "hideAdd", "centered", "addIcon", "removeIcon", "moreIcon", "more", "popupClassName", "children", "items", "animated", "style", "indicatorSize", "indicator"]), {
@@ -1699,9 +1699,9 @@ const tt = (e) => {
   } = y, {
     direction: se,
     tabs: v,
-    getPrefixCls: q,
+    getPrefixCls: F,
     getPopupContainer: ie
-  } = l.useContext(De), K = q("tabs", V), Q = ga(K), [oe, E, L] = rn(K, Q);
+  } = l.useContext(De), K = F("tabs", V), Q = ga(K), [oe, E, L] = rn(K, Q);
   let j;
   h === "editable-card" && (j = {
     onEdit: (ne, ge) => {
@@ -1715,12 +1715,12 @@ const tt = (e) => {
     addIcon: (N ?? (v == null ? void 0 : v.addIcon)) || /* @__PURE__ */ l.createElement(Mt, null),
     showAdd: p !== !0
   });
-  const U = q();
+  const U = F();
   if (process.env.NODE_ENV !== "production") {
     const ne = Ze("Tabs");
     process.env.NODE_ENV !== "production" && ne(!("onPrevClick" in e) && !("onNextClick" in e), "breaking", "`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead."), process.env.NODE_ENV !== "production" && ne(!(m || v != null && v.indicatorSize), "deprecated", "`indicatorSize` has been deprecated. Please use `indicator={{ size: ... }}` instead.");
   }
-  const Y = Lt(w), te = Ua(x, S), k = Xa(K, R), me = Object.assign(Object.assign({}, v == null ? void 0 : v.style), _), de = {
+  const Y = Lt(w), te = Ua(_, S), k = Xa(K, R), me = Object.assign(Object.assign({}, v == null ? void 0 : v.style), x), de = {
     align: (n = $ == null ? void 0 : $.align) !== null && n !== void 0 ? n : (a = v == null ? void 0 : v.indicator) === null || a === void 0 ? void 0 : a.align,
     size: (o = (i = (r = $ == null ? void 0 : $.size) !== null && r !== void 0 ? r : m) !== null && i !== void 0 ? i : (c = v == null ? void 0 : v.indicator) === null || c === void 0 ? void 0 : c.size) !== null && o !== void 0 ? o : v == null ? void 0 : v.indicatorSize
   };
@@ -2142,9 +2142,9 @@ const hn = (e) => {
     tabProps: W = {},
     classNames: D,
     styles: S
-  } = e, x = Nt(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
+  } = e, _ = Nt(e, ["prefixCls", "className", "rootClassName", "style", "extra", "headStyle", "bodyStyle", "title", "loading", "bordered", "size", "type", "cover", "actions", "tabList", "children", "activeTabKey", "defaultActiveTabKey", "tabBarExtraContent", "hoverable", "tabProps", "classNames", "styles"]), {
     getPrefixCls: R,
-    direction: _,
+    direction: x,
     card: m
   } = l.useContext(De);
   if (process.env.NODE_ENV !== "production") {
@@ -2168,7 +2168,7 @@ const hn = (e) => {
     return l.Children.forEach(p, (A) => {
       (A == null ? void 0 : A.type) === Vt && (X = !0);
     }), X;
-  }, [p]), v = R("card", n), [q, ie, K] = pn(v), Q = /* @__PURE__ */ l.createElement($a, {
+  }, [p]), v = R("card", n), [F, ie, K] = pn(v), Q = /* @__PURE__ */ l.createElement($a, {
     loading: !0,
     active: !0,
     paragraph: {
@@ -2219,7 +2219,7 @@ const hn = (e) => {
     actionClasses: ge,
     actionStyle: V("actions"),
     actions: w
-  }) : null, le = pa(x, ["onTabChange"]), ye = B(v, m == null ? void 0 : m.className, {
+  }) : null, le = pa(_, ["onTabChange"]), ye = B(v, m == null ? void 0 : m.className, {
     [`${v}-loading`]: b,
     [`${v}-bordered`]: g,
     [`${v}-hoverable`]: G,
@@ -2227,9 +2227,9 @@ const hn = (e) => {
     [`${v}-contain-tabs`]: P == null ? void 0 : P.length,
     [`${v}-${j}`]: j,
     [`${v}-type-${T}`]: !!T,
-    [`${v}-rtl`]: _ === "rtl"
+    [`${v}-rtl`]: x === "rtl"
   }, a, r, ie, K), Pe = Object.assign(Object.assign({}, m == null ? void 0 : m.style), i);
-  return q(/* @__PURE__ */ l.createElement("div", Object.assign({
+  return F(/* @__PURE__ */ l.createElement("div", Object.assign({
     ref: t
   }, le, {
     className: ye,
@@ -2268,9 +2268,9 @@ const Sn = (e) => {
 He.Grid = Vt;
 He.Meta = Sn;
 process.env.NODE_ENV !== "production" && (He.displayName = "Card");
-const _n = "_kpiCard_aruiy_1", xn = "_width430_aruiy_7", Cn = "_width384_aruiy_16", wn = "_flexCol_aruiy_20", En = "_flexRow_aruiy_25", Tn = "_title_aruiy_30", Pn = "_content_aruiy_56", $e = {
-  kpiCard: _n,
-  width430: xn,
+const xn = "_kpiCard_1bxtq_1", _n = "_width430_1bxtq_7", Cn = "_width384_1bxtq_16", wn = "_flexCol_1bxtq_20", En = "_flexRow_1bxtq_27", Tn = "_title_1bxtq_34", Pn = "_content_1bxtq_60", $e = {
+  kpiCard: xn,
+  width430: _n,
   width384: Cn,
   flexCol: wn,
   flexRow: En,

package/dist/components/KpiWrapper/KpiWrapper.d.ts

@@ -1,2 +1,2 @@
 import { KpiWrapperProps } from './KpiWrapper.types';
-export declare function KpiWrapper({ children, style }: KpiWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function KpiWrapper({ children, className, style }: KpiWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/KpiWrapper/KpiWrapper.js

@@ -1,10 +1,11 @@
-import { jsx as p } from "react/jsx-runtime";
-import '../../assets/KpiWrapper.css';const t = "_flexRowSpaceBetween_1v6py_1", c = {
-  flexRowSpaceBetween: t
+import { jsx as t } from "react/jsx-runtime";
+import { cn as c } from "../../portal-utils/cn.js";
+import '../../assets/KpiWrapper.css';const n = "_flexRowSpaceBetween_1v6py_1", r = {
+  flexRowSpaceBetween: n
 };
-function a({ children: e, style: o }) {
-  return /* @__PURE__ */ p("div", { className: c.flexRowSpaceBetween, style: o, children: e });
+function w({ children: e, className: o, style: p }) {
+  return /* @__PURE__ */ t("div", { className: c(r.flexRowSpaceBetween, o ?? ""), style: p, children: e });
 }
 export {
-  a as KpiWrapper
+  w as KpiWrapper
 };

package/dist/components/KpiWrapper/KpiWrapper.stories.js

@@ -2,13 +2,13 @@ import { jsx as t } from "react/jsx-runtime";
 import { S as e } from "../../InvencoGVR-qnTq-d6S.js";
 import "react";
 import "@mui/x-data-grid";
-import { KpiCard as n } from "../KpiCard/KpiCard.js";
-import { KpiWrapper as r } from "./KpiWrapper.js";
+import { KpiCard as i } from "../KpiCard/KpiCard.js";
+import { KpiWrapper as n } from "./KpiWrapper.js";
 import "i18next";
 import '../../assets/SideMenu.css';/* empty css                      */
-const m = {
+const s = {
   title: "Kpi Wrapper",
-  component: r,
+  component: n,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen"
@@ -19,37 +19,37 @@ const m = {
       padding: "10px 10px"
     }
   }
-}, K = {}, u = {
+}, m = {}, K = {
   args: {
     children: [
-      /* @__PURE__ */ t(n, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(n, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(n, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 })
+      /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
+      /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
+      /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
     ]
   }
-}, g = {
+}, u = {
   args: {
     children: [
-      /* @__PURE__ */ t(n, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(n, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(n, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(n, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 })
+      /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
+      /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
+      /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
+      /* @__PURE__ */ t(i, { title: "Kpi Card 4", content: "Kpi Card Content 4", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
     ]
   }
-}, f = {
+}, g = {
   args: {
     children: [
-      /* @__PURE__ */ t(n, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(n, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 }),
-      /* @__PURE__ */ t(n, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, {}), menuCollapsed: !0 })
+      /* @__PURE__ */ t(i, { title: "Kpi Card", content: "Kpi Card Content", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
+      /* @__PURE__ */ t(i, { title: "Kpi Card 2", content: "Kpi Card Content 2", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 }),
+      /* @__PURE__ */ t(i, { title: "Kpi Card 3", content: "Kpi Card Content 3", icon: /* @__PURE__ */ t(e, { width: 50, height: 50 }), menuCollapsed: !0 })
     ]
   },
-  render: (i) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(r, { ...i }) })
+  render: (r) => /* @__PURE__ */ t("div", { dir: "rtl", style: { margin: "20px 20px" }, children: /* @__PURE__ */ t(n, { ...r }) })
 };
 export {
-  K as Default,
-  f as RTL,
-  u as With3Kpis,
-  g as With4Kpis,
-  m as default
+  m as Default,
+  g as RTL,
+  K as With3Kpis,
+  u as With4Kpis,
+  s as default
 };

package/dist/components/KpiWrapper/KpiWrapper.types.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties } from 'react';
 export interface KpiWrapperProps {
     children: React.ReactNode;
+    className?: string;
     style?: CSSProperties;
 }

package/dist/portal-utils/formatters.js

@@ -10,8 +10,8 @@ function F() {
   return X;
 }
 function v(t, e) {
-  var u, c, d, m;
-  const n = F(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((c = (u = e == null ? void 0 : e.locale) == null ? void 0 : u.options) == null ? void 0 : c.weekStartsOn) ?? n.weekStartsOn ?? ((m = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : m.weekStartsOn) ?? 0, a = l(t, e == null ? void 0 : e.in), i = a.getDay(), s = (i < r ? 7 : 0) + i - r;
+  var c, u, d, f;
+  const n = F(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((u = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : u.weekStartsOn) ?? n.weekStartsOn ?? ((f = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : f.weekStartsOn) ?? 0, a = l(t, e == null ? void 0 : e.in), i = a.getDay(), s = (i < r ? 7 : 0) + i - r;
   return a.setDate(a.getDate() - s), a.setHours(0, 0, 0, 0), a;
 }
 function W(t, e) {
@@ -22,8 +22,8 @@ function G(t, e) {
   a.setFullYear(r + 1, 0, 4), a.setHours(0, 0, 0, 0);
   const i = W(a), s = y(n, 0);
   s.setFullYear(r, 0, 4), s.setHours(0, 0, 0, 0);
-  const u = W(s);
-  return n.getTime() >= i.getTime() ? r + 1 : n.getTime() >= u.getTime() ? r : r - 1;
+  const c = W(s);
+  return n.getTime() >= i.getTime() ? r + 1 : n.getTime() >= c.getTime() ? r : r - 1;
 }
 function $(t) {
   const e = l(t), n = new Date(
@@ -55,8 +55,8 @@ function I(t, e, n) {
     n == null ? void 0 : n.in,
     t,
     e
-  ), i = C(r), s = C(a), u = +i - $(i), c = +s - $(s);
-  return Math.round((u - c) / 864e5);
+  ), i = C(r), s = C(a), c = +i - $(i), u = +s - $(s);
+  return Math.round((c - u) / 864e5);
 }
 function j(t, e) {
   const n = G(t, e), r = y(t, 0);
@@ -139,7 +139,7 @@ const J = {
   const a = J[t];
   return typeof a == "string" ? r = a : e === 1 ? r = a.one : r = a.other.replace("{{count}}", e.toString()), n != null && n.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
 };
-function T(t) {
+function N(t) {
   return (e = {}) => {
     const n = e.width ? String(e.width) : t.defaultWidth;
     return t.formats[n] || t.formats[t.defaultWidth];
@@ -161,15 +161,15 @@ const z = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, tt = {
-  date: T({
+  date: N({
     formats: z,
     defaultWidth: "full"
   }),
-  time: T({
+  time: N({
     formats: K,
     defaultWidth: "full"
   }),
-  dateTime: T({
+  dateTime: N({
     formats: Z,
     defaultWidth: "full"
   })
@@ -186,11 +186,11 @@ function S(t) {
     const r = n != null && n.context ? String(n.context) : "standalone";
     let a;
     if (r === "formatting" && t.formattingValues) {
-      const s = t.defaultFormattingWidth || t.defaultWidth, u = n != null && n.width ? String(n.width) : s;
-      a = t.formattingValues[u] || t.formattingValues[s];
+      const s = t.defaultFormattingWidth || t.defaultWidth, c = n != null && n.width ? String(n.width) : s;
+      a = t.formattingValues[c] || t.formattingValues[s];
     } else {
-      const s = t.defaultWidth, u = n != null && n.width ? String(n.width) : t.defaultWidth;
-      a = t.values[u] || t.values[s];
+      const s = t.defaultWidth, c = n != null && n.width ? String(n.width) : t.defaultWidth;
+      a = t.values[c] || t.values[s];
     }
     const i = t.argumentCallback ? t.argumentCallback(e) : e;
     return a[i];
@@ -278,7 +278,7 @@ const rt = {
     evening: "evening",
     night: "night"
   }
-}, ut = {
+}, ct = {
   narrow: {
     am: "a",
     pm: "p",
@@ -309,7 +309,7 @@ const rt = {
     evening: "in the evening",
     night: "at night"
   }
-}, ct = (t, e) => {
+}, ut = (t, e) => {
   const n = Number(t), r = n % 100;
   if (r > 20 || r < 10)
     switch (r % 10) {
@@ -322,7 +322,7 @@ const rt = {
     }
   return n + "th";
 }, dt = {
-  ordinalNumber: ct,
+  ordinalNumber: ut,
   era: S({
     values: rt,
     defaultWidth: "wide"
@@ -343,7 +343,7 @@ const rt = {
   dayPeriod: S({
     values: ot,
     defaultWidth: "wide",
-    formattingValues: ut,
+    formattingValues: ct,
     defaultFormattingWidth: "wide"
   })
 };
@@ -352,25 +352,25 @@ function O(t) {
     const r = n.width, a = r && t.matchPatterns[r] || t.matchPatterns[t.defaultMatchWidth], i = e.match(a);
     if (!i)
       return null;
-    const s = i[0], u = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], c = Array.isArray(u) ? mt(u, (g) => g.test(s)) : (
+    const s = i[0], c = r && t.parsePatterns[r] || t.parsePatterns[t.defaultParseWidth], u = Array.isArray(c) ? ft(c, (g) => g.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      ft(u, (g) => g.test(s))
+      mt(c, (g) => g.test(s))
     );
     let d;
-    d = t.valueCallback ? t.valueCallback(c) : c, d = n.valueCallback ? (
+    d = t.valueCallback ? t.valueCallback(u) : u, d = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
       n.valueCallback(d)
     ) : d;
-    const m = e.slice(s.length);
-    return { value: d, rest: m };
+    const f = e.slice(s.length);
+    return { value: d, rest: f };
   };
 }
-function ft(t, e) {
+function mt(t, e) {
   for (const n in t)
     if (Object.prototype.hasOwnProperty.call(t, n) && e(t[n]))
       return n;
 }
-function mt(t, e) {
+function ft(t, e) {
   for (let n = 0; n < t.length; n++)
     if (e(t[n]))
       return n;
@@ -383,8 +383,8 @@ function ht(t) {
     if (!i) return null;
     let s = t.valueCallback ? t.valueCallback(i[0]) : i[0];
     s = n.valueCallback ? n.valueCallback(s) : s;
-    const u = e.slice(a.length);
-    return { value: s, rest: u };
+    const c = e.slice(a.length);
+    return { value: s, rest: c };
   };
 }
 const lt = /^(\d+)(th|st|nd|rd)?/i, gt = /\d+/i, wt = {
@@ -512,21 +512,21 @@ function Yt(t, e) {
   return Math.round(r / 6048e5) + 1;
 }
 function Q(t, e) {
-  var m, g, x, D;
-  const n = l(t, e == null ? void 0 : e.in), r = n.getFullYear(), a = F(), i = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((g = (m = e == null ? void 0 : e.locale) == null ? void 0 : m.options) == null ? void 0 : g.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((D = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : D.firstWeekContainsDate) ?? 1, s = y((e == null ? void 0 : e.in) || t, 0);
+  var f, g, x, D;
+  const n = l(t, e == null ? void 0 : e.in), r = n.getFullYear(), a = F(), i = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((g = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : g.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((D = (x = a.locale) == null ? void 0 : x.options) == null ? void 0 : D.firstWeekContainsDate) ?? 1, s = y((e == null ? void 0 : e.in) || t, 0);
   s.setFullYear(r + 1, 0, i), s.setHours(0, 0, 0, 0);
-  const u = v(s, e), c = y((e == null ? void 0 : e.in) || t, 0);
-  c.setFullYear(r, 0, i), c.setHours(0, 0, 0, 0);
-  const d = v(c, e);
-  return +n >= +u ? r + 1 : +n >= +d ? r : r - 1;
+  const c = v(s, e), u = y((e == null ? void 0 : e.in) || t, 0);
+  u.setFullYear(r, 0, i), u.setHours(0, 0, 0, 0);
+  const d = v(u, e);
+  return +n >= +c ? r + 1 : +n >= +d ? r : r - 1;
 }
-function Tt(t, e) {
-  var u, c, d, m;
-  const n = F(), r = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((c = (u = e == null ? void 0 : e.locale) == null ? void 0 : u.options) == null ? void 0 : c.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((m = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : m.firstWeekContainsDate) ?? 1, a = Q(t, e), i = y((e == null ? void 0 : e.in) || t, 0);
+function Nt(t, e) {
+  var c, u, d, f;
+  const n = F(), r = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((u = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : u.firstWeekContainsDate) ?? n.firstWeekContainsDate ?? ((f = (d = n.locale) == null ? void 0 : d.options) == null ? void 0 : f.firstWeekContainsDate) ?? 1, a = Q(t, e), i = y((e == null ? void 0 : e.in) || t, 0);
   return i.setFullYear(a, 0, r), i.setHours(0, 0, 0, 0), v(i, e);
 }
-function Nt(t, e) {
-  const n = l(t, e == null ? void 0 : e.in), r = +v(n, e) - +Tt(n, e);
+function Tt(t, e) {
+  const n = l(t, e == null ? void 0 : e.in), r = +v(n, e) - +Nt(n, e);
   return Math.round(r / 6048e5) + 1;
 }
 function o(t, e) {
@@ -752,7 +752,7 @@ const w = {
   },
   // Local week of year
   w: function(t, e, n, r) {
-    const a = Nt(t, r);
+    const a = Tt(t, r);
     return e === "wo" ? n.ordinalNumber(a, { unit: "week" }) : o(a, e.length);
   },
   // ISO week of year
@@ -1156,44 +1156,44 @@ function Qt(t, e, n) {
   return `Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
 const Vt = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Xt = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, _t = /^'([^]*?)'?$/, It = /''/g, jt = /[a-zA-Z]/;
-function N(t, e, n) {
-  var m, g, x, D;
-  const r = F(), a = r.locale ?? Wt, i = r.firstWeekContainsDate ?? ((g = (m = r.locale) == null ? void 0 : m.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, s = r.weekStartsOn ?? ((D = (x = r.locale) == null ? void 0 : x.options) == null ? void 0 : D.weekStartsOn) ?? 0, u = l(t, n == null ? void 0 : n.in);
-  if (!R(u))
+function T(t, e, n) {
+  var f, g, x, D;
+  const r = F(), a = r.locale ?? Wt, i = r.firstWeekContainsDate ?? ((g = (f = r.locale) == null ? void 0 : f.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, s = r.weekStartsOn ?? ((D = (x = r.locale) == null ? void 0 : x.options) == null ? void 0 : D.weekStartsOn) ?? 0, c = l(t, n == null ? void 0 : n.in);
+  if (!R(c))
     throw new RangeError("Invalid time value");
-  let c = e.match(Xt).map((h) => {
-    const f = h[0];
-    if (f === "p" || f === "P") {
-      const Y = $t[f];
+  let u = e.match(Xt).map((h) => {
+    const m = h[0];
+    if (m === "p" || m === "P") {
+      const Y = $t[m];
       return Y(h, a.formatLong);
     }
     return h;
   }).join("").match(Vt).map((h) => {
     if (h === "''")
       return { isToken: !1, value: "'" };
-    const f = h[0];
-    if (f === "'")
+    const m = h[0];
+    if (m === "'")
       return { isToken: !1, value: Bt(h) };
-    if (q[f])
+    if (q[m])
       return { isToken: !0, value: h };
-    if (f.match(jt))
+    if (m.match(jt))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + f + "`"
+        "Format string contains an unescaped latin alphabet character `" + m + "`"
       );
     return { isToken: !1, value: h };
   });
-  a.localize.preprocessor && (c = a.localize.preprocessor(u, c));
+  a.localize.preprocessor && (u = a.localize.preprocessor(c, u));
   const d = {
     firstWeekContainsDate: i,
     weekStartsOn: s,
     locale: a
   };
-  return c.map((h) => {
+  return u.map((h) => {
     if (!h.isToken) return h.value;
-    const f = h.value;
-    (Lt(f) || Ht(f)) && Gt(f, e, String(t));
-    const Y = q[f[0]];
-    return Y(u, f, a.localize, d);
+    const m = h.value;
+    (Lt(m) || Ht(m)) && Gt(m, e, String(t));
+    const Y = q[m[0]];
+    return Y(c, m, a.localize, d);
   }).join("");
 }
 function Bt(t) {
@@ -1205,23 +1205,49 @@ function Rt(t, e) {
   let n = Math.abs(e).toLocaleString(M, {
     useGrouping: !1
   });
-  return e < 0 ? n = `${t.settings.numbersPrefixNegative}${n}${t.settings.numbersSuffixNegative}` : n = `${t.settings.numbersPrefixPositive}${n}${t.settings.numbersSuffixPositive}`, k(n, t.settings.decimalSeparator, t.settings.thousandsSeparator);
+  return e < 0 ? n = `${t.settings.numbersPrefixNegative}${n}${t.settings.numbersSuffixNegative}` : n = `${t.settings.numbersPrefixPositive}${n}${t.settings.numbersSuffixPositive}`, k(
+    n,
+    t.settings.decimalSeparator,
+    t.settings.thousandsSeparator
+  );
 }
 function At(t, e) {
   let n = Math.abs(e).toLocaleString(M, {
     minimumFractionDigits: e < 0 ? t.settings.numbersDecimalPrecisionNegative : t.settings.numbersDecimalPrecisionPositive,
+    maximumFractionDigits: e < 0 ? Math.max(
+      t.settings.numbersDecimalPrecisionNegativeOptional,
+      t.settings.numbersDecimalPrecisionNegative
+    ) : Math.max(
+      t.settings.numbersDecimalPrecisionPositiveOptional,
+      t.settings.numbersDecimalPrecisionPositive
+    ),
     useGrouping: !1
   });
-  return e < 0 ? n = `${t.settings.numbersPrefixNegative}${n}${t.settings.numbersSuffixNegative}` : n = `${t.settings.numbersPrefixPositive}${n}${t.settings.numbersSuffixPositive}`, k(n, t.settings.decimalSeparator, t.settings.thousandsSeparator);
+  return e < 0 ? n = `${t.settings.numbersPrefixNegative}${n}${t.settings.numbersSuffixNegative}` : n = `${t.settings.numbersPrefixPositive}${n}${t.settings.numbersSuffixPositive}`, k(
+    n,
+    t.settings.decimalSeparator,
+    t.settings.thousandsSeparator
+  );
 }
 function Jt(t, e) {
   if (isNaN(e)) return "";
   let n = Math.abs(e).toLocaleString(M, {
     minimumFractionDigits: e < 0 ? t.settings.currencyNegMinimumFractionDigits : t.settings.currencyMinimumFractionDigits,
     minimumIntegerDigits: e < 0 ? t.settings.currencyNegMinimumIntegerDigits : t.settings.currencyMinimumIntegerDigits,
+    maximumFractionDigits: e < 0 ? Math.max(
+      t.settings.currencyNegMaximumFractionDigits,
+      t.settings.currencyNegMinimumFractionDigits
+    ) : Math.max(
+      t.settings.currencyMaximumFractionDigits,
+      t.settings.currencyMinimumFractionDigits
+    ),
     useGrouping: !1
   });
-  return e < 0 ? n = `${t.settings.currencyPrefixNegative}${n}${t.settings.currencySuffixNegative}` : n = `${t.settings.currencyPrefixPositive}${n}${t.settings.currencySuffixPositive}`, k(n, t.settings.decimalSeparator, t.settings.thousandsSeparator);
+  return e < 0 ? n = `${t.settings.currencyPrefixNegative}${n}${t.settings.currencySuffixNegative}` : n = `${t.settings.currencyPrefixPositive}${n}${t.settings.currencySuffixPositive}`, k(
+    n,
+    t.settings.decimalSeparator,
+    t.settings.thousandsSeparator
+  );
 }
 function Ut(t, e) {
   if (isNaN(e)) return "";
@@ -1258,18 +1284,21 @@ function Kt(t, e, n) {
 }
 function Zt(t, e) {
   const n = t.settings.dateFormat;
-  return N(new Date(e), n);
+  return T(new Date(e), n);
 }
 function te(t, e) {
   const n = t.settings.timeFormat;
-  return N(new Date(e), `${n}`);
+  return T(new Date(e), `${n}`);
 }
 function ee(t, e) {
   const n = t.settings.dateFormat, r = t.settings.timeFormat;
-  return N(new Date(e), `${n} ${r}`);
+  return T(new Date(e), `${n} ${r}`);
 }
 function k(t, e = ".", n = ",") {
-  const [r, a] = t.split("."), i = r.replace(/\B(?=(\d{3})+(?!\d))/g, n);
+  const [r, a] = t.split("."), i = r.replace(
+    /\B(?=(\d{3})+(?!\d))/g,
+    n
+  );
   return a ? `${i}${e}${a}` : i;
 }
 export {

package/dist/types/Column.d.ts

@@ -6,6 +6,7 @@ export interface Column {
     align?: GridAlignment;
     width?: number;
     minWidth?: number;
+    maxWidth?: number;
     hide?: boolean;
     headerName?: string;
 }

package/dist/types/CultureStore.d.ts

@@ -8,8 +8,10 @@ export interface CultureSettings {
     timeFormat: string;
     currencyMinimumFractionDigits: number;
     currencyMinimumIntegerDigits: number;
+    currencyMaximumFractionDigits: number;
     currencyNegMinimumFractionDigits: number;
     currencyNegMinimumIntegerDigits: number;
+    currencyNegMaximumFractionDigits: number;
     fuelVolumeSign: string;
     decimalSeparator: string;
     thousandsSeparator: string;
@@ -24,6 +26,8 @@ export interface CultureSettings {
     fuelUnitPriceDecimalPrecisionPositive: number;
     numbersDecimalPrecisionPositive: number;
     numbersDecimalPrecisionNegative: number;
+    numbersDecimalPrecisionPositiveOptional: number;
+    numbersDecimalPrecisionNegativeOptional: number;
     numbersPrefixPositive: string;
     numbersSuffixPositive: string;
     numbersPrefixNegative: string;

package/package.json

@@ -1,84 +1,84 @@
-{
-  "name": "@amateescu/portal-ui-components",
-  "main": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "version": "0.0.18",
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    "./components": "./dist/components/index.js",
-    "./types": "./dist/types/index.js",
-    "./portal-utils": "./dist/portal-utils/index.js"
-  },
-  "scripts": {
-    "build": "tsc && vite build",
-    "tsc": "tsc",
-    "clean": "rimraf dist && rimraf --glob ./*.tsbuildinfo",
-    "lint": "eslint .",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "peerDependencies": {
-    "i18next": ">=23.10.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-i18next": ">=14.1.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
-    "@emotion/react": "^11.13.0",
-    "@emotion/styled": "^11.13.0",
-    "@eslint/js": "^9.15.0",
-    "@mui/icons-material": "^5.15.12",
-    "@mui/material": "^5.15.12",
-    "@mui/x-data-grid": "^6.19.8",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-onboarding": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
-    "@types/postcss-import": "^14.0.3",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
-    "antd": "^5.21.6",
-    "date-fns": "^4.1.0",
-    "eslint": "^9.15.0",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.14",
-    "eslint-plugin-storybook": "^0.11.2",
-    "glob": "^10.4.5",
-    "globals": "^15.12.0",
-    "i18next": "^24.2.1",
-    "postcss": "^8.4.49",
-    "postcss-import": "^16.1.0",
-    "postcss-preset-env": "^10.1.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-i18next": "^15.4.0",
-    "rimraf": "6.0.1",
-    "sass-embedded": "^1.81.0",
-    "storybook": "^8.5.0",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.11",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-svgr": "^4.3.0"
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  }
-}
+{
+  "name": "@amateescu/portal-ui-components",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "version": "0.0.19-beta0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./components": "./dist/components/index.js",
+    "./types": "./dist/types/index.js",
+    "./portal-utils": "./dist/portal-utils/index.js"
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "tsc": "tsc",
+    "clean": "rimraf dist && rimraf --glob ./*.tsbuildinfo",
+    "lint": "eslint .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "i18next": ">=23.10.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-i18next": ">=14.1.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.3",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "@eslint/js": "^9.15.0",
+    "@mui/icons-material": "^5.15.12",
+    "@mui/material": "^5.15.12",
+    "@mui/x-data-grid": "^6.19.8",
+    "@storybook/addon-essentials": "^8.5.0",
+    "@storybook/addon-interactions": "^8.5.0",
+    "@storybook/addon-onboarding": "^8.5.0",
+    "@storybook/blocks": "^8.5.0",
+    "@storybook/react": "^8.5.0",
+    "@storybook/react-vite": "^8.5.0",
+    "@storybook/test": "^8.5.0",
+    "@types/postcss-import": "^14.0.3",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
+    "antd": "^5.21.6",
+    "date-fns": "^4.1.0",
+    "eslint": "^9.15.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "eslint-plugin-storybook": "^0.11.2",
+    "glob": "^10.4.5",
+    "globals": "^15.12.0",
+    "i18next": "^24.2.1",
+    "postcss": "^8.4.49",
+    "postcss-import": "^16.1.0",
+    "postcss-preset-env": "^10.1.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^15.4.0",
+    "rimraf": "6.0.1",
+    "sass-embedded": "^1.81.0",
+    "storybook": "^8.5.0",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.11",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-svgr": "^4.3.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}