sevago-library 1.6.13 → 1.6.14

package/dist/index.esm.js

@@ -7,7 +7,7 @@ import { createTheme as n5, Stack as cA, TableCell as oo, tableCellClasses as uc
 import BA from "dayjs";
 import { jsxs as H, jsx as u, Fragment as Ot } from "react/jsx-runtime";
 import * as S from "react";
-import ye, { useState as RA, useId as qs, useEffect as de, Fragment as ws, useRef as Ee, isValidElement as g2, cloneElement as m2, Children as P5, useMemo as je, createElement as lu, useImperativeHandle as k5, useContext as xs, useCallback as ce } from "react";
+import ye, { useState as RA, useId as qs, useEffect as ce, Fragment as ws, useRef as Ee, isValidElement as g2, cloneElement as m2, Children as P5, useMemo as je, createElement as lu, useImperativeHandle as k5, useContext as xs, useCallback as de } from "react";
 import { unstable_createGetCssVar as R5, createSpacing as N5, useTheme as F5, GlobalStyles as L5, unstable_memoTheme as Q5, keyframes as Er, css as cu, shouldForwardProp as du, alpha as h0, Stack as Lt, Box as gc } from "@mui/system";
 import ei from "@emotion/styled";
 import { ThemeContext as U5 } from "@emotion/react";
@@ -7264,7 +7264,7 @@ const Yt = (A) => i3(A) && A !== "classes", Q = N8({
   gap: "unset"
 }, eg = (A) => {
   const [e, t] = RA(A);
-  return de(() => {
+  return ce(() => {
     t(A);
   }, [A]), { selected: e, setSelected: t };
 };
@@ -40527,7 +40527,7 @@ const JT = ({
       minute: P[1] || ""
     };
   }, [h, f] = RA(m(i).hour), [C, b] = RA(m(i).minute), [w, q] = RA("");
-  de(() => {
+  ce(() => {
     const M = m(i);
     f(M.hour), b(M.minute);
   }, [i]);
@@ -40878,7 +40878,7 @@ const JT = ({
   ...g
 }) => {
   const [m, h] = RA(d ?? p ?? "");
-  de(() => {
+  ce(() => {
     d !== void 0 && h(d ?? "");
   }, [d]);
   const f = je(
@@ -40892,7 +40892,7 @@ const JT = ({
     }, s),
     [s, A, o]
   );
-  de(() => () => {
+  ce(() => () => {
     f.clear();
   }, [f]);
   const C = (b) => {
@@ -43088,7 +43088,7 @@ const UE = (A, e) => {
   maxFiles: h
 }) => {
   const { palette: f } = qe(), [C, b] = RA(a || []);
-  de(() => {
+  ce(() => {
     b(a || []);
   }, [a]);
   const w = (y) => {
@@ -44784,13 +44784,13 @@ var aI = function(A, e) {
   var t = Ee(new sI(A)).current, o = lI(A.children, ms(t));
   return k5(e, function() {
     return ms(t);
-  }, [t]), de(function() {
+  }, [t]), ce(function() {
     t.update(A);
   }, [t, A]), u(sa.Provider, Ht({ value: t }, { children: o }));
 });
 ye.forwardRef(function(A, e) {
   var t = Ee(null), o = xs(sa);
-  return de(function() {
+  return ce(function() {
     return o.onChange(function(r) {
       if (t.current) {
         var i = 0, a = 0;
@@ -44854,12 +44854,12 @@ var uI = `.transform-component-module_wrapper__SPB86 {
 dI(uI);
 var pI = function(A) {
   var e = A.children, t = A.wrapperClass, o = t === void 0 ? "" : t, r = A.contentClass, i = r === void 0 ? "" : r, a = A.wrapperStyle, s = A.contentStyle, l = A.wrapperProps, c = l === void 0 ? {} : l, d = A.contentProps, p = d === void 0 ? {} : d, g = A.infinite, m = g === void 0 ? !1 : g, h = xs(sa), f = h.init, C = h.cleanupWindowEvents, b = Ee(null), w = Ee(null), q = Ee(null);
-  return de(function() {
+  return ce(function() {
     var y = b.current, x = w.current;
     return y !== null && x !== null && f && (f == null || f(y, x)), function() {
       C == null || C();
     };
-  }, []), de(function() {
+  }, []), ce(function() {
     if (m) {
       var y = q.current;
       if (y) {
@@ -44900,7 +44900,7 @@ function gI(A) {
 }
 ye.forwardRef(function(A, e) {
   var t = A.x, o = A.y, r = A.width, i = A.height, a = A.margin, s = a === void 0 ? 0 : a, l = A.threshold, c = l === void 0 ? 0 : l, d = A.placeholder, p = d === void 0 ? null : d, g = A.onShow, m = A.onHide, h = A.children, f = A.className, C = A.style, b = xs(sa), w = RA(!1), q = w[0], y = w[1], x = Ee(!1), E = Ee(g), I = Ee(m);
-  return E.current = g, I.current = m, de(function() {
+  return E.current = g, I.current = m, ce(function() {
     var T = function() {
       var P, v, D = b.wrapperComponent;
       if (D) {
@@ -45102,39 +45102,39 @@ const mI = ({
     () => A.map((nA, X) => GE(nA, X, j)),
     [j, A]
   ), Z = eA.length, W = Zn(t ?? K, Z), V = eA[W], _ = Z > 1, sA = e === hs.SUMMARY, tA = !sA && _ && d;
-  de(() => {
+  ce(() => {
     z((nA) => Zn(nA, Z));
   }, [Z]);
-  const J = ce(
+  const J = de(
     (nA) => {
       if (!f) return;
       const X = nA.currentTarget;
       X.dataset.galleryFallback !== "true" && (X.dataset.galleryFallback = "true", X.src = f);
     },
     [f]
-  ), $ = ce(
+  ), $ = de(
     (nA) => {
       const X = Zn(nA, Z), aA = eA[X];
       aA && (t == null && z(X), D == null || D(X, aA));
     },
     [t, Z, eA, D]
-  ), G = _ && (h || W > 0), lA = _ && (h || W < Z - 1), iA = ce(() => {
+  ), G = _ && (h || W > 0), lA = _ && (h || W < Z - 1), iA = de(() => {
     G && $(Pd(W, -1, Z, h));
-  }, [G, $, Z, h, W]), oA = ce(() => {
+  }, [G, $, Z, h, W]), oA = de(() => {
     lA && $(Pd(W, 1, Z, h));
-  }, [lA, $, Z, h, W]), AA = ce(() => {
+  }, [lA, $, Z, h, W]), AA = de(() => {
     !V || !m || (N(!0), O == null || O(W, V));
-  }, [O, m, V, W]), pA = ce(
+  }, [O, m, V, W]), pA = de(
     (nA) => {
       if (!m) return;
       const X = Zn(nA, Z), aA = eA[X];
       aA && (X !== W && (t == null && z(X), D == null || D(X, aA)), N(!0), O == null || O(X, aA));
     },
     [t, Z, eA, D, O, m, W]
-  ), Y = ce(() => {
+  ), Y = de(() => {
     N(!1), R == null || R();
   }, [R]);
-  return de(() => {
+  return ce(() => {
     if (!U || !_) return;
     const nA = (X) => {
       X.key === "ArrowLeft" && (X.preventDefault(), iA()), X.key === "ArrowRight" && (X.preventDefault(), oA());
@@ -45321,7 +45321,7 @@ const mI = ({
   }), e;
 }, wI = (A) => A ? Array.isArray(A) ? A : zf(A).flatMap(jf) : [], xI = () => {
   const [A, e] = RA("");
-  return de(() => {
+  return ce(() => {
     if (typeof window > "u") return;
     const t = () => e(window.location.pathname), o = () => {
       window.setTimeout(() => {
@@ -45340,7 +45340,7 @@ const mI = ({
   }, []), A;
 }, SI = () => {
   const [A, e] = RA({ width: 0, height: 0 });
-  return de(() => {
+  return ce(() => {
     if (typeof window > "u") return;
     const t = () => e({
       width: window.innerWidth,
@@ -45353,7 +45353,7 @@ const mI = ({
     side: "right",
     top: 160
   });
-  return de(() => {
+  return ce(() => {
     A.height && t((o) => ({
       ...o,
       top: sc(
@@ -45371,7 +45371,7 @@ const mI = ({
   onOpen: r
 }) => {
   const i = z5(), a = Ee(!1), s = lc(t.height), l = Vd(e.side, t.width), c = sc(e.top, Dr, s);
-  return de(() => {
+  return ce(() => {
     t.width && i.start({
       x: l,
       y: c,
@@ -45603,9 +45603,9 @@ const mI = ({
   ...f
 }) => {
   const C = s ?? /* @__PURE__ */ u(Nr, { content: h }), [b, w] = RA(""), [q, y] = RA(), [x, E] = RA(!1), [I, T] = RA(0), [B, M] = RA(!1), P = Ee(m), v = Ee(0), D = xI(), O = SI(), { launcherPosition: R, setLauncherPosition: k } = EI(O), F = c ? q : A, K = e || x, z = je(() => zf(F), [F]), U = je(() => z.length ? jf(z[I] ?? z[0]) : wI(F), [I, F, z]), N = D ? CI(D, d) : !1;
-  P.current = m, de(() => {
+  P.current = m, ce(() => {
     N && M(!1);
-  }, [N]), de(() => {
+  }, [N]), ce(() => {
     T(0);
   }, [F]);
   const j = async (Z = b) => {
@@ -45766,7 +45766,7 @@ const mI = ({
       s(g), e(g);
     }
   };
-  return de(() => () => a == null ? void 0 : a.forEach((d) => {
+  return ce(() => () => a == null ? void 0 : a.forEach((d) => {
     URL.revokeObjectURL(d.preview);
   }), [a]), /* @__PURE__ */ H(ye.Fragment, { children: [
     /* @__PURE__ */ u(cA, { sx: { width: "fit-content", height: "fit-content" }, children: /* @__PURE__ */ u(
@@ -46277,7 +46277,7 @@ const FI = [
   onApply: s
 }) => {
   const l = je(() => zI(t), [t]), c = je(() => t.map((y) => ({ label: y.label, value: y.key })), [t]), [d, p] = RA(() => Yd(t, o)), [g, m] = RA(null);
-  de(() => {
+  ce(() => {
     A && (p(Yd(t, o)), m(null));
   }, [t, A, o]);
   const h = () => {
@@ -46509,7 +46509,7 @@ const FI = [
   onApply: c
 }) => {
   const [d, p] = RA([]), [g, m] = RA(null);
-  de(() => {
+  ce(() => {
     A && (o && o.length > 0 ? p(
       o.map((E) => ({
         id: on(),
@@ -46694,7 +46694,7 @@ const FI = [
   ignoredKeysInCount: i = []
 }) => {
   const [a, s] = RA(!1), [l, c] = RA(o), [d, p] = RA(o), g = Object.entries(l).filter(([C, b]) => i.includes(C) ? !1 : Array.isArray(b) ? b.length > 0 : b != null && b !== "").length;
-  de(() => {
+  ce(() => {
     a && p({ ...l });
   }, [l, a]);
   const m = (C, b) => {
@@ -47055,7 +47055,7 @@ function XI({
   enableTree: d = !1,
   rowLevels: p = {}
 }) {
-  const { palette: g } = qe(), m = i(e), h = s ? s(e, t) : { ...J2 }, f = ce((w, q) => {
+  const { palette: g } = qe(), m = i(e), h = s ? s(e, t) : { ...J2 }, f = de((w, q) => {
     const y = q || "";
     return /* @__PURE__ */ H(pt, { sx: { color: io[950] }, children: [
       w,
@@ -47367,14 +47367,14 @@ function cc({
     q,
     y,
     E
-  ].filter(Boolean).length + I, U = z > 0 ? z * 19 + Math.max(z - 1, 0) * 16 : 0, N = ce(
+  ].filter(Boolean).length + I, U = z > 0 ? z * 19 + Math.max(z - 1, 0) * 16 : 0, N = de(
     (oA) => s ? s(oA) : String(oA.id),
     [s]
-  ), j = ce(
+  ), j = de(
     (oA) => c ? d ? d(oA) : oA && oA.children || [] : [],
     [c, d]
   );
-  de(() => {
+  ce(() => {
     if (!c) {
       k(/* @__PURE__ */ new Set());
       return;
@@ -47390,19 +47390,19 @@ function cc({
   const { visibleRows: eA, rowLevels: Z, hasChildrenById: W } = je(
     () => ZI({ rows: v, enableTree: c, expandedRowIds: R, getRowId: N, getChildren: j }),
     [v, c, R, N, j]
-  ), V = je(() => eA.map(N), [eA, N]), _ = m ? V.every((oA) => m.includes(oA)) : !1, sA = m ? m.length > 0 && !_ : !1, tA = ce(() => {
+  ), V = je(() => eA.map(N), [eA, N]), _ = m ? V.every((oA) => m.includes(oA)) : !1, sA = m ? m.length > 0 && !_ : !1, tA = de(() => {
     _ ? h == null || h([]) : h == null || h(V);
-  }, [_, h, V]), J = ce(
+  }, [_, h, V]), J = de(
     (oA) => {
       m && (m.includes(oA) ? h == null || h(m.filter((AA) => AA !== oA)) : h == null || h([...m, oA]));
     },
     [m, h]
-  ), $ = ce((oA) => {
+  ), $ = de((oA) => {
     k((AA) => {
       const pA = new Set(AA);
       return pA.has(oA) ? pA.delete(oA) : pA.add(oA), pA;
     });
-  }, []), G = ce(
+  }, []), G = de(
     (oA, AA) => {
       const pA = N(oA);
       if (pA === Sr.TOTAL || pA === Sr.TOTAL_INCOME) return null;
@@ -47603,7 +47603,7 @@ function cc({
     U,
     i,
     G
-  ]), iA = ce(
+  ]), iA = de(
     (oA, AA, pA) => /* @__PURE__ */ u(
       XI,
       {
@@ -47680,7 +47680,7 @@ function Kf({
   renderDefaultRow: i,
   onDisabled: a
 }) {
-  const { palette: s } = qe(), [l, c] = RA(!1), [d, p] = RA(), [g, m] = RA(!1), { iconTitle: h, title: f, children: C, indentSize: b, ...w } = t, { columns: q, ...y } = w, x = C == null ? void 0 : C[0], E = (b ?? nB) * r, I = ce(
+  const { palette: s } = qe(), [l, c] = RA(!1), [d, p] = RA(), [g, m] = RA(!1), { iconTitle: h, title: f, children: C, indentSize: b, ...w } = t, { columns: q, ...y } = w, x = C == null ? void 0 : C[0], E = (b ?? nB) * r, I = de(
     async (O, R) => {
       const k = !l;
       if (c(k), !(!k || !t.onOpenCollapse || d !== void 0)) {
@@ -47696,7 +47696,7 @@ function Kf({
       }
     },
     [t, l, d]
-  ), T = ce(
+  ), T = de(
     (O, R) => {
       const k = a ? a(O, R) : { ...J2 }, F = k.DISABLED_ROW || k.DISABLED_ALL_ACTIONS;
       return /* @__PURE__ */ u(So, { onClick: (K) => K.stopPropagation(), children: /* @__PURE__ */ u(
@@ -47714,7 +47714,11 @@ function Kf({
   ), B = je(
     () => bs(A).map((O) => O.id !== Cs ? O : { ...O, render: T }),
     [A, T]
-  ), M = oB(e, t, d), P = x ? bs(q) : q, v = rB(o, E), D = ce(
+  ), M = oB(e, t, d), P = x ? bs(q) : q, v = rB(o, E);
+  ce(() => {
+    c(!1), p(void 0), m(!1);
+  }, [e]);
+  const D = de(
     ({
       row: O,
       index: R,
@@ -47741,10 +47745,11 @@ function Kf({
       cA,
       {
         sx: {
-          display: "flex",
-          overflowX: "auto",
-          maxWidth: "100%",
-          width: v,
+          display: "block",
+          overflowX: "visible",
+          maxWidth: "none",
+          minWidth: v,
+          width: "max-content",
           marginLeft: `${E}px`
         },
         children: /* @__PURE__ */ u(ys, { in: l, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ H(
@@ -47753,7 +47758,9 @@ function Kf({
             sx: {
               padding: Re,
               borderRadius: Ie,
-              backgroundColor: s.background.default
+              backgroundColor: s.background.default,
+              minWidth: v,
+              width: "max-content"
             },
             children: [
               f && /* @__PURE__ */ u(F0, { icon: h || "filter_list", content: f, size: "medium" }),
@@ -47783,7 +47790,7 @@ function DM({
   ...r
 }) {
   const i = je(() => e || [], [e]), a = je(() => bs(t), [t]), s = Ee(null), [l, c] = RA(0);
-  return de(() => {
+  return ce(() => {
     s.current && c(s.current.clientWidth);
   }, []), /* @__PURE__ */ u(
     cc,
@@ -48922,7 +48929,7 @@ const UM = ({ averageRating: A, reviewCount: e, onClick: t, sx: o = {} }) => (t
   toggleSx: d
 }) => {
   const [p, g] = RA(o), [m, h] = RA({});
-  de(() => {
+  ce(() => {
     A.length || i == null || i();
   }, [i, A.length]);
   const f = () => {
@@ -49158,17 +49165,17 @@ const Fa = () => {
   onStatusChange: a,
   onError: s
 }) => {
-  const [l, c] = RA(Ze.Idle), [d, p] = RA("Chưa kiểm tra"), [g, m] = RA(""), [h, f] = RA([]), [C, b] = RA(), [w, q] = RA([]), [y, x] = RA(!1), [E, I] = RA(!1), T = Ee(void 0), B = Ee(void 0), M = Ee(void 0), P = Ee(void 0), v = Ee(!0), D = Ee(0), O = Ee(Ze.Idle), R = Ee(!1), k = ce(
+  const [l, c] = RA(Ze.Idle), [d, p] = RA("Chưa kiểm tra"), [g, m] = RA(""), [h, f] = RA([]), [C, b] = RA(), [w, q] = RA([]), [y, x] = RA(!1), [E, I] = RA(!1), T = Ee(void 0), B = Ee(void 0), M = Ee(void 0), P = Ee(void 0), v = Ee(!0), D = Ee(0), O = Ee(Ze.Idle), R = Ee(!1), k = de(
     (V) => {
       O.current = V, c(V), a == null || a(V);
     },
     [a]
-  ), F = ce(
+  ), F = de(
     (V) => {
       m(V), s == null || s(V);
     },
     [s]
-  ), K = ce(
+  ), K = de(
     (V) => {
       if (!V.trim()) return;
       f((J) => [...J.slice(-(Math.max(t, 1) - 1)), V]);
@@ -49182,7 +49189,7 @@ const Fa = () => {
       b(tA), i == null || i(tA);
     },
     [t, i, r]
-  ), z = ce(
+  ), z = de(
     async (V, _) => {
       if (!V.readable) return;
       const sA = new TextDecoderStream();
@@ -49214,7 +49221,7 @@ const Fa = () => {
       }
     },
     [K, F, k]
-  ), U = ce(async () => {
+  ), U = de(async () => {
     v.current = !0, D.current += 1;
     const V = B.current;
     if (V)
@@ -49239,7 +49246,7 @@ const Fa = () => {
       } catch {
       }
     B.current = void 0, M.current = void 0, P.current = void 0, T.current = void 0;
-  }, []), N = ce(
+  }, []), N = de(
     async (V) => {
       try {
         await V.open(A);
@@ -49251,13 +49258,13 @@ const Fa = () => {
       }
     },
     [U, A]
-  ), j = ce(async () => {
+  ), j = de(async () => {
     const V = Fa();
     if (!V)
       return q([]), [];
     const _ = jB(await V.getPorts(), e);
     return q(zB(_)), _;
-  }, [e]), eA = ce(
+  }, [e]), eA = de(
     async (V) => {
       if (O.current === Ze.Connecting || O.current === Ze.Disconnecting)
         return;
@@ -49289,19 +49296,19 @@ const Fa = () => {
       }
     },
     [U, N, z, j, e, F, k]
-  ), Z = ce(async () => {
+  ), Z = de(async () => {
     if (!T.current && O.current !== Ze.Error) {
       k(Ze.Idle);
       return;
     }
     k(Ze.Disconnecting), b(void 0), await U(), k(Ze.Idle);
-  }, [U, k]), W = ce(() => {
+  }, [U, k]), W = de(() => {
     f([]);
   }, []);
-  return de(() => {
+  return ce(() => {
     const V = Fa(), _ = $d();
     x(!!V), I(_), p(V ? "navigator.serial: có" : "navigator.serial: không"), j();
-  }, [j]), de(() => {
+  }, [j]), ce(() => {
     if (!o) {
       R.current = !1;
       return;
@@ -49310,7 +49317,7 @@ const Fa = () => {
     R.current = !0, (async () => {
       (await j()).length === 1 && eA({ useAuthorizedPort: !0, authorizedPortIndex: 0, silentNoAuthorizedPort: !0 });
     })();
-  }, [o, eA, j]), de(
+  }, [o, eA, j]), ce(
     () => () => {
       U();
     },
@@ -49361,12 +49368,12 @@ const Fa = () => {
     lineLimit: c,
     autoConnectAuthorized: s,
     onReading: p
-  }), v = I === Ze.Connected, D = I === Ze.Connecting || I === Ze.Disconnecting, O = ce(
+  }), v = I === Ze.Connected, D = I === Ze.Connecting || I === Ze.Disconnecting, O = de(
     (k) => {
       t === void 0 && f(k);
     },
     [t]
-  ), R = ce(async () => {
+  ), R = de(async () => {
     var F;
     if (!v || !x || !(T != null && T.value) || x.disabled) return;
     const k = Date.now();
@@ -49376,7 +49383,7 @@ const Fa = () => {
       } catch {
       }
   }, [x, a, v, g, T]);
-  return de(() => {
+  return ce(() => {
     if (!A.length) {
       O("");
       return;
@@ -49384,9 +49391,9 @@ const Fa = () => {
     if (x || !e) return;
     const k = A.find((F) => F.name === e);
     k && O(k.name);
-  }, [x, e, O, A]), de(() => {
+  }, [x, e, O, A]), ce(() => {
     !r || !(T != null && T.receivedAt) || C.current === T.receivedAt || R();
-  }, [R, r, T == null ? void 0 : T.receivedAt]), de(() => {
+  }, [R, r, T == null ? void 0 : T.receivedAt]), ce(() => {
     w.current !== y && (w.current = y, !(!r || !i || !(T != null && T.value)) && R());
   }, [y, i, R, r, T == null ? void 0 : T.value]), /* @__PURE__ */ H(De, { sx: [{ gap: NA, flexWrap: "wrap" }, ...q], children: [
     v ? /* @__PURE__ */ u(
@@ -49485,7 +49492,7 @@ const Fa = () => {
   sx: h,
   labelSx: f
 }) => {
-  const C = je(() => l === "max" ? "100px" : `${l}px`, [l]), b = je(() => p.find((E) => E.value === t), [p, t]), w = ce(() => r && a ? a : i && s ? s : d || "", [r, a, i, s, d]), q = ce(() => r ? M0[500] : i ? sr[500] : le[400], [r, i]), y = ce(() => r ? M0[500] : i ? sr[500] : le[300], [r, i]), x = je(
+  const C = je(() => l === "max" ? "100px" : `${l}px`, [l]), b = je(() => p.find((E) => E.value === t), [p, t]), w = de(() => r && a ? a : i && s ? s : d || "", [r, a, i, s, d]), q = de(() => r ? M0[500] : i ? sr[500] : le[400], [r, i]), y = de(() => r ? M0[500] : i ? sr[500] : le[300], [r, i]), x = je(
     () => ({
       "& .MuiOutlinedInput-root": {
         borderRadius: `${C} !important`,
@@ -49711,11 +49718,11 @@ const Fa = () => {
   sx: y
 }) => {
   const [E, I] = RA(""), [T, B] = RA(C), [M, P] = RA(!1), v = Ee(null), D = Ee(r), O = Ee(o), R = Ee(C);
-  de(() => {
+  ce(() => {
     D.current = r, O.current = o, R.current = C;
   }, [r, o, C]);
   const k = je(() => A ? (Array.isArray(A) ? A : [A]).map((N) => typeof N == "object" ? N : { label: String(N), value: N }) : [], [A]);
-  de(() => {
+  ce(() => {
     if (v.current && clearTimeout(v.current), !E.trim()) {
       B(R.current);
       return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sevago-library",
-  "version": "1.6.13",
+  "version": "1.6.14",
   "description": "Sevago SSO Frontend Library - A comprehensive SSO solution with React components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",