@hortiview/shared-components 0.0.11114 → 0.0.11146

package/dist/BigLoadingSpinner-C3wTbTD0.js

@@ -0,0 +1,17 @@
+import "./assets/BigLoadingSpinner.css";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { TypoBody as n } from "@element/react-components";
+import { Iconify as d } from "./components/Iconify/Iconify.js";
+const e = "_loadingBigOverlay_7dxo1_1", g = "_bigLoadSpinnerCard_7dxo1_12", s = "_bigLoadSpinnerCardText_7dxo1_27", t = "_logo_7dxo1_33", o = {
+  loadingBigOverlay: e,
+  bigLoadSpinnerCard: g,
+  bigLoadSpinnerCardText: s,
+  logo: t
+}, l = ({ text: r }) => /* @__PURE__ */ a("div", { className: o.bigLoadSpinnerCard, role: "progressbar", "data-testid": "loading-spinner", children: [
+  /* @__PURE__ */ i(d, { icon: "hortiview", className: o.logo, "data-testid": "logo-icon" }),
+  /* @__PURE__ */ i(n, { tag: "p", bold: !0, level: 1, className: o.bigLoadSpinnerCardText, children: r })
+] }), x = (r) => /* @__PURE__ */ i("div", { className: o.loadingBigOverlay, children: /* @__PURE__ */ i(l, { ...r }) });
+export {
+  x as B,
+  o as s
+};

package/dist/GenericCard-B8x1DMa8.js

@@ -0,0 +1,81 @@
+import "./assets/GenericCard.css";
+import { jsx as r, jsxs as o, Fragment as C } from "react/jsx-runtime";
+import { Card as h, CardContent as m, CardBody as T, Grid as g, GridRow as u, GridCol as c, TypoSubtitle as f, CardTitle as x, CardDivider as v } from "@element/react-components";
+import { useMemo as w } from "react";
+import { OverflowTooltip as l } from "./components/OverflowTooltip/OverflowTooltip.js";
+const b = "_cardTitle_ny9m0_1", B = "_cardBody_ny9m0_5", N = "_cardContent_ny9m0_10", $ = "_row_ny9m0_14", k = "_font_ny9m0_18", G = "_fontHeader_ny9m0_23", H = "_title_ny9m0_27", S = "_emptyContainer_ny9m0_33", A = "_empty_ny9m0_33", n = {
+  cardTitle: b,
+  cardBody: B,
+  cardContent: N,
+  row: $,
+  font: k,
+  fontHeader: G,
+  title: H,
+  emptyContainer: S,
+  empty: A
+}, _ = {
+  desktopCol: 6,
+  phoneCol: 2,
+  tabletCol: 4,
+  verticalAlign: "bottom"
+}, R = ({ item: e, columns: t, hiddenColumns: i }) => {
+  const d = t.find((a) => a.asCardTitle), y = t.find((a) => a.asCardSubtitle), p = w(
+    () => t.filter(
+      (a) => !a.asCardTitle && !a.asCardSubtitle && a.id !== "actions"
+    ),
+    [t]
+  );
+  return /* @__PURE__ */ r(h, { variant: "raised", "data-testid": `card${d ? "-" + e[d.accessor] : ""}`, children: /* @__PURE__ */ o(m, { className: n.cardContent, "data-testid": "card-content", children: [
+    /* @__PURE__ */ r(j, { item: e, titleColumn: d, subTitleColumn: y }),
+    /* @__PURE__ */ r(T, { className: n.cardBody, "data-testid": "card-body", children: /* @__PURE__ */ r(g, { fullHeight: !0, fullWidth: !0, variant: "none", children: p.map((a) => i?.includes(a.id) ? null : /* @__PURE__ */ o(u, { className: n.row, "data-testid": "row", children: [
+      /* @__PURE__ */ r(c, { horizontalAlign: "right", ..._, children: /* @__PURE__ */ o(
+        f,
+        {
+          level: 2,
+          themeColor: "text-secondary-on-background",
+          className: `${n.font} ${n.fontHeader}`,
+          tag: "div",
+          children: [
+            a.header,
+            ":"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r(c, { horizontalAlign: "left", ..._, children: /* @__PURE__ */ r(s, { column: a, item: e }) })
+    ] }, a.id)) }) })
+  ] }) });
+}, j = ({ item: e, titleColumn: t, subTitleColumn: i }) => {
+  const d = e.actions;
+  return !t && !i && !d ? null : /* @__PURE__ */ o(C, { children: [
+    /* @__PURE__ */ r(
+      x,
+      {
+        "data-testid": "card-title",
+        className: n.cardTitle,
+        primaryText: t !== void 0 && /* @__PURE__ */ r(s, { column: t, item: e, isTitle: !0 }),
+        secondaryText: i !== void 0 && /* @__PURE__ */ r(s, { column: i, item: e, isTitle: !0 }),
+        trailingBlock: d,
+        trailingBlockType: "title-actions"
+      }
+    ),
+    /* @__PURE__ */ r(v, {})
+  ] });
+}, s = ({ item: e, column: t, isTitle: i = !1 }) => t.cellTemplate ? t.cellTemplate({ row: { original: e } }) : i ? /* @__PURE__ */ r(
+  l,
+  {
+    id: `tip_${t.id}_${e[t.accessor]}`,
+    text: e[t.accessor],
+    children: /* @__PURE__ */ r("span", { className: n.title, children: e[t.accessor] })
+  }
+) : /* @__PURE__ */ r(
+  l,
+  {
+    id: `tip_${t.id}_${e[t.accessor]}`,
+    text: e[t.accessor],
+    children: /* @__PURE__ */ r(f, { level: 2, themeColor: "text-primary-on-background", className: n.font, children: e[t.accessor] })
+  }
+);
+export {
+  R as G,
+  n as s
+};

package/dist/ListAreaService-CRX4eEUJ.js

@@ -0,0 +1,108 @@
+import "./assets/ListAreaService.css";
+import { jsx as r, jsxs as z } from "react/jsx-runtime";
+import { TypoButton as B, Icon as C, Group as b, TypoSubtitle as N, TypoBody as O } from "@element/react-components";
+import { Iconify as $ } from "./components/Iconify/Iconify.js";
+import { AvailableCustomIcons as k } from "./enums/AvailableCustomIcons.js";
+const E = "_fullWidth_zewqs_1", j = "_mainElevation_zewqs_5", W = "_searchbar_zewqs_11", G = "_roundedBottom_zewqs_19", L = "_primaryText_zewqs_24", S = "_list_zewqs_28", A = "_listItem_zewqs_56", P = "_iconColor_zewqs_76", D = "_overlineTitle_zewqs_80", F = "_noOverlineTitle_zewqs_85", H = "_truncate_zewqs_89", J = "_truncateOverlineText_zewqs_100", o = {
+  fullWidth: E,
+  mainElevation: j,
+  searchbar: W,
+  roundedBottom: G,
+  primaryText: L,
+  list: S,
+  listItem: A,
+  iconColor: P,
+  overlineTitle: D,
+  noOverlineTitle: F,
+  truncate: H,
+  truncateOverlineText: J
+}, Y = (t, s, l, a) => {
+  const n = t.reduce((i, c) => {
+    const { groupName: e, ...m } = c;
+    return !e || typeof e != "string" || (i[e] || (i[e] = {
+      groupName: /* @__PURE__ */ r(B, { children: e }),
+      id: e,
+      items: []
+    }), i[e].items = [
+      ...i[e].items,
+      f(m, s, l, a)
+    ]), i;
+  }, {});
+  return Object.values(n);
+}, Z = (t, s, l, a) => t.map((n) => f(n, s, l, a)), f = (t, s, l, a) => {
+  const {
+    id: n,
+    title: i,
+    subTitle: c,
+    route: e,
+    value: m,
+    noNavigation: p,
+    disabled: d,
+    icon: y,
+    iconType: v,
+    trailingIcon: g,
+    trailingIconType: h,
+    actionButton: I,
+    onClick: w,
+    customTitle: T,
+    listItemClassName: x,
+    overlineTitle: u
+  } = t, _ = s === e;
+  return {
+    id: n,
+    key: n,
+    select: _,
+    primaryText: n,
+    secondaryText: /* @__PURE__ */ z(b, { direction: "vertical", gap: "none", children: [
+      T ?? /* @__PURE__ */ r(
+        N,
+        {
+          "data-testid": "title",
+          level: 1,
+          themeColor: _ ? "primary" : void 0,
+          className: `${o.truncate} lmnt-theme-on-surface-active`,
+          children: i
+        }
+      ),
+      c && !T ? /* @__PURE__ */ r(
+        O,
+        {
+          "data-testid": "subtitle",
+          level: 2,
+          themeColor: _ ? "primary" : void 0,
+          className: `${o.truncate} lmnt-theme-on-surface-inactive`,
+          children: c
+        }
+      ) : void 0
+    ] }),
+    overlineText: u ? /* @__PURE__ */ r(
+      "span",
+      {
+        "data-testid": "overline-title",
+        className: `${o.truncate} ${o.truncateOverlineText}`,
+        children: u
+      }
+    ) : void 0,
+    trailingBlock: I ?? g ?? /* @__PURE__ */ r(C, { icon: "arrow_right", className: o.iconColor }),
+    leadingBlock: K(y),
+    value: m,
+    componentProps: {
+      id: n,
+      "data-testid": `${i}-list-item`,
+      key: n,
+      leadingBlockType: v ?? "icon",
+      trailingBlockType: h ?? "icon",
+      className: `${v === "avatar" ? "" : o.listItem} ${l} ${x ?? ""} ${u ? o.overlineTitle : o.noOverlineTitle}`,
+      onClick: (M, q) => w?.(q),
+      tag: d || p ? void 0 : a ?? "a",
+      to: d || p ? void 0 : e,
+      disabled: d
+    }
+  };
+}, K = (t) => typeof t == "string" && t in k ? /* @__PURE__ */ r($, { icon: t }) : t;
+export {
+  Z as a,
+  Y as g,
+  f as m,
+  o as s
+};

package/dist/_Map-Dtlps7IZ.js

@@ -0,0 +1,113 @@
+import { a as D, c as M } from "./isArray-2zMxXFEr.js";
+var v, h;
+function T() {
+  if (h) return v;
+  h = 1;
+  function e(r) {
+    var t = typeof r;
+    return r != null && (t == "object" || t == "function");
+  }
+  return v = e, v;
+}
+var f, l;
+function J() {
+  if (l) return f;
+  l = 1;
+  var e = D(), r = T(), t = "[object AsyncFunction]", a = "[object Function]", n = "[object GeneratorFunction]", u = "[object Proxy]";
+  function s(o) {
+    if (!r(o))
+      return !1;
+    var i = e(o);
+    return i == a || i == n || i == t || i == u;
+  }
+  return f = s, f;
+}
+var _, j;
+function V() {
+  if (j) return _;
+  j = 1;
+  var e = M(), r = e["__core-js_shared__"];
+  return _ = r, _;
+}
+var g, I;
+function m() {
+  if (I) return g;
+  I = 1;
+  var e = V(), r = function() {
+    var a = /[^.]+$/.exec(e && e.keys && e.keys.IE_PROTO || "");
+    return a ? "Symbol(src)_1." + a : "";
+  }();
+  function t(a) {
+    return !!r && r in a;
+  }
+  return g = t, g;
+}
+var p, O;
+function w() {
+  if (O) return p;
+  O = 1;
+  var e = Function.prototype, r = e.toString;
+  function t(a) {
+    if (a != null) {
+      try {
+        return r.call(a);
+      } catch {
+      }
+      try {
+        return a + "";
+      } catch {
+      }
+    }
+    return "";
+  }
+  return p = t, p;
+}
+var b, R;
+function C() {
+  if (R) return b;
+  R = 1;
+  var e = J(), r = m(), t = T(), a = w(), n = /[\\^$.*+?()[\]{}|]/g, u = /^\[object .+?Constructor\]$/, s = Function.prototype, o = Object.prototype, i = s.toString, k = o.hasOwnProperty, P = RegExp(
+    "^" + i.call(k).replace(n, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  );
+  function x(c) {
+    if (!t(c) || r(c))
+      return !1;
+    var $ = e(c) ? P : u;
+    return $.test(a(c));
+  }
+  return b = x, b;
+}
+var d, N;
+function E() {
+  if (N) return d;
+  N = 1;
+  function e(r, t) {
+    return r?.[t];
+  }
+  return d = e, d;
+}
+var q, S;
+function G() {
+  if (S) return q;
+  S = 1;
+  var e = C(), r = E();
+  function t(a, n) {
+    var u = r(a, n);
+    return e(u) ? u : void 0;
+  }
+  return q = t, q;
+}
+var y, F;
+function H() {
+  if (F) return y;
+  F = 1;
+  var e = G(), r = M(), t = e(r, "Map");
+  return y = t, y;
+}
+export {
+  H as a,
+  w as b,
+  J as c,
+  T as d,
+  G as r
+};

package/dist/{_commonjsHelpers-CT_km90n.js → _commonjsHelpers-BkfeUUK-.js}

@@ -3,16 +3,14 @@ function f(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 function l(e) {
-  if (e.__esModule)
-    return e;
+  if (e.__esModule) return e;
   var r = e.default;
   if (typeof r == "function") {
     var t = function o() {
       return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
     };
     t.prototype = r.prototype;
-  } else
-    t = {};
+  } else t = {};
   return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
     var n = Object.getOwnPropertyDescriptor(e, o);
     Object.defineProperty(t, o, n.get ? n : {

package/dist/_overArg-_0pUmCsX.js

@@ -0,0 +1,14 @@
+var r, e;
+function i() {
+  if (e) return r;
+  e = 1;
+  function n(u, o) {
+    return function(t) {
+      return u(o(t));
+    };
+  }
+  return r = n, r;
+}
+export {
+  i as r
+};

package/dist/assets/Filter.css

@@ -0,0 +1 @@
+._filterButton_qtl7a_1{width:15rem;height:100%!important}._relativeParent_qtl7a_6{position:relative}._filterBadge_qtl7a_10{position:absolute;top:0;right:0;transform:translate(50%,-50%)}._dense_qtl7a_17,._dense_qtl7a_17 div[class*=lmnt-select__anchor]{height:2.5rem!important}

package/dist/assets/GenericTable.css

@@ -0,0 +1 @@
+._topBar_1msoo_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1msoo_5{padding:1rem;width:inherit!important}._emptyTable_1msoo_9{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1msoo_17{border-radius:.4rem;width:100%}._table_1msoo_22,._table_1msoo_22 [class*=mdc-data-table__table-container]{border-radius:.4rem}

package/dist/assets/main.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700|Roboto+Mono:400,500|Material+Icons";

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,28 +1,34 @@
-import { jsx as r, Fragment as l, jsxs as c } from "react/jsx-runtime";
-import { Group as m, TypoBody as p } from "@element/react-components";
-import { u as d } from "../../useBreakpoints-MzTZ0tCT.js";
-import { s as o } from "../../alertBanner.module-BPiKN0gh.js";
-const h = ({
-  text: e,
-  color: i = "info",
-  isOpen: n = !0,
-  action: s,
+import "../../assets/AlertBanner.css";
+import { jsx as e, Fragment as c, jsxs as _ } from "react/jsx-runtime";
+import { Group as g, TypoBody as l } from "@element/react-components";
+import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
+const d = "_messageContainer_1seos_1", p = "_info_1seos_9", u = "_danger_1seos_14", f = "_success_1seos_19", y = "_warning_1seos_24", n = {
+  messageContainer: d,
+  info: p,
+  danger: u,
+  success: f,
+  warning: y
+}, A = ({
+  text: s,
+  color: r = "info",
+  isOpen: o = !0,
+  action: i,
   isBold: t = !0
 }) => {
-  const { isDesktop: a } = d();
-  return n ? /* @__PURE__ */ r("div", { className: `${o.messageContainer} ${o[i]}`, children: /* @__PURE__ */ c(
-    m,
+  const { isDesktop: a } = m();
+  return o ? /* @__PURE__ */ e("div", { className: `${n.messageContainer} ${n[r]}`, children: /* @__PURE__ */ _(
+    g,
     {
       direction: a ? "horizontal" : "vertical",
       primaryAlign: "space-between",
       secondaryAlign: "center",
       children: [
-        typeof e == "string" ? /* @__PURE__ */ r(p, { bold: t, level: 2, children: e }) : /* @__PURE__ */ r("div", { children: e }),
-        s
+        typeof s == "string" ? /* @__PURE__ */ e(l, { bold: t, level: 2, children: s }) : /* @__PURE__ */ e("div", { children: s }),
+        i
       ]
     }
-  ) }) : /* @__PURE__ */ r(l, {});
+  ) }) : /* @__PURE__ */ e(c, {});
 };
 export {
-  h as AlertBanner
+  A as AlertBanner
 };

package/dist/components/AlertBanner/AlertBanner.test.js

@@ -1,8 +1,8 @@
 import { jsx as e, Fragment as m } from "react/jsx-runtime";
-import { a as t, s } from "../../react.esm-CHvVvf3L.js";
+import { a as t, s } from "../../react.esm-FR1-H8iU.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
 import { AlertBanner as n } from "./AlertBanner.js";
-import { d as c, b as p, t as r, g as o, v as a } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { d as c, b as p, v as a, t as r, g as o } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 c("AlertBanner Test", () => {
   p(() => {
     a.spyOn(l, "useBreakpoints").mockReturnValue({

package/dist/components/BaseView/BaseView.js

@@ -1,51 +1,58 @@
-import { jsx as i, Fragment as k, jsxs as s } from "react/jsx-runtime";
+import "../../assets/BaseView.css";
+import { jsx as i, Fragment as x, jsxs as s } from "react/jsx-runtime";
 import { Group as o } from "@element/react-components";
-import { useMemo as a } from "react";
+import { useMemo as d } from "react";
 import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
-import { EmptyView as L } from "../EmptyView/EmptyView.js";
-import { ListArea as W } from "../ListArea/ListArea.js";
-import { VerticalDivider as A } from "../VerticalDivider/VerticalDivider.js";
-import { u as V } from "../../useBreakpoints-MzTZ0tCT.js";
-import { s as r } from "../../baseView.module-uWbm_a5f.js";
-const C = ({
-  action: d,
+import { EmptyView as W } from "../EmptyView/EmptyView.js";
+import { ListArea as B } from "../ListArea/ListArea.js";
+import { VerticalDivider as N } from "../VerticalDivider/VerticalDivider.js";
+import { u as A } from "../../useBreakpoints-MzTZ0tCT.js";
+const V = "_divider_dw2rc_1", j = "_maxWidth_dw2rc_5", E = "_desktopList_dw2rc_9", H = "_mobileList_dw2rc_13", I = "_desktopDetail_dw2rc_17", y = "_mobileDetail_dw2rc_21", r = {
+  divider: V,
+  maxWidth: j,
+  desktopList: E,
+  mobileList: H,
+  desktopDetail: I,
+  mobileDetail: y
+}, Q = ({
+  action: l,
   heading: c,
   elements: n,
   emptyText: m,
   hasSearch: p = !0,
   isSorted: h = !0,
-  className: f,
-  withAvatar: v = !1,
-  listMaxHeight: g = "calc(100vh - 200px)",
-  pathname: l,
+  className: _,
+  withAvatar: f = !1,
+  listMaxHeight: v = "calc(100vh - 200px)",
+  pathname: a,
   routerLinkElement: w,
   searchPlaceholder: b
 }) => {
-  const { isDesktopNavbar: e } = V(), t = a(() => n.find((x) => x.route === l), [l, n]), B = a(() => t?.component ?? (e ? /* @__PURE__ */ i(L, { subtitle: m }) : /* @__PURE__ */ i(k, {})), [t, e, m]), D = a(() => e ? !0 : !t, [t, e]), N = a(() => e ? !0 : t, [t, e]);
-  return /* @__PURE__ */ s(o, { "data-testid": "base-view-container", className: f ?? "", gap: "", fullWidth: !0, children: [
-    D && /* @__PURE__ */ i(o, { gap: "none", className: e ? r.desktopList : r.mobileList, children: /* @__PURE__ */ s(o, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
-      c && /* @__PURE__ */ i(u, { "data-testid": "heading", heading: c, level: 4, marginBottom: 0, children: d }),
+  const { isDesktopNavbar: e } = A(), t = d(() => n.find((L) => L.route === a), [a, n]), D = d(() => t?.component ?? (e ? /* @__PURE__ */ i(W, { subtitle: m }) : /* @__PURE__ */ i(x, {})), [t, e, m]), g = d(() => e ? !0 : !t, [t, e]), k = d(() => e ? !0 : t, [t, e]);
+  return /* @__PURE__ */ s(o, { "data-testid": "base-view-container", className: _ ?? "", gap: "", fullWidth: !0, children: [
+    g && /* @__PURE__ */ i(o, { gap: "none", className: e ? r.desktopList : r.mobileList, children: /* @__PURE__ */ s(o, { direction: "vertical", fullWidth: !0, gap: e ? "standard" : "dense", children: [
+      c && /* @__PURE__ */ i(u, { "data-testid": "heading", heading: c, level: 4, marginBottom: 0, children: l }),
       /* @__PURE__ */ i(
-        W,
+        B,
         {
           elements: n,
           hasSearch: p,
-          maxHeight: g,
+          maxHeight: v,
           isSorted: h,
-          pathname: l,
+          pathname: a,
           routerLinkElement: w,
           searchPlaceholder: b
         }
       )
     ] }) }),
-    N && /* @__PURE__ */ s(
+    k && /* @__PURE__ */ s(
       o,
       {
         "data-testid": "details",
         gap: "none",
         className: e ? r.desktopDetail : r.mobileDetail,
         children: [
-          e && /* @__PURE__ */ i(A, { className: r.divider, height: "100%" }),
+          e && /* @__PURE__ */ i(N, { className: r.divider, height: "100%" }),
           /* @__PURE__ */ s(o, { direction: "vertical", fullWidth: !0, children: [
             /* @__PURE__ */ i(
               u,
@@ -56,11 +63,11 @@ const C = ({
                 icon: t?.hideIconInDetail === !0 ? void 0 : t?.icon,
                 marginBottom: 0,
                 invisibleButton: t?.detailAction === void 0,
-                withAvatar: v,
-                children: t?.detailAction ?? d
+                withAvatar: f,
+                children: t?.detailAction ?? l
               }
             ),
-            B
+            D
           ] })
         ]
       }
@@ -68,5 +75,5 @@ const C = ({
   ] });
 };
 export {
-  C as BaseView
+  Q as BaseView
 };

package/dist/components/BaseView/BaseView.test.js

@@ -1,10 +1,10 @@
 import { jsx as a, Fragment as s } from "react/jsx-runtime";
-import { a as r, s as e, f as p } from "../../react.esm-CHvVvf3L.js";
+import { a as o, s as e, f as p } from "../../react.esm-FR1-H8iU.js";
 import { a as l } from "../../useBreakpoints-MzTZ0tCT.js";
-import { BaseView as i } from "./BaseView.js";
-import { d as u, b as m, t as n, g as t, v as c } from "../../vi.JYQecGiw-BpOAB4v6.js";
+import { BaseView as r } from "./BaseView.js";
+import { d as u, b as d, v as c, t as i, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
 u("BaseView Test", () => {
-  m(() => {
+  d(() => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !1,
       isTablet: !1,
@@ -12,7 +12,7 @@ u("BaseView Test", () => {
       isDesktopNavbar: !0
     });
   });
-  const o = [
+  const n = [
     {
       id: "1",
       title: "user.personal_information",
@@ -37,13 +37,13 @@ u("BaseView Test", () => {
       component: /* @__PURE__ */ a(s, { children: "Security selected" })
     }
   ];
-  n("render BaseView with empty view and navigation list", () => {
-    r(
+  i("render BaseView with empty view and navigation list", () => {
+    o(
       /* @__PURE__ */ a(
-        i,
+        r,
         {
           pathname: "/personal-profile",
-          elements: o,
+          elements: n,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -52,13 +52,13 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.getByText("user.noselection")).toBeInTheDocument(), t(e.getByText("user.personal-profile")).toBeInTheDocument(), t(e.getByText("user.personal_information")).toBeInTheDocument(), t(e.getByText("user.data_privacy")).toBeInTheDocument(), t(e.getByText("user.security")).toBeInTheDocument();
-  }), n("render BaseView with data and navigation list", () => {
-    r(
+  }), i("render BaseView with data and navigation list", () => {
+    o(
       /* @__PURE__ */ a(
-        i,
+        r,
         {
           pathname: "/personal-profile/personal-information",
-          elements: o,
+          elements: n,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -67,13 +67,13 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Personal information selected")).toBeInTheDocument(), t(e.getAllByText("account_circle")).toHaveLength(2), t(e.getAllByText("user.personal_information")).toHaveLength(2);
-  }), n("render BaseView with custom detail title and no detail icon", () => {
-    r(
+  }), i("render BaseView with custom detail title and no detail icon", () => {
+    o(
       /* @__PURE__ */ a(
-        i,
+        r,
         {
           pathname: "/personal-profile/data-privacy",
-          elements: o,
+          elements: n,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -82,18 +82,18 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.getByText("Data Privacy selected")).toBeInTheDocument(), t(e.getByText("Data Privacy 2000")).toBeInTheDocument(), t(e.getAllByText("privacy_tip")).toHaveLength(1), t(e.getAllByText("user.data_privacy")).toHaveLength(1);
-  }), n("hide empty view when screen is small", () => {
+  }), i("hide empty view when screen is small", () => {
     c.spyOn(l, "useBreakpoints").mockReturnValue({
       isMobile: !0,
       isTablet: !1,
       isDesktop: !1,
       isDesktopNavbar: !1
-    }), r(
+    }), o(
       /* @__PURE__ */ a(
-        i,
+        r,
         {
           pathname: "/personal-profile/data-privacy",
-          elements: o,
+          elements: n,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",
@@ -102,13 +102,13 @@ u("BaseView Test", () => {
         }
       )
     ), t(e.queryByText("user.noselection")).not.toBeInTheDocument();
-  }), n("render BaseView with selected detail section", () => {
-    r(
+  }), i("render BaseView with selected detail section", () => {
+    o(
       /* @__PURE__ */ a(
-        i,
+        r,
         {
           pathname: "/personal-profile/data-privacy",
-          elements: o,
+          elements: n,
           heading: "user.personal-profile",
           hasSearch: !1,
           emptyText: "user.noselection",