@hortiview/shared-components 0.0.9195 → 0.0.9279

package/dist/components/ListArea/ListArea.js

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

package/dist/components/ListArea/ListAreaService.d.ts

@@ -32,6 +32,7 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
     value: string | undefined;
     componentProps: {
         id: string;
+        'data-testid': string;
         key: string;
         leadingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";
         trailingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";
@@ -61,6 +62,7 @@ export declare const mapListElement: (element: ListElement, pathname: string | u
     value: string | undefined;
     componentProps: {
         id: string;
+        'data-testid': string;
         key: string;
         leadingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";
         trailingBlockType: "icon" | "badge" | "image" | "meta" | "checkbox" | "radio" | "switch" | "avatar" | "lgImage" | "thumbnail";

package/dist/components/ListArea/ListAreaService.js

@@ -1,79 +1,89 @@
 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-B9ptjDuU.js";
+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, c, l) => {
-  const o = t.reduce((i, s) => {
-    const { groupName: e, ...m } = s;
-    return !e || typeof e != "string" || (i[e] || (i[e] = {
+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: []
-    }), i[e].items = [
-      ...i[e].items,
-      T(m, a, c, l)
-    ]), i;
+    }), o[e].items = [
+      ...o[e].items,
+      T(m, a, l, s)
+    ]), o;
   }, {});
-  return Object.values(o);
-}, F = (t, a, c, l) => t.map((o) => T(o, a, c, l)), T = (t, a, c, l) => {
+  return Object.values(i);
+}, F = (t, a, l, s) => t.map((i) => T(i, a, l, s)), T = (t, a, l, s) => {
   const {
-    id: o,
-    title: i,
-    subTitle: s,
+    id: i,
+    title: o,
+    subTitle: c,
     route: e,
     value: m,
     noNavigation: v,
-    disabled: p,
+    disabled: d,
     icon: f,
     iconType: g,
     trailingIcon: I,
     trailingIconType: h,
     actionButton: N,
-    onClick: k,
+    onClick: $,
     customTitle: y,
-    listItemClassName: $,
-    overlineTitle: d
+    listItemClassName: k,
+    overlineTitle: p
   } = t, u = a === e;
   return {
-    id: o,
-    key: o,
+    id: i,
+    key: i,
     select: u,
-    primaryText: o,
+    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: i
+          children: o
         }
       ),
-      s && !y ? /* @__PURE__ */ r(
+      c && !y ? /* @__PURE__ */ r(
         O,
         {
+          "data-testid": "subtitle",
           level: 2,
           themeColor: u ? "primary" : void 0,
           className: `${n.truncate} lmnt-theme-on-surface-inactive`,
-          children: s
+          children: c
         }
       ) : void 0
     ] }),
-    overlineText: d ? /* @__PURE__ */ r("span", { className: `${n.truncate} ${n.truncateOverlineText}`, children: d }) : 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: o,
-      key: o,
+      id: i,
+      "data-testid": `${o}-list-item`,
+      key: i,
       leadingBlockType: g ?? "icon",
       trailingBlockType: h ?? "icon",
-      className: `${g === "avatar" ? "" : n.listItem} ${c} ${$ ?? ""} ${d ? n.overlineTitle : n.noOverlineTitle}`,
-      onClick: (w, x) => k?.(x),
-      tag: p || v ? void 0 : l ?? "a",
-      to: p || v ? void 0 : e,
-      disabled: p
+      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;