@hortiview/shared-components 2.4.0 → 2.5.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [2.5.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.4.0...v2.5.0) (2025-09-08)
+
+### Features
+
+* adapt ListArea to have custom group header components ([7ed3e2b](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/7ed3e2b587b0c602df889218ab55e80e1ef1038d))
+* add detailSubtitle prop in `BaseView` ([6fdb847](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/6fdb847b95921ab521df823cb566391005335432))
+
 ## [2.4.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.3.0...v2.4.0) (2025-08-21)
 
 ### Features

package/dist/{AlertBanner-75jjene1.js → AlertBanner-JnX0tJGC.js}

@@ -1,13 +1,13 @@
 import { jsx as n, Fragment as i, jsxs as t } from "react/jsx-runtime";
-import { G as l } from "./index.es-DntoATwO.js";
-import { I as _ } from "./index.es-3043KTnb.js";
-import { T as d } from "./index.es-D54RuMc_.js";
-import './assets/AlertBanner.css';const m = "_messageContainer_2hnjr_1", g = "_info_2hnjr_9", h = "_danger_2hnjr_14", p = "_success_2hnjr_19", f = "_warning_2hnjr_24", u = "_closeIcon_2hnjr_29", j = "_linkBanner_2hnjr_34", s = {
-  messageContainer: m,
+import { G as l } from "./index.es-CbBdaRO2.js";
+import { I as _ } from "./index.es-DErA6zWG.js";
+import { T as m } from "./index.es--yyG47az.js";
+import './assets/AlertBanner.css';const d = "_messageContainer_2hnjr_1", g = "_info_2hnjr_9", h = "_danger_2hnjr_14", f = "_success_2hnjr_19", p = "_warning_2hnjr_24", u = "_closeIcon_2hnjr_29", j = "_linkBanner_2hnjr_34", s = {
+  messageContainer: d,
   info: g,
   danger: h,
-  success: p,
-  warning: f,
+  success: f,
+  warning: p,
   closeIcon: u,
   linkBanner: j
 }, k = ({
@@ -16,8 +16,8 @@ import './assets/AlertBanner.css';const m = "_messageContainer_2hnjr_1", g = "_i
   isOpen: a = !0,
   isBold: c = !0,
   onClose: r
-}) => a ? /* @__PURE__ */ n("div", { "data-testid": "alert-banner", className: `${s.messageContainer} ${s[o]}`, children: /* @__PURE__ */ t(l, { primaryAlign: "space-between", secondaryAlign: "top", gap: "dense", fullWidth: !0, children: [
-  typeof e == "string" ? /* @__PURE__ */ n(d, { bold: c, level: 2, children: e }) : /* @__PURE__ */ n("div", { style: { width: "100%" }, children: e }),
+}) => a ? /* @__PURE__ */ n("div", { "data-testid": "alert-banner", className: `${s.messageContainer} ${s[o]}`, children: /* @__PURE__ */ t(l, { primaryAlign: "space-between", gap: "dense", fullWidth: !0, children: [
+  typeof e == "string" ? /* @__PURE__ */ n(m, { bold: c, level: 2, children: e }) : /* @__PURE__ */ n("div", { style: { width: "100%" }, children: e }),
   r && /* @__PURE__ */ n(_, { icon: "close", iconSize: "small", onClick: r, className: s.closeIcon })
 ] }) }) : /* @__PURE__ */ n(i, {});
 export {

package/dist/{BigLoadingSpinner-BbXMCKpm.js → BigLoadingSpinner-chQoiNY9.js}

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
-import { T as r } from "./index.es-D54RuMc_.js";
+import { T as r } from "./index.es--yyG47az.js";
 import { Iconify as d } from "./components/Iconify/Iconify.js";
 import './assets/BigLoadingSpinner.css';const e = "_loadingBigOverlay_7dxo1_1", s = "_bigLoadSpinnerCard_7dxo1_12", g = "_bigLoadSpinnerCardText_7dxo1_27", t = "_logo_7dxo1_33", o = {
   loadingBigOverlay: e,

package/dist/{GenericCard-BFYKwkzI.js → GenericCard-c9yuyN3m.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as d, Fragment as C } from "react/jsx-runtime";
-import { C as h, a as m, b as T, c as g, d as v } from "./index.es-6TJ1S8Jr.js";
-import { G as b, a as x, b as c } from "./index.es-Dvj_qpAp.js";
-import { d as f } from "./index.es-D54RuMc_.js";
+import { C as h, a as m, b as T, c as g, d as v } from "./index.es-DDo_AHL0.js";
+import { G as b, a as x, b as c } from "./index.es-DOX4XTz_.js";
+import { d as f } from "./index.es--yyG47az.js";
 import { useMemo as w } from "react";
 import { OverflowTooltip as l } from "./components/OverflowTooltip/OverflowTooltip.js";
 import './assets/GenericCard.css';const u = "_cardTitle_ny9m0_1", B = "_cardBody_ny9m0_5", N = "_cardContent_ny9m0_10", $ = "_row_ny9m0_14", G = "_font_ny9m0_18", k = "_fontHeader_ny9m0_23", H = "_title_ny9m0_27", S = "_emptyContainer_ny9m0_33", A = "_empty_ny9m0_33", n = {

package/dist/ListAreaService-BY6ZTds9.js

@@ -0,0 +1,124 @@
+import { jsx as r, jsxs as b } from "react/jsx-runtime";
+import { G as E } from "./index.es-CbBdaRO2.js";
+import { I as O } from "./index.es-DErA6zWG.js";
+import { P as k } from "./index.es-D-ph6ImM.js";
+import { c as $, d as j, T as H } from "./index.es--yyG47az.js";
+import { c as M } from "./_setToString-Do1lSQTZ.js";
+import { Iconify as P } from "./components/Iconify/Iconify.js";
+import { AvailableCustomIcons as W } from "./enums/AvailableCustomIcons.js";
+import './assets/ListAreaService.css';const L = "_fullWidth_v1ae9_1", w = "_mainElevation_v1ae9_5", A = "_searchbar_v1ae9_11", q = "_roundedBottom_v1ae9_19", z = "_primaryText_v1ae9_24", D = "_list_v1ae9_28", F = "_listItem_v1ae9_56", J = "_noGroupHeaderMargin_v1ae9_76", K = "_indentGroupedElement_v1ae9_80", Q = "_isNotSelected_v1ae9_84", R = "_isSelected_v1ae9_89", U = "_iconColor_v1ae9_94", V = "_overlineTitle_v1ae9_98", X = "_noOverlineTitle_v1ae9_103", Y = "_truncate_v1ae9_107", Z = "_truncateOverlineText_v1ae9_118", t = {
+  fullWidth: L,
+  mainElevation: w,
+  searchbar: A,
+  roundedBottom: q,
+  primaryText: z,
+  list: D,
+  listItem: F,
+  noGroupHeaderMargin: J,
+  indentGroupedElement: K,
+  isNotSelected: Q,
+  isSelected: R,
+  iconColor: U,
+  overlineTitle: V,
+  noOverlineTitle: X,
+  truncate: Y,
+  truncateOverlineText: Z
+}, de = (o, a, l, s) => {
+  const i = o.reduce((n, c) => {
+    const { groupName: e, groupComponent: v, ...d } = c;
+    return !e || typeof e != "string" || (n[e] || (n[e] = {
+      groupName: v ?? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r($, { children: e }) }),
+      id: e,
+      items: []
+    }), n[e].items = [
+      ...n[e].items,
+      g(d, a, l, s)
+    ]), n;
+  }, {});
+  return Object.values(i);
+}, me = (o, a, l, s) => o.map((i) => g(i, a, l, s)), g = (o, a, l, s) => {
+  const {
+    id: i,
+    title: n,
+    subTitle: c,
+    route: e,
+    value: v,
+    noNavigation: d,
+    disabled: _,
+    icon: y,
+    iconType: u,
+    trailingIcon: f,
+    trailingIconType: h,
+    actionButton: I,
+    onClick: x,
+    customTitle: T,
+    listItemClassName: N,
+    overlineTitle: p,
+    "data-testid": C,
+    indentElement: B
+  } = o, m = a === e, G = M(
+    u !== "avatar" && t.listItem,
+    l,
+    N,
+    p ? t.overlineTitle : t.noOverlineTitle,
+    B && t.indentGroupedElement,
+    m ? t.isSelected : t.isNotSelected
+  );
+  return {
+    id: i,
+    key: i,
+    select: m,
+    primaryText: i,
+    secondaryText: /* @__PURE__ */ b(E, { direction: "vertical", gap: "none", children: [
+      T ?? /* @__PURE__ */ r(
+        j,
+        {
+          "data-testid": "title",
+          level: 1,
+          themeColor: m ? "primary" : void 0,
+          className: `${t.truncate} lmnt-theme-on-surface-active`,
+          children: n
+        }
+      ),
+      c && !T ? /* @__PURE__ */ r(
+        H,
+        {
+          "data-testid": "subtitle",
+          level: 2,
+          themeColor: m ? "primary" : void 0,
+          className: `${t.truncate} lmnt-theme-on-surface-inactive`,
+          children: c
+        }
+      ) : void 0
+    ] }),
+    overlineText: p ? /* @__PURE__ */ r(
+      "span",
+      {
+        "data-testid": "overline-title",
+        className: `${t.truncate} ${t.truncateOverlineText}`,
+        children: p
+      }
+    ) : void 0,
+    trailingBlock: I ?? f ?? /* @__PURE__ */ r(O, { icon: "arrow_right", className: t.iconColor }),
+    leadingBlock: ee(y),
+    value: v,
+    componentProps: {
+      id: i,
+      "data-testid": `${C ?? n}-list-item`,
+      key: i,
+      leadingBlockType: u ?? "icon",
+      trailingBlockType: h ?? "icon",
+      className: G,
+      onClick: (te, S) => x?.(S),
+      tag: _ || d ? void 0 : s ?? "a",
+      to: _ || d ? void 0 : e,
+      disabled: _
+    }
+  };
+}, ee = (o) => typeof o == "string" && o in W ? /* @__PURE__ */ r(P, { icon: o }) : o;
+export {
+  me as a,
+  de as g,
+  g as m,
+  t as s
+};

package/dist/{OfflineView-BW19N4Cu.js → OfflineView-HbuDPpQL.js}

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { G as s } from "./index.es-DntoATwO.js";
+import { G as s } from "./index.es-CbBdaRO2.js";
 import { Iconify as _ } from "./components/Iconify/Iconify.js";
-import { b as m, d as y, T as h } from "./index.es-D54RuMc_.js";
-import { B as v } from "./index.es-CiqbARoC.js";
+import { b as m, d as y, T as h } from "./index.es--yyG47az.js";
+import { B as v } from "./index.es-Bx1E5MPK.js";
 import './assets/OfflineView.css';const w = "_gap_18we6_1", G = "_container_18we6_5", T = "_bgWhite_18we6_11", x = "_bgGrey_18we6_16", W = "_subtitle_18we6_21", i = {
   gap: w,
   container: G,

package/dist/{_MapCache-B75yWNNd.js → _MapCache-B75dXJyg.js}

@@ -369,8 +369,8 @@ export {
   $e as b,
   nr as c,
   Ge as d,
-  Se as e,
-  Ee as f,
+  Ee as e,
+  Se as f,
   Fe as g,
   Oe as r
 };

package/dist/_baseIsEqual-CZNn3LMM.js

@@ -0,0 +1,241 @@
+import { g as ur, h as ir, b as sr, d as fr } from "./_setToString-Do1lSQTZ.js";
+import { c as tr, d as _r } from "./_MapCache-B75dXJyg.js";
+import { c as lr, r as vr, b as dr } from "./isArray-DN9s620O.js";
+import { r as gr } from "./_getAllKeys-tc1bcd1W.js";
+import { a as qr } from "./_getTag-DYHrLaIw.js";
+var D, Q;
+function Ar() {
+  if (Q) return D;
+  Q = 1;
+  var u = "__lodash_hash_undefined__";
+  function e(_) {
+    return this.__data__.set(_, u), this;
+  }
+  return D = e, D;
+}
+var m, X;
+function yr() {
+  if (X) return m;
+  X = 1;
+  function u(e) {
+    return this.__data__.has(e);
+  }
+  return m = u, m;
+}
+var H, Y;
+function pr() {
+  if (Y) return H;
+  Y = 1;
+  var u = tr(), e = Ar(), _ = yr();
+  function n(f) {
+    var t = -1, r = f == null ? 0 : f.length;
+    for (this.__data__ = new u(); ++t < r; )
+      this.add(f[t]);
+  }
+  return n.prototype.add = n.prototype.push = e, n.prototype.has = _, H = n, H;
+}
+var B, Z;
+function Tr() {
+  if (Z) return B;
+  Z = 1;
+  function u(e, _) {
+    for (var n = -1, f = e == null ? 0 : e.length; ++n < f; )
+      if (_(e[n], n, e))
+        return !0;
+    return !1;
+  }
+  return B = u, B;
+}
+var M, $;
+function cr() {
+  if ($) return M;
+  $ = 1;
+  function u(e, _) {
+    return e.has(_);
+  }
+  return M = u, M;
+}
+var x, W;
+function ar() {
+  if (W) return x;
+  W = 1;
+  var u = pr(), e = Tr(), _ = cr(), n = 1, f = 2;
+  function t(r, d, c, R, q, l) {
+    var S = c & n, E = r.length, w = d.length;
+    if (E != w && !(S && w > E))
+      return !1;
+    var A = l.get(r), g = l.get(d);
+    if (A && g)
+      return A == d && g == r;
+    var v = -1, y = !0, p = c & f ? new u() : void 0;
+    for (l.set(r, d), l.set(d, r); ++v < E; ) {
+      var i = r[v], T = d[v];
+      if (R)
+        var s = S ? R(T, i, v, d, r, l) : R(i, T, v, r, d, l);
+      if (s !== void 0) {
+        if (s)
+          continue;
+        y = !1;
+        break;
+      }
+      if (p) {
+        if (!e(d, function(a, O) {
+          if (!_(p, O) && (i === a || q(i, a, c, R, l)))
+            return p.push(O);
+        })) {
+          y = !1;
+          break;
+        }
+      } else if (!(i === T || q(i, T, c, R, l))) {
+        y = !1;
+        break;
+      }
+    }
+    return l.delete(r), l.delete(d), y;
+  }
+  return x = t, x;
+}
+var G, j;
+function Or() {
+  if (j) return G;
+  j = 1;
+  function u(e) {
+    var _ = -1, n = Array(e.size);
+    return e.forEach(function(f, t) {
+      n[++_] = [t, f];
+    }), n;
+  }
+  return G = u, G;
+}
+var N, z;
+function Rr() {
+  if (z) return N;
+  z = 1;
+  function u(e) {
+    var _ = -1, n = Array(e.size);
+    return e.forEach(function(f) {
+      n[++_] = f;
+    }), n;
+  }
+  return N = u, N;
+}
+var U, V;
+function Er() {
+  if (V) return U;
+  V = 1;
+  var u = lr(), e = ur(), _ = _r(), n = ar(), f = Or(), t = Rr(), r = 1, d = 2, c = "[object Boolean]", R = "[object Date]", q = "[object Error]", l = "[object Map]", S = "[object Number]", E = "[object RegExp]", w = "[object Set]", A = "[object String]", g = "[object Symbol]", v = "[object ArrayBuffer]", y = "[object DataView]", p = u ? u.prototype : void 0, i = p ? p.valueOf : void 0;
+  function T(s, a, O, h, P, I, L) {
+    switch (O) {
+      case y:
+        if (s.byteLength != a.byteLength || s.byteOffset != a.byteOffset)
+          return !1;
+        s = s.buffer, a = a.buffer;
+      case v:
+        return !(s.byteLength != a.byteLength || !I(new e(s), new e(a)));
+      case c:
+      case R:
+      case S:
+        return _(+s, +a);
+      case q:
+        return s.name == a.name && s.message == a.message;
+      case E:
+      case A:
+        return s == a + "";
+      case l:
+        var o = f;
+      case w:
+        var b = h & r;
+        if (o || (o = t), s.size != a.size && !b)
+          return !1;
+        var C = L.get(s);
+        if (C)
+          return C == a;
+        h |= d, L.set(s, a);
+        var nr = n(o(s), o(a), h, P, I, L);
+        return L.delete(s), nr;
+      case g:
+        if (i)
+          return i.call(s) == i.call(a);
+    }
+    return !1;
+  }
+  return U = T, U;
+}
+var F, k;
+function hr() {
+  if (k) return F;
+  k = 1;
+  var u = gr(), e = 1, _ = Object.prototype, n = _.hasOwnProperty;
+  function f(t, r, d, c, R, q) {
+    var l = d & e, S = u(t), E = S.length, w = u(r), A = w.length;
+    if (E != A && !l)
+      return !1;
+    for (var g = E; g--; ) {
+      var v = S[g];
+      if (!(l ? v in r : n.call(r, v)))
+        return !1;
+    }
+    var y = q.get(t), p = q.get(r);
+    if (y && p)
+      return y == r && p == t;
+    var i = !0;
+    q.set(t, r), q.set(r, t);
+    for (var T = l; ++g < E; ) {
+      v = S[g];
+      var s = t[v], a = r[v];
+      if (c)
+        var O = l ? c(a, s, v, r, t, q) : c(s, a, v, t, r, q);
+      if (!(O === void 0 ? s === a || R(s, a, d, c, q) : O)) {
+        i = !1;
+        break;
+      }
+      T || (T = v == "constructor");
+    }
+    if (i && !T) {
+      var h = t.constructor, P = r.constructor;
+      h != P && "constructor" in t && "constructor" in r && !(typeof h == "function" && h instanceof h && typeof P == "function" && P instanceof P) && (i = !1);
+    }
+    return q.delete(t), q.delete(r), i;
+  }
+  return F = f, F;
+}
+var K, rr;
+function Sr() {
+  if (rr) return K;
+  rr = 1;
+  var u = ir(), e = ar(), _ = Er(), n = hr(), f = qr(), t = vr(), r = sr(), d = fr(), c = 1, R = "[object Arguments]", q = "[object Array]", l = "[object Object]", S = Object.prototype, E = S.hasOwnProperty;
+  function w(A, g, v, y, p, i) {
+    var T = t(A), s = t(g), a = T ? q : f(A), O = s ? q : f(g);
+    a = a == R ? l : a, O = O == R ? l : O;
+    var h = a == l, P = O == l, I = a == O;
+    if (I && r(A)) {
+      if (!r(g))
+        return !1;
+      T = !0, h = !1;
+    }
+    if (I && !h)
+      return i || (i = new u()), T || d(A) ? e(A, g, v, y, p, i) : _(A, g, a, v, y, p, i);
+    if (!(v & c)) {
+      var L = h && E.call(A, "__wrapped__"), o = P && E.call(g, "__wrapped__");
+      if (L || o) {
+        var b = L ? A.value() : A, C = o ? g.value() : g;
+        return i || (i = new u()), p(b, C, v, y, i);
+      }
+    }
+    return I ? (i || (i = new u()), n(A, g, v, y, p, i)) : !1;
+  }
+  return K = w, K;
+}
+var J, er;
+function Cr() {
+  if (er) return J;
+  er = 1;
+  var u = Sr(), e = dr();
+  function _(n, f, t, r, d) {
+    return n === f ? !0 : n == null || f == null || !e(n) && !e(f) ? n !== n && f !== f : u(n, f, t, r, _, d);
+  }
+  return J = _, J;
+}
+export {
+  Cr as r
+};

package/dist/_getAllKeys-tc1bcd1W.js

@@ -0,0 +1,86 @@
+import { r as d } from "./isArray-DN9s620O.js";
+import { f as p, a as S } from "./_setToString-Do1lSQTZ.js";
+import { r as k } from "./_getTag-DYHrLaIw.js";
+var l, b;
+function P() {
+  if (b) return l;
+  b = 1;
+  function a(e, u) {
+    for (var r = -1, t = u.length, s = e.length; ++r < t; )
+      e[s + r] = u[r];
+    return e;
+  }
+  return l = a, l;
+}
+var y, q;
+function R() {
+  if (q) return y;
+  q = 1;
+  var a = P(), e = d();
+  function u(r, t, s) {
+    var n = t(r);
+    return e(r) ? n : a(n, s(r));
+  }
+  return y = u, y;
+}
+var f, A;
+function G() {
+  if (A) return f;
+  A = 1;
+  function a(e, u) {
+    for (var r = -1, t = e == null ? 0 : e.length, s = 0, n = []; ++r < t; ) {
+      var i = e[r];
+      u(i, r, e) && (n[s++] = i);
+    }
+    return n;
+  }
+  return f = a, f;
+}
+var o, g;
+function F() {
+  if (g) return o;
+  g = 1;
+  function a() {
+    return [];
+  }
+  return o = a, o;
+}
+var v, m;
+function I() {
+  if (m) return v;
+  m = 1;
+  var a = G(), e = F(), u = Object.prototype, r = u.propertyIsEnumerable, t = Object.getOwnPropertySymbols, s = t ? function(n) {
+    return n == null ? [] : (n = Object(n), a(t(n), function(i) {
+      return r.call(n, i);
+    }));
+  } : e;
+  return v = s, v;
+}
+var h, K;
+function x() {
+  if (K) return h;
+  K = 1;
+  var a = p(), e = k(), u = S();
+  function r(t) {
+    return u(t) ? a(t) : e(t);
+  }
+  return h = r, h;
+}
+var _, c;
+function E() {
+  if (c) return _;
+  c = 1;
+  var a = R(), e = I(), u = x();
+  function r(t) {
+    return a(t, u, e);
+  }
+  return _ = r, _;
+}
+export {
+  x as a,
+  P as b,
+  I as c,
+  F as d,
+  R as e,
+  E as r
+};

package/dist/{_getTag-BCf9b56Z.js → _getTag-DYHrLaIw.js}

@@ -1,6 +1,6 @@
-import { e as x } from "./identity-DLWZln-X.js";
+import { e as x } from "./_setToString-Do1lSQTZ.js";
 import { a as B } from "./isPlainObject-C273y67K.js";
-import { r as v, a as z, b as E } from "./_MapCache-B75yWNNd.js";
+import { r as v, a as z, b as E } from "./_MapCache-B75dXJyg.js";
 import { d as c, a as F } from "./isArray-DN9s620O.js";
 var g, j;
 function H() {