@hortiview/shared-components 0.0.9183 → 0.0.9233

package/dist/components/ListArea/ListArea.js

@@ -1,93 +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 ur } from "../../_commonjsHelpers-CT_km90n.js";
-import { i as fr, d as lr } from "../../_baseToString-CW6fzR92.js";
-import { _ as vr, a as E, b as yr, c as Q, d as Y } from "../../get-BLA_8TrC.js";
-import { _ as Z, a as pr, b as _r } from "../../_equalByTag-D07t7TSb.js";
-import { a as c, b as or, d as $r } from "../../isArray-D_4rqWbH.js";
-import { i as W, a as z, b as V, _ as gr, c as cr, d as Ar } from "../../iconify.module-BX040Mko.js";
-import { _ as br, i as M } from "../../Iconify-DV7QhHmp.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-xTcv8tEN.js";
+import { _ as lr, a as E, b as vr, c as Q, d as Y } from "../../get-DAwLfiRB.js";
+import { _ as Z, a as pr, b as yr } from "../../_equalByTag-Bi6Uk01d.js";
+import { a as g, b as _r } from "../../isArray-thIeLpc5.js";
+import { a as W, b as z, c as V, _ as or, i as $r, d as cr } from "../../iconify.module-D_I3-4iU.js";
+import { _ as gr, i as M } from "../../Iconify-B9ptjDuU.js";
+import { c as dr } from "../../_Map-2-rfNHMr.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, u = s ? Jr(r.length, String) : [], f = u.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, f))) && u.push(l);
-  return u;
+    Zr(l, u))) && f.push(l);
+  return f;
 }
-var rn = jr, nn = rn, an = br, 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, un = Dr, fn = T;
-function ln(r) {
-  return sn(r, fn, un);
+var T = en, tn = Mr, sn = qr, fn = T;
+function un(r) {
+  return tn(r, fn, sn);
 }
-var vn = ln, C = vn, yn = 1, pn = Object.prototype, _n = pn.hasOwnProperty;
-function on(r, n, a, e, i, t) {
-  var s = a & yn, u = C(r), f = u.length, l = C(n), p = l.length;
-  if (f != p && !s)
+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 y = f; y--; ) {
-    var v = u[y];
-    if (!(s ? v in n : _n.call(n, v)))
+  for (var p = u; p--; ) {
+    var v = f[p];
+    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; ++y < f; ) {
-    v = u[y];
-    var d = r[v], h = n[v];
+  for (var $ = s; ++p < u; ) {
+    v = f[p];
+    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;
     }
@@ -99,222 +100,222 @@ function on(r, n, a, e, i, t) {
   }
   return t.delete(r), t.delete(n), o;
 }
-var $n = on, w = Z, gn = pr, cn = _r, An = $n, I = gr, 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 s = G(r), u = G(n), f = s ? R : I(r), l = u ? R : I(n);
-  f = f == D ? P : f, l = l == D ? P : l;
-  var p = f == P, y = l == P, v = f == l;
+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, p = !1;
+    s = !0, y = !1;
   }
-  if (v && !p)
-    return t || (t = new w()), s || bn(r) ? gn(r, n, a, e, i, t) : cn(r, n, f, a, e, i, t);
-  if (!(a & dn)) {
-    var _ = p && U.call(r, "__wrapped__"), g = y && U.call(n, "__wrapped__");
-    if (_ || g) {
-      var o = _ ? r.value() : r, $ = g ? n.value() : n;
+  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()), 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;
   for (r = Object(r); i--; ) {
-    var u = a[i];
-    if (s && u[2] ? u[1] !== r[u[0]] : !(u[0] in r))
+    var f = a[i];
+    if (s && f[2] ? f[1] !== r[f[0]] : !(f[0] in r))
       return !1;
   }
   for (; ++i < t; ) {
-    u = a[i];
-    var f = u[0], l = r[f], p = u[1];
-    if (s && u[2]) {
-      if (l === void 0 && !(f in r))
+    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 y = new wn();
+      var p = new Pn();
       if (e)
-        var v = e(l, p, f, r, n, y);
-      if (!(v === void 0 ? Ln(p, l, En | Mn, e, y) : v))
+        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 Bn = Tn, Sn = $r;
-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 = cr, 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 = yr, ia = aa, sa = Q, ua = nr, fa = ar, la = E, va = 1, ya = 2;
+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 sa(r) && ua(n) ? fa(la(r), n) : function(a) {
-    var e = ta(a, r);
-    return e === void 0 && e === n ? ia(a, r) : ea(n, e, va | ya);
+  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 = pa;
-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), u = s.length; u--; ) {
-      var f = s[r ? u : ++i];
-      if (a(t[f], f, t) === !1)
+    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 = 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 = fr;
-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, u = n === null, f = n === n, l = N(n);
-    if (!u && !l && !t && r > n || t && s && f && !u && !l || e && s && f || !a && f || !i)
+    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 || u && a && i || !s && i || !f)
+    if (!e && !t && !l && r < n || l && a && i && !e && !t || f && a && i || !s && i || !u)
       return -1;
   }
   return 0;
 }
-var ae = ne, ee = ae;
-function te(r, n, a) {
-  for (var e = -1, i = r.criteria, t = n.criteria, s = i.length, u = a.length; ++e < s; ) {
-    var f = ee(i[e], t[e]);
-    if (f) {
-      if (e >= u)
-        return f;
+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 f * (l == "desc" ? -1 : 1);
+      return u * (l == "desc" ? -1 : 1);
     }
   }
   return r.index - n.index;
 }
-var ie = te, L = lr, se = Y, ue = xa, fe = ka, le = re, ve = Ar, ye = ie, pe = 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 = [pe];
   var e = -1;
-  n = L(n, ve(ue));
-  var i = fe(r, function(t, s, u) {
-    var f = L(n, function(l) {
+  n = L(n, le(se));
+  var i = fe(r, function(t, s, f) {
+    var u = L(n, function(l) {
       return l(t);
     });
-    return { criteria: f, index: ++e, value: t };
+    return { criteria: u, index: ++e, value: t };
   });
-  return le(i, function(t, s) {
-    return ye(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__ */ ur(Ae), xe = ({
+var ge = ce;
+const J = /* @__PURE__ */ sr(ge), xe = ({
   elements: r,
   pathname: n,
   isGrouped: a = !1,
@@ -322,45 +323,54 @@ const J = /* @__PURE__ */ ur(Ae), xe = ({
   searchPlaceholder: i = "",
   isIntegrated: t = !1,
   isSorted: s = !0,
-  itemClassName: u = "",
-  maxHeight: f = "100%",
+  itemClassName: f = "",
+  maxHeight: u = "100%",
   noElementsView: l,
-  routerLinkElement: p
+  routerLinkElement: y
 }) => {
-  const [y, v] = dr(""), _ = F(() => {
-    if (!y)
+  const [p, v] = Ar(""), _ = K(() => {
+    if (!p)
       return s ? J(r, "title") : r;
-    const o = r.filter(($) => $.title.toLowerCase().includes(y.toLowerCase()) || $.subTitle?.toLowerCase().includes(y.toLowerCase()) || $.overlineTitle?.toLowerCase().includes(y.toLowerCase()));
+    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;
-  }, [y, r, s]), g = F(
-    () => a ? mr(_, n, u, p) : Or(_, n, u, p),
-    [_, n, u, a, p]
+  }, [p, r, s]), c = K(
+    () => a ? hr(_, n, f, y) : mr(_, n, f, y),
+    [_, n, f, a, y]
+  );
+  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
+          }
+        )
+      ] })
+    }
   );
-  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: y,
-          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: f },
-        showDivider: !1
-      }
-    )
-  ] }) });
 };
 export {
   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";