@hortiview/shared-components 0.0.11102 → 0.0.11146

package/dist/components/ListArea/ListArea.js

@@ -1,370 +1,58 @@
-import { jsx as A, jsxs as S } from "react/jsx-runtime";
-import { Elevation as tr, Divider as x, List as ir } from "@element/react-components";
-import { g as sr } from "../../_commonjsHelpers-CT_km90n.js";
-import { i as fr, d as ur } from "../../_baseToString-dkhmFwqS.js";
-import { _ as lr, a as E, b as vr, c as Q, d as Y } from "../../get-BJn2Enx7.js";
-import { _ as Z, a as pr, b as yr } from "../../_equalByTag-BZEJl6ST.js";
-import { a as g, b as _r } from "../../isArray-thIeLpc5.js";
-import { i as W, a as z, b as V, _ as or, c as $r, d as cr } from "../../iconify.module-Cru5NS2X.js";
-import { _ as gr, i as M } from "../../Iconify-DoU6pP1o.js";
-import { i as dr } from "../../_Map-DKsHX-kc.js";
-import { useState as Ar, useMemo as K } from "react";
-import { SearchBar as br } from "../SearchBar/SearchBar.js";
-import { getGroupedItems as hr, getListedItems as mr } from "./ListAreaService.js";
-import { s as d } from "../../listArea.module-BhO_OJ1S.js";
-function Or(r, n) {
-  for (var a = -1, e = n.length, i = r.length; ++a < e; )
-    r[i + a] = n[a];
-  return r;
-}
-var Pr = Or, wr = Pr, Lr = g;
-function Er(r, n, a) {
-  var e = n(r);
-  return Lr(r) ? e : wr(e, a(r));
-}
-var Mr = Er;
-function Tr(r, n) {
-  for (var a = -1, e = r == null ? 0 : r.length, i = 0, t = []; ++a < e; ) {
-    var s = r[a];
-    n(s, a, r) && (t[i++] = s);
-  }
-  return t;
-}
-var Br = Tr;
-function Sr() {
-  return [];
-}
-var xr = Sr, Kr = Br, Cr = xr, Fr = Object.prototype, Ir = Fr.propertyIsEnumerable, C = Object.getOwnPropertySymbols, Gr = C ? function(r) {
-  return r == null ? [] : (r = Object(r), Kr(C(r), function(n) {
-    return Ir.call(r, n);
-  }));
-} : Cr, qr = Gr;
-function Dr(r, n) {
-  for (var a = -1, e = Array(r); ++a < r; )
-    e[a] = n(a);
-  return e;
-}
-var Rr = Dr, Ur = 9007199254740991, Hr = /^(?:0|[1-9]\d*)$/;
-function Nr(r, n) {
-  var a = typeof r;
-  return n = n ?? Ur, !!n && (a == "number" || a != "symbol" && Hr.test(r)) && r > -1 && r % 1 == 0 && r < n;
-}
-var k = Nr, Xr = Rr, Jr = W, Qr = g, Yr = z, Zr = k, Wr = V, zr = Object.prototype, Vr = zr.hasOwnProperty;
-function kr(r, n) {
-  var a = Qr(r), e = !a && Jr(r), i = !a && !e && Yr(r), t = !a && !e && !i && Wr(r), s = a || e || i || t, f = s ? Xr(r.length, String) : [], u = f.length;
-  for (var l in r)
-    (n || Vr.call(r, l)) && !(s && // Safari 9 has enumerable `arguments.length` in strict mode.
-    (l == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-    i && (l == "offset" || l == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    t && (l == "buffer" || l == "byteLength" || l == "byteOffset") || // Skip index properties.
-    Zr(l, u))) && f.push(l);
-  return f;
-}
-var jr = kr, rn = jr, nn = gr, an = M;
-function en(r) {
-  return an(r) ? rn(r) : nn(r);
-}
-var T = en, tn = Mr, sn = qr, fn = T;
-function un(r) {
-  return tn(r, fn, sn);
-}
-var ln = un, F = ln, vn = 1, pn = Object.prototype, yn = pn.hasOwnProperty;
-function _n(r, n, a, e, i, t) {
-  var s = a & vn, f = F(r), u = f.length, l = F(n), y = l.length;
-  if (u != y && !s)
-    return !1;
-  for (var p = u; p--; ) {
-    var v = f[p];
-    if (!(s ? v in n : yn.call(n, v)))
-      return !1;
-  }
-  var _ = t.get(r), c = t.get(n);
-  if (_ && c)
-    return _ == n && c == r;
-  var o = !0;
-  t.set(r, n), t.set(n, r);
-  for (var $ = s; ++p < u; ) {
-    v = f[p];
-    var b = r[v], h = n[v];
-    if (e)
-      var B = s ? e(h, b, v, n, r, t) : e(b, h, v, r, n, t);
-    if (!(B === void 0 ? b === h || i(b, h, a, e, t) : B)) {
-      o = !1;
-      break;
-    }
-    $ || ($ = v == "constructor");
-  }
-  if (o && !$) {
-    var m = r.constructor, O = n.constructor;
-    m != O && "constructor" in r && "constructor" in n && !(typeof m == "function" && m instanceof m && typeof O == "function" && O instanceof O) && (o = !1);
-  }
-  return t.delete(r), t.delete(n), o;
-}
-var on = _n, w = Z, $n = pr, cn = yr, gn = on, I = or, G = g, q = z, dn = V, An = 1, D = "[object Arguments]", R = "[object Array]", P = "[object Object]", bn = Object.prototype, U = bn.hasOwnProperty;
-function hn(r, n, a, e, i, t) {
-  var s = G(r), f = G(n), u = s ? R : I(r), l = f ? R : I(n);
-  u = u == D ? P : u, l = l == D ? P : l;
-  var y = u == P, p = l == P, v = u == l;
-  if (v && q(r)) {
-    if (!q(n))
-      return !1;
-    s = !0, y = !1;
-  }
-  if (v && !y)
-    return t || (t = new w()), s || dn(r) ? $n(r, n, a, e, i, t) : cn(r, n, u, a, e, i, t);
-  if (!(a & An)) {
-    var _ = y && U.call(r, "__wrapped__"), c = p && U.call(n, "__wrapped__");
-    if (_ || c) {
-      var o = _ ? r.value() : r, $ = c ? n.value() : n;
-      return t || (t = new w()), i(o, $, a, e, t);
-    }
-  }
-  return v ? (t || (t = new w()), gn(r, n, a, e, i, t)) : !1;
-}
-var mn = hn, On = mn, H = _r;
-function j(r, n, a, e, i) {
-  return r === n ? !0 : r == null || n == null || !H(r) && !H(n) ? r !== r && n !== n : On(r, n, a, e, j, i);
-}
-var rr = j, Pn = Z, wn = rr, Ln = 1, En = 2;
-function Mn(r, n, a, e) {
-  var i = a.length, t = i, s = !e;
-  if (r == null)
-    return !t;
-  for (r = Object(r); i--; ) {
-    var f = a[i];
-    if (s && f[2] ? f[1] !== r[f[0]] : !(f[0] in r))
-      return !1;
-  }
-  for (; ++i < t; ) {
-    f = a[i];
-    var u = f[0], l = r[u], y = f[1];
-    if (s && f[2]) {
-      if (l === void 0 && !(u in r))
-        return !1;
-    } else {
-      var p = new Pn();
-      if (e)
-        var v = e(l, y, u, r, n, p);
-      if (!(v === void 0 ? wn(y, l, Ln | En, e, p) : v))
-        return !1;
-    }
-  }
-  return !0;
-}
-var Tn = Mn, Bn = dr;
-function Sn(r) {
-  return r === r && !Bn(r);
-}
-var nr = Sn, xn = nr, Kn = T;
-function Cn(r) {
-  for (var n = Kn(r), a = n.length; a--; ) {
-    var e = n[a], i = r[e];
-    n[a] = [e, i, xn(i)];
-  }
-  return n;
-}
-var Fn = Cn;
-function In(r, n) {
-  return function(a) {
-    return a == null ? !1 : a[r] === n && (n !== void 0 || r in Object(a));
-  };
-}
-var ar = In, Gn = Tn, qn = Fn, Dn = ar;
-function Rn(r) {
-  var n = qn(r);
-  return n.length == 1 && n[0][2] ? Dn(n[0][0], n[0][1]) : function(a) {
-    return a === r || Gn(a, r, n);
-  };
-}
-var Un = Rn;
-function Hn(r, n) {
-  return r != null && n in Object(r);
-}
-var Nn = Hn, Xn = lr, Jn = W, Qn = g, Yn = k, Zn = $r, Wn = E;
-function zn(r, n, a) {
-  n = Xn(n, r);
-  for (var e = -1, i = n.length, t = !1; ++e < i; ) {
-    var s = Wn(n[e]);
-    if (!(t = r != null && a(r, s)))
-      break;
-    r = r[s];
-  }
-  return t || ++e != i ? t : (i = r == null ? 0 : r.length, !!i && Zn(i) && Yn(s, i) && (Qn(r) || Jn(r)));
-}
-var Vn = zn, kn = Nn, jn = Vn;
-function ra(r, n) {
-  return r != null && jn(r, n, kn);
-}
-var na = ra, aa = rr, ea = vr, ta = na, ia = Q, sa = nr, fa = ar, ua = E, la = 1, va = 2;
-function pa(r, n) {
-  return ia(r) && sa(n) ? fa(ua(r), n) : function(a) {
-    var e = ea(a, r);
-    return e === void 0 && e === n ? ta(a, r) : aa(n, e, la | va);
-  };
-}
-var ya = pa;
-function _a(r) {
-  return r;
-}
-var er = _a;
-function oa(r) {
-  return function(n) {
-    return n?.[r];
-  };
-}
-var $a = oa, ca = Y;
-function ga(r) {
-  return function(n) {
-    return ca(n, r);
-  };
-}
-var da = ga, Aa = $a, ba = da, ha = Q, ma = E;
-function Oa(r) {
-  return ha(r) ? Aa(ma(r)) : ba(r);
-}
-var Pa = Oa, wa = Un, La = ya, Ea = er, Ma = g, Ta = Pa;
-function Ba(r) {
-  return typeof r == "function" ? r : r == null ? Ea : typeof r == "object" ? Ma(r) ? La(r[0], r[1]) : wa(r) : Ta(r);
-}
-var Sa = Ba;
-function xa(r) {
-  return function(n, a, e) {
-    for (var i = -1, t = Object(n), s = e(n), f = s.length; f--; ) {
-      var u = s[r ? f : ++i];
-      if (a(t[u], u, t) === !1)
-        break;
-    }
-    return n;
-  };
-}
-var Ka = xa, Ca = Ka, Fa = Ca(), Ia = Fa, Ga = Ia, qa = T;
-function Da(r, n) {
-  return r && Ga(r, n, qa);
-}
-var Ra = Da, Ua = M;
-function Ha(r, n) {
-  return function(a, e) {
-    if (a == null)
-      return a;
-    if (!Ua(a))
-      return r(a, e);
-    for (var i = a.length, t = n ? i : -1, s = Object(a); (n ? t-- : ++t < i) && e(s[t], t, s) !== !1; )
-      ;
-    return a;
-  };
-}
-var Na = Ha, Xa = Ra, Ja = Na, Qa = Ja(Xa), Ya = Qa, Za = Ya, Wa = M;
-function za(r, n) {
-  var a = -1, e = Wa(r) ? Array(r.length) : [];
-  return Za(r, function(i, t, s) {
-    e[++a] = n(i, t, s);
-  }), e;
-}
-var Va = za;
-function ka(r, n) {
-  var a = r.length;
-  for (r.sort(n); a--; )
-    r[a] = r[a].value;
-  return r;
-}
-var ja = ka, N = fr;
-function re(r, n) {
-  if (r !== n) {
-    var a = r !== void 0, e = r === null, i = r === r, t = N(r), s = n !== void 0, f = n === null, u = n === n, l = N(n);
-    if (!f && !l && !t && r > n || t && s && u && !f && !l || e && s && u || !a && u || !i)
-      return 1;
-    if (!e && !t && !l && r < n || l && a && i && !e && !t || f && a && i || !s && i || !u)
-      return -1;
-  }
-  return 0;
-}
-var ne = re, ae = ne;
-function ee(r, n, a) {
-  for (var e = -1, i = r.criteria, t = n.criteria, s = i.length, f = a.length; ++e < s; ) {
-    var u = ae(i[e], t[e]);
-    if (u) {
-      if (e >= f)
-        return u;
-      var l = a[e];
-      return u * (l == "desc" ? -1 : 1);
-    }
-  }
-  return r.index - n.index;
-}
-var te = ee, L = ur, ie = Y, se = Sa, fe = Va, ue = ja, le = cr, ve = te, pe = er, ye = g;
-function _e(r, n, a) {
-  n.length ? n = L(n, function(t) {
-    return ye(t) ? function(s) {
-      return ie(s, t.length === 1 ? t[0] : t);
-    } : t;
-  }) : n = [pe];
-  var e = -1;
-  n = L(n, le(se));
-  var i = fe(r, function(t, s, f) {
-    var u = L(n, function(l) {
-      return l(t);
-    });
-    return { criteria: u, index: ++e, value: t };
-  });
-  return ue(i, function(t, s) {
-    return ve(t, s, a);
-  });
-}
-var oe = _e, $e = oe, X = g;
-function ce(r, n, a, e) {
-  return r == null ? [] : (X(n) || (n = n == null ? [] : [n]), a = e ? void 0 : a, X(a) || (a = a == null ? [] : [a]), $e(r, n, a));
-}
-var ge = ce;
-const J = /* @__PURE__ */ sr(ge), xe = ({
+import { jsx as s, jsxs as m } from "react/jsx-runtime";
+import { Elevation as C, Divider as u, List as $ } from "@element/react-components";
+import { o as v } from "../../orderBy-BVQIswlJ.js";
+import { useState as b, useMemo as p } from "react";
+import { SearchBar as B } from "../SearchBar/SearchBar.js";
+import { g as j, a as D, s as t } from "../../ListAreaService-CRX4eEUJ.js";
+const M = ({
   elements: r,
-  pathname: n,
-  isGrouped: a = !1,
-  hasSearch: e = !1,
-  searchPlaceholder: i = "",
-  isIntegrated: t = !1,
-  isSorted: s = !0,
-  itemClassName: f = "",
-  maxHeight: u = "100%",
-  noElementsView: l,
-  routerLinkElement: y
+  pathname: o,
+  isGrouped: i = !1,
+  hasSearch: w = !1,
+  searchPlaceholder: L = "",
+  isIntegrated: n = !1,
+  isSorted: l = !0,
+  itemClassName: c = "",
+  maxHeight: T = "100%",
+  noElementsView: g,
+  routerLinkElement: d
 }) => {
-  const [p, v] = Ar(""), _ = K(() => {
-    if (!p)
-      return s ? J(r, "title") : r;
-    const o = r.filter(($) => $.title.toLowerCase().includes(p.toLowerCase()) || $.subTitle?.toLowerCase().includes(p.toLowerCase()) || $.overlineTitle?.toLowerCase().includes(p.toLowerCase()));
-    return s ? J(o, "title") : o;
-  }, [p, r, s]), c = K(
-    () => a ? hr(_, n, f, y) : mr(_, n, f, y),
-    [_, n, f, a, y]
+  const [e, x] = b(""), a = p(() => {
+    if (!e) return l ? v(r, "title") : r;
+    const h = r.filter((f) => f.title.toLowerCase().includes(e.toLowerCase()) || f.subTitle?.toLowerCase().includes(e.toLowerCase()) || f.overlineTitle?.toLowerCase().includes(e.toLowerCase()));
+    return l ? v(h, "title") : h;
+  }, [e, r, l]), y = p(
+    () => i ? j(a, o, c, d) : D(a, o, c, d),
+    [a, o, c, i, d]
   );
-  return /* @__PURE__ */ A(
-    tr,
+  return /* @__PURE__ */ s(
+    C,
     {
       "data-testid": "elevation",
-      elevation: t ? 0 : 1,
-      className: `${d.mainElevation}`,
-      children: /* @__PURE__ */ S("div", { className: d.fullWidth, children: [
-        e && r.length > 0 && /* @__PURE__ */ S("span", { "data-testid": "search-bar-container", children: [
-          t && /* @__PURE__ */ A(x, {}),
-          /* @__PURE__ */ A(
-            br,
+      elevation: n ? 0 : 1,
+      className: `${t.mainElevation}`,
+      children: /* @__PURE__ */ m("div", { className: t.fullWidth, children: [
+        w && r.length > 0 && /* @__PURE__ */ m("span", { "data-testid": "search-bar-container", children: [
+          n && /* @__PURE__ */ s(u, {}),
+          /* @__PURE__ */ s(
+            B,
             {
-              searchTerm: p,
-              setSearchTerm: v,
-              className: d.searchbar,
-              placeholder: i
+              searchTerm: e,
+              setSearchTerm: x,
+              className: t.searchbar,
+              placeholder: L
             }
           ),
-          /* @__PURE__ */ A(x, {})
+          /* @__PURE__ */ s(u, {})
         ] }),
-        _.length === 0 && l,
-        /* @__PURE__ */ A(
-          ir,
+        a.length === 0 && g,
+        /* @__PURE__ */ s(
+          $,
           {
             "data-testid": "list",
-            items: c,
-            className: `${d.list} ${d.primaryText} ${a ? "" : d.roundedBottom}`,
-            style: { maxHeight: u },
+            items: y,
+            className: `${t.list} ${t.primaryText} ${i ? "" : t.roundedBottom}`,
+            style: { maxHeight: T },
             showDivider: !1
           }
         )
@@ -373,5 +61,5 @@ const J = /* @__PURE__ */ sr(ge), xe = ({
   );
 };
 export {
-  xe as ListArea
+  M as ListArea
 };

package/dist/components/ListArea/ListArea.test.js

@@ -1,9 +1,9 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { TypoButton as p } from "@element/react-components";
-import { a as s, s as a, f as u } from "../../react.esm-CHvVvf3L.js";
+import { a as s, s as a, f as u } from "../../react.esm-FR1-H8iU.js";
 import { ListArea as c } from "./ListArea.js";
-import { getGroupedItems as h } from "./ListAreaService.js";
-import { d as m, t as n, g as t } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { g as d } from "../../ListAreaService-CRX4eEUJ.js";
+import { d as m, t as n, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 m("ListArea Test", () => {
   const o = [
     {
@@ -99,7 +99,7 @@ m("ListAreaService Test", () => {
     }
   ];
   n("should return grouped items", () => {
-    const e = h(o, "", "", void 0);
+    const e = d(o, "", "", void 0);
     t(e.length).toBe(2), t(e[0].groupName).toStrictEqual(/* @__PURE__ */ r(p, { tag: "span", children: "farm-1" })), t(e[0].items.length).toBe(2), t(e[1].groupName).toStrictEqual(/* @__PURE__ */ r(p, { tag: "span", children: "farm-2" })), t(e[1].items.length).toBe(1);
   });
 });

package/dist/components/ListArea/ListAreaService.js

@@ -1,94 +1,10 @@
-import { jsx as r, jsxs as B } from "react/jsx-runtime";
-import { TypoButton as C, Group as b, TypoSubtitle as j, TypoBody as O, Icon as G } from "@element/react-components";
-import { I as L } from "../../Iconify-DoU6pP1o.js";
-import { AvailableCustomIcons as S } from "../../enums/AvailableCustomIcons.js";
-import { s as n } from "../../listArea.module-BhO_OJ1S.js";
-const D = (t, a, l, s) => {
-  const i = t.reduce((o, c) => {
-    const { groupName: e, ...m } = c;
-    return !e || typeof e != "string" || (o[e] || (o[e] = {
-      groupName: /* @__PURE__ */ r(C, { children: e }),
-      id: e,
-      items: []
-    }), o[e].items = [
-      ...o[e].items,
-      T(m, a, l, s)
-    ]), o;
-  }, {});
-  return Object.values(i);
-}, F = (t, a, l, s) => t.map((i) => T(i, a, l, s)), T = (t, a, l, s) => {
-  const {
-    id: i,
-    title: o,
-    subTitle: c,
-    route: e,
-    value: m,
-    noNavigation: v,
-    disabled: d,
-    icon: f,
-    iconType: g,
-    trailingIcon: I,
-    trailingIconType: h,
-    actionButton: N,
-    onClick: $,
-    customTitle: y,
-    listItemClassName: k,
-    overlineTitle: p
-  } = t, u = a === e;
-  return {
-    id: i,
-    key: i,
-    select: u,
-    primaryText: i,
-    secondaryText: /* @__PURE__ */ B(b, { direction: "vertical", gap: "none", children: [
-      y ?? /* @__PURE__ */ r(
-        j,
-        {
-          "data-testid": "title",
-          level: 1,
-          themeColor: u ? "primary" : void 0,
-          className: `${n.truncate} lmnt-theme-on-surface-active`,
-          children: o
-        }
-      ),
-      c && !y ? /* @__PURE__ */ r(
-        O,
-        {
-          "data-testid": "subtitle",
-          level: 2,
-          themeColor: u ? "primary" : void 0,
-          className: `${n.truncate} lmnt-theme-on-surface-inactive`,
-          children: c
-        }
-      ) : void 0
-    ] }),
-    overlineText: p ? /* @__PURE__ */ r(
-      "span",
-      {
-        "data-testid": "overline-title",
-        className: `${n.truncate} ${n.truncateOverlineText}`,
-        children: p
-      }
-    ) : void 0,
-    trailingBlock: N ?? I ?? /* @__PURE__ */ r(G, { icon: "arrow_right", className: n.iconColor }),
-    leadingBlock: _(f),
-    value: m,
-    componentProps: {
-      id: i,
-      "data-testid": `${o}-list-item`,
-      key: i,
-      leadingBlockType: g ?? "icon",
-      trailingBlockType: h ?? "icon",
-      className: `${g === "avatar" ? "" : n.listItem} ${l} ${k ?? ""} ${p ? n.overlineTitle : n.noOverlineTitle}`,
-      onClick: (w, x) => $?.(x),
-      tag: d || v ? void 0 : s ?? "a",
-      to: d || v ? void 0 : e,
-      disabled: d
-    }
-  };
-}, _ = (t) => typeof t == "string" && t in S ? /* @__PURE__ */ r(L, { icon: t }) : t;
+import "react/jsx-runtime";
+import "@element/react-components";
+import "../Iconify/Iconify.js";
+import "../../enums/AvailableCustomIcons.js";
+import { g as s, a as i, m as a } from "../../ListAreaService-CRX4eEUJ.js";
 export {
-  D as getGroupedItems,
-  F as getListedItems,
-  T as mapListElement
+  s as getGroupedItems,
+  i as getListedItems,
+  a as mapListElement
 };

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js

@@ -1,11 +1,7 @@
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { TypoBody as e } from "@element/react-components";
-import { s as r } from "../../../bigLoadingSpinner.module-GgbFol8k.js";
-import { I as n } from "../../../Iconify-DoU6pP1o.js";
-const s = ({ text: o }) => /* @__PURE__ */ a("div", { className: r.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
-  /* @__PURE__ */ i(n, { icon: "hortiview", className: r.logo, "data-testid": "logo-icon" }),
-  /* @__PURE__ */ i(e, { tag: "p", bold: !0, level: 1, className: r.bigLoadSpinnerCardText, children: o })
-] }), p = (o) => /* @__PURE__ */ i("div", { className: r.loadingBigOverlay, children: /* @__PURE__ */ i(s, { ...o }) });
+import "react/jsx-runtime";
+import "@element/react-components";
+import { B as t } from "../../../BigLoadingSpinner-C3wTbTD0.js";
+import "../../Iconify/Iconify.js";
 export {
-  p as BigLoadingSpinner
+  t as BigLoadingSpinner
 };

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,8 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { BigLoadingSpinner as n } from "./BigLoadingSpinner.js";
-import { a as i, s as e } from "../../../react.esm-CHvVvf3L.js";
-import { s as r } from "../../../bigLoadingSpinner.module-GgbFol8k.js";
-import { d as g, t as a, g as t } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { s as r, B as n } from "../../../BigLoadingSpinner-C3wTbTD0.js";
+import { a as i, s as e } from "../../../react.esm-FR1-H8iU.js";
+import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 g("BigLoadingSpinner Test", () => {
   a("render BigLoadingSpinner with custom loading text", () => {
     i(/* @__PURE__ */ o(n, { text: "Please wait..." })), t(e.getByText("Please wait...")).toBeInTheDocument(), t(e.getByRole("progressbar")).toBeInTheDocument();

package/dist/components/LoadingSpinner/Default/LoadingSpinner.js

@@ -1,57 +1,59 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { CircularProgress as s, Padding as h, Group as x, TypoBody as y } from "@element/react-components";
-import { useState as v, useEffect as S, useMemo as C } from "react";
-import { BigLoadingSpinner as b } from "../Big/BigLoadingSpinner.js";
-import { s as A } from "../../../loadingSpinner.module-CLtqSMWA.js";
-const I = ({
-  size: t,
+import "../../../assets/LoadingSpinner.css";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { CircularProgress as s, Padding as h, Group as S, TypoBody as x } from "@element/react-components";
+import { useState as C, useEffect as y, useMemo as v } from "react";
+import { B as b } from "../../../BigLoadingSpinner-C3wTbTD0.js";
+const A = "_loadingSpinnerContainer_1f3ss_1", B = {
+  loadingSpinnerContainer: A
+}, I = ({
+  size: r,
   center: l = !1,
   text: i,
   textPosition: g = "bottom",
-  color: e = "primary",
-  spinnerOnly: m = !1,
+  color: t = "primary",
+  spinnerOnly: c = !1,
   //Due to we don't have (and want) to use a translation logic in this component, we are using a hardcoded message
-  impatienceMessage: n = "This is taking longer than expected. Please be patient.",
+  impatienceMessage: e = "This is taking longer than expected. Please be patient.",
   impatienceTimeout: o = 10
 }) => {
-  const [a, c] = v(0);
-  S(() => {
-    const p = setInterval(() => {
-      c((f) => f + 1);
+  const [a, p] = C(0);
+  y(() => {
+    const m = setInterval(() => {
+      p((f) => f + 1);
     }, 1e3);
-    return () => clearInterval(p);
+    return () => clearInterval(m);
   }, []);
-  const d = C(() => n && a > o ? n : i, [n, o, i, a]);
-  return t === "big" ? /* @__PURE__ */ r(b, { text: d }) : m ? /* @__PURE__ */ r(
+  const d = v(() => e && a > o ? e : i, [e, o, i, a]);
+  return r === "big" ? /* @__PURE__ */ n(b, { text: d }) : c ? /* @__PURE__ */ n(
     s,
     {
       "data-testid": "loading-spinner",
-      themeColor: e,
-      indicatorSize: t ?? "md"
+      themeColor: t,
+      indicatorSize: r ?? "md"
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ n(
     h,
     {
       variant: "standard",
       style: { textAlign: "center" },
-      className: l ? A.loadingSpinnerContainer : "",
+      className: l ? B.loadingSpinnerContainer : "",
       children: /* @__PURE__ */ u(
-        x,
+        S,
         {
           direction: g === "right" ? "horizontal" : "vertical",
           gap: "dense",
           primaryAlign: "center",
           secondaryAlign: "center",
           children: [
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ n(
               s,
               {
                 "data-testid": "loading-spinner",
-                themeColor: e,
-                indicatorSize: t ?? "lg"
+                themeColor: t,
+                indicatorSize: r ?? "lg"
               }
             ),
-            /* @__PURE__ */ r(y, { themeColor: `text-${e}-on-background`, tag: "div", "data-testid": "loading-text", children: d })
+            /* @__PURE__ */ n(x, { themeColor: `text-${t}-on-background`, tag: "div", "data-testid": "loading-text", children: d })
           ]
         }
       )

package/dist/components/LoadingSpinner/Default/LoadingSpinner.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a, s as e, b as s } from "../../../react.esm-CHvVvf3L.js";
+import { a, s as e, b as s } from "../../../react.esm-FR1-H8iU.js";
 import { LoadingSpinner as i } from "./LoadingSpinner.js";
-import { d as m, b as d, t as o, g as t, a as r } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as m, b as d, t as o, g as t, a as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 m("LoadingSpinner Test", () => {
   d(() => {
     r.useFakeTimers();