@hortiview/shared-components 0.0.5551 → 0.0.5635

package/dist/ListAreaService-zxVNvD59.js

@@ -0,0 +1,80 @@
+import "./assets/ListAreaService.css";
+import { jsx as s, jsxs as B } from "react/jsx-runtime";
+import { TypoButton as b, Group as k, TypoSubtitle as C, TypoBody as L, Icon as N } from "@element/react-components";
+import { Iconify as O } from "./components/Iconify/Iconify.js";
+import { AvailableCustomIcons as E } from "./enums/AvailableCustomIcons.js";
+const $ = "_fullWidth_1ja2q_1", W = "_mainElevation_1ja2q_5", G = "_searchbar_1ja2q_11", S = "_roundedBottom_1ja2q_19", w = "_primaryText_1ja2q_24", A = "_noOverlineText_1ja2q_28", P = "_list_1ja2q_32", z = "_listItem_1ja2q_60", D = "_trailingIcon_1ja2q_64", F = "_groupedListItem_1ja2q_76", v = {
+  fullWidth: $,
+  mainElevation: W,
+  searchbar: G,
+  roundedBottom: S,
+  primaryText: w,
+  noOverlineText: A,
+  list: P,
+  listItem: z,
+  trailingIcon: D,
+  groupedListItem: F
+}, V = (e, n, r, a) => {
+  const o = e.reduce((i, l) => {
+    const { groupName: t, ...c } = l;
+    return !t || typeof t != "string" || (i[t] || (i[t] = {
+      groupName: /* @__PURE__ */ s(b, { children: t }),
+      id: t,
+      items: []
+    }), i[t].items = [
+      ...i[t].items,
+      y(c, n, r, a)
+    ]), i;
+  }, {});
+  return Object.values(o);
+}, X = (e, n, r, a) => e.map((o) => y(o, n, r, a)), y = (e, n, r, a) => {
+  const {
+    id: o,
+    title: i,
+    subTitle: l,
+    route: t,
+    value: c,
+    noNavigation: p,
+    disabled: m,
+    icon: I,
+    iconType: _,
+    trailingIcon: T,
+    trailingIconType: f,
+    actionButton: j,
+    onClick: x,
+    customTitle: u,
+    listItemClassName: h,
+    overlineTitle: g
+  } = e, d = n === t;
+  return {
+    id: o,
+    key: o,
+    select: d,
+    primaryText: o,
+    secondaryText: /* @__PURE__ */ B(k, { direction: "vertical", gap: "none", children: [
+      u ?? /* @__PURE__ */ s(C, { level: 1, bold: d, children: i }),
+      l && !u ? /* @__PURE__ */ s(L, { level: 2, themeColor: d ? "primary" : void 0, children: l }) : void 0
+    ] }),
+    overlineText: g,
+    trailingBlock: j ?? T ?? /* @__PURE__ */ s(N, { icon: "arrow_right" }),
+    leadingBlock: H(I),
+    value: c,
+    componentProps: {
+      id: o,
+      key: o,
+      leadingBlockType: _ ?? "icon",
+      trailingBlockType: f ?? "icon",
+      className: `${_ === "avatar" ? "" : v.listItem} ${r} ${h ?? ""} ${g ? "" : v.noOverlineText}`,
+      onClick: (J, q) => x?.(q),
+      tag: m || p ? void 0 : a ?? "a",
+      to: m || p ? void 0 : t,
+      disabled: m
+    }
+  };
+}, H = (e) => typeof e == "string" && e in E ? /* @__PURE__ */ s(O, { icon: e }) : e;
+export {
+  X as a,
+  V as g,
+  y as m,
+  v as s
+};

package/dist/assets/ListAreaService.css

@@ -1 +1 @@
-._fullWidth_1y0ty_1{width:100%}._mainElevation_1y0ty_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_1y0ty_11 div{border:none}._searchbar_1y0ty_11 button{margin-right:.5rem}._roundedBottom_1y0ty_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._list_1y0ty_24{padding-top:0;padding-bottom:0;overflow-y:auto}._list_1y0ty_24 [class*=mdc-list-item__overline-text]{margin-bottom:-1.5rem}._list_1y0ty_24::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .25rem rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._list_1y0ty_24::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_1y0ty_24::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-on-surface)}._listItem_1y0ty_52{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_1y0ty_52 i:not(._trailingIcon_1y0ty_56){color:var(--lmnt-theme-on-surface-inactive)}._listItem_1y0ty_52 i._trailingIcon_1y0ty_56{color:var(--lmnt-theme-on-surface-disabled)}._listItem_1y0ty_52 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_1y0ty_68{height:4.5rem!important}
+._fullWidth_1ja2q_1{width:100%}._mainElevation_1ja2q_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_1ja2q_11 div{border:none}._searchbar_1ja2q_11 button{margin-right:.5rem}._roundedBottom_1ja2q_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_1ja2q_24 [class*=mdc-list-item__primary-text]{display:none!important}._noOverlineText_1ja2q_28 [class*=mdc-list-item__content]{margin-top:-.625rem}._list_1ja2q_32{padding-top:0;padding-bottom:0;overflow-y:auto}._list_1ja2q_32 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_1ja2q_32::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .25rem rgba(0,0,0,.2);border-radius:.5rem;margin-right:.25rem;background-color:var(--lmnt-theme-background)}._list_1ja2q_32::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_1ja2q_32::-webkit-scrollbar-thumb{border-radius:.5rem;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--lmnt-theme-primary-on-surface)}._listItem_1ja2q_60{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_1ja2q_60 i:not(._trailingIcon_1ja2q_64){color:var(--lmnt-theme-on-surface-inactive)}._listItem_1ja2q_60 i._trailingIcon_1ja2q_64{color:var(--lmnt-theme-on-surface-disabled)}._listItem_1ja2q_60 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_1ja2q_76{height:4.5rem!important}

package/dist/components/DeleteModal/DeleteModal.d.ts

@@ -15,11 +15,11 @@ type DeleteModalProps = {
     /**
      * The header text of the delete modal.
      */
-    deleteHeader: string;
+    deleteHeader: string | JSX.Element;
     /**
      * The body text of the delete modal. Each entry will be displayed as a bullet point.
      */
-    deleteBody?: string[];
+    deleteBody?: (string | JSX.Element)[];
     /**
      * A text or JSX element to display in the delete modal. If provided the deleteBody will be ignored.
      */
@@ -27,7 +27,7 @@ type DeleteModalProps = {
     /**
      * The header to display in the modal if the {@link isDeletePossible} is false.
      */
-    impossibleDeleteHeader: string;
+    impossibleDeleteHeader: string | JSX.Element;
     /**
      * The icon to display in the modal.
      */

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,9 +1,9 @@
 import "../../assets/DeleteModal.css";
 import { jsx as o, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { Modal as D, Button as u, Group as i, Icon as j, TypoBody as n } from "@element/react-components";
-import { Iconify as q } from "../Iconify/Iconify.js";
-import { uniqueId as x } from "lodash";
+import { uniqueId as q } from "lodash";
 import { AvailableCustomIcons as g } from "../../enums/AvailableCustomIcons.js";
+import { Iconify as x } from "../Iconify/Iconify.js";
 const I = "_bulletPoint_469qk_1", N = "_modal_469qk_6", S = "_colorDanger_469qk_10", e = {
   bulletPoint: I,
   modal: N,
@@ -45,7 +45,7 @@ const I = "_bulletPoint_469qk_1", N = "_modal_469qk_6", S = "_colorDanger_469qk_
       dismissiveButton: /* @__PURE__ */ o(u, { variant: "text", label: v, onClick: () => c(!1) }),
       children: /* @__PURE__ */ m(i, { direction: "vertical", secondaryAlign: "center", children: [
         l && Object.values(g).includes(l) && /* @__PURE__ */ o(
-          q,
+          x,
           {
             icon: l,
             iconSize: "xlarge",
@@ -65,7 +65,7 @@ const I = "_bulletPoint_469qk_1", N = "_modal_469qk_6", S = "_colorDanger_469qk_
               themeColor: "text-secondary-on-background",
               children: a
             },
-            x(_.toString())
+            q(_.toString())
           )) })
         ] }) : /* @__PURE__ */ o(n, { level: 1, themeColor: "text-primary-on-background", children: f }) })
       ] })

package/dist/components/FormComponents/FormText/FormText.d.ts

@@ -3,7 +3,7 @@ import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 /**
  * a generic FormText property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */
-type FormTextProps<T extends FieldValues> = {
+export type FormTextProps<T extends FieldValues> = {
     /** the path to the property, like Address.AddressLine1 */
     propertyName: Path<T>;
     /** the label of the Textbox */
@@ -59,4 +59,3 @@ type FormTextProps<T extends FieldValues> = {
  * @returns a JSX element that renders a textfield form input
  */
 export declare const FormText: <T extends FieldValues>(props: FormTextProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/HashTabView/HashTabView.js

@@ -1,77 +1,77 @@
 import "../../assets/HashTabView.css";
-import { jsx as a, jsxs as l, Fragment as w } from "react/jsx-runtime";
-import { Elevation as T, Group as o, TabBar as C, Tab as k, Padding as A } from "@element/react-components";
+import { jsx as a, jsxs as d, Fragment as w } from "react/jsx-runtime";
+import { Elevation as T, Group as i, TabBar as C, Tab as k, Padding as A } from "@element/react-components";
 import { useState as I, useEffect as L } from "react";
 import { a as N } from "../../useBreakpoint-DROHPVxO.js";
-const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", j = "_tabWrapper_1rcw6_16", E = "_tabButton_1rcw6_20", $ = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", t = {
+const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", $ = "_tabWrapper_1rcw6_16", j = "_tabButton_1rcw6_20", E = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", t = {
   elevation: x,
   themeBackground: y,
   tabBar: W,
-  tabWrapper: j,
-  tabButton: E,
-  childContainer: $,
+  tabWrapper: $,
+  tabButton: j,
+  childContainer: E,
   childContainerLg: z
 }, p = (n, r) => !r || !n ? 0 : n.findIndex((c) => c.hash === r.replace("#", "")) ?? 0, q = ({
   tabs: n,
   hasHash: r = !0,
   hash: c = "",
-  clusterAlign: u = "start",
-  hasClusteredTabs: _,
-  children: i,
+  clusterAlign: _ = "start",
+  hasClusteredTabs: u,
+  children: s,
   verticalGap: g = "none",
   elevation: B = 0,
   backgroundColor: v = "themeBackground",
   onChange: b
 }) => {
-  const [d, h] = I(p(n, c)), { isLg: s } = N();
+  const [h, m] = I(p(n, c)), { isLg: l } = N();
   L(() => {
     const e = p(n, c);
-    h(e);
+    m(e);
   }, [c, n, r]);
   const f = (e) => {
-    const m = n[e].hash;
-    m != null && r && (window.location.hash = m), h(e), b?.(e);
+    const o = n[e].hash;
+    o != null && r && (window.location.hash = o), m(e), b?.(e);
   };
   return /* @__PURE__ */ a(
     T,
     {
       elevation: B,
       className: `${t.elevation} ${v === "none" ? "" : t.themeBackground}`,
-      children: /* @__PURE__ */ l(o, { direction: "vertical", gap: g, secondaryAlign: "stretch", children: [
-        /* @__PURE__ */ l(o, { direction: s ? "horizontal" : "vertical", className: t.tabWrapper, children: [
+      children: /* @__PURE__ */ d(i, { direction: "vertical", gap: g, secondaryAlign: "stretch", children: [
+        /* @__PURE__ */ d(i, { direction: l ? "horizontal" : "vertical", className: t.tabWrapper, children: [
           /* @__PURE__ */ a(
             C,
             {
               className: t.tabBar,
-              clustered: s ? _ : !1,
-              clusterAlign: u,
+              clustered: l ? u : !1,
+              clusterAlign: _,
               variant: "surface",
-              activeTabIndex: d,
+              activeTabIndex: h,
               onTabActivated: f,
-              children: n.map((e) => /* @__PURE__ */ a(
+              children: n.map((e, o) => /* @__PURE__ */ a(
                 k,
                 {
                   icon: e.leadingIcon,
-                  className: i ? t.tabButton : "",
-                  children: /* @__PURE__ */ l(o, { gap: "dense", children: [
+                  className: s ? t.tabButton : "",
+                  children: /* @__PURE__ */ d(i, { gap: "dense", children: [
                     e.title,
                     e.trailingIcon
                   ] })
                 },
-                e.hash
+                `${o}_${e.hash}`
               ))
             }
           ),
-          i ? /* @__PURE__ */ a(
+          s ? /* @__PURE__ */ a(
             A,
             {
               variant: "dense",
-              className: s ? t.childContainer : t.childContainerLg,
-              children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: i })
+              className: l ? t.childContainer : t.childContainerLg,
+              children: /* @__PURE__ */ a(i, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
             }
           ) : /* @__PURE__ */ a(w, {})
         ] }),
-        n[d]?.component
+        n[h]?.component
       ] })
     }
   );

package/dist/components/ListArea/ListArea.js

@@ -1,10 +1,10 @@
-import { jsx as P, jsxs as J, Fragment as Kr } from "react/jsx-runtime";
+import { jsx as m, jsxs as J, Fragment as Kr } from "react/jsx-runtime";
 import { Elevation as Ur, Divider as Q, List as qr } from "@element/react-components";
 import { g as Hr } from "../../_commonjsHelpers-CT_km90n.js";
-import { _ as H, a as Tr, b as wr, c as T, d as Nr, e as Wr, i as h, f as N, h as B, j as Xr, k as zr, l as I, m as Yr, n as Zr, o as Jr, p as W, q as Qr, r as Or, s as Pr, t as kr, u as Vr } from "../../get-Dyz8NMrE.js";
+import { _ as H, a as Tr, b as wr, c as w, d as Nr, e as Wr, i as h, f as N, h as B, j as Xr, k as zr, l as I, m as Yr, n as Zr, o as Jr, p as W, q as Qr, r as Or, s as Pr, t as kr, u as Vr } from "../../get-Dyz8NMrE.js";
 import { useState as re, useMemo as k } from "react";
 import { SearchBar as ee } from "../SearchBar/SearchBar.js";
-import { g as ae, a as te, s as m } from "../../ListAreaService-DhlEJxAH.js";
+import { g as ae, a as te, s as T } from "../../ListAreaService-zxVNvD59.js";
 var ne = H;
 function se() {
   this.__data__ = new ne(), this.size = 0;
@@ -34,16 +34,16 @@ function $e(r, e) {
   return a.set(r, e), this.size = a.size, this;
 }
 var be = $e, de = H, Ae = ie, he = fe, Te = ce, we = ge, Oe = be;
-function w(r) {
+function O(r) {
   var e = this.__data__ = new de(r);
   this.size = e.size;
 }
-w.prototype.clear = Ae;
-w.prototype.delete = he;
-w.prototype.get = Te;
-w.prototype.has = we;
-w.prototype.set = Oe;
-var mr = w, Pe = "__lodash_hash_undefined__";
+O.prototype.clear = Ae;
+O.prototype.delete = he;
+O.prototype.get = Te;
+O.prototype.has = we;
+O.prototype.set = Oe;
+var mr = O, Pe = "__lodash_hash_undefined__";
 function me(r) {
   return this.__data__.set(r, Pe), this;
 }
@@ -104,7 +104,7 @@ function He(r, e, a, t, s, n) {
   }
   return n.delete(r), n.delete(e), g;
 }
-var Er = He, Ne = T, We = Ne.Uint8Array, Xe = We;
+var Er = He, Ne = w, We = Ne.Uint8Array, Xe = We;
 function ze(r) {
   var e = -1, a = Array(r.size);
   return r.forEach(function(t, s) {
@@ -202,7 +202,7 @@ function Ha() {
 var Na = Ha;
 C.exports;
 (function(r, e) {
-  var a = T, t = Na, s = e && !e.nodeType && e, n = s && !0 && r && !r.nodeType && r, i = n && n.exports === s, u = i ? a.Buffer : void 0, f = u ? u.isBuffer : void 0, o = f || t;
+  var a = w, t = Na, s = e && !e.nodeType && e, n = s && !0 && r && !r.nodeType && r, i = n && n.exports === s, u = i ? a.Buffer : void 0, f = u ? u.isBuffer : void 0, o = f || t;
   r.exports = o;
 })(C, C.exports);
 var Mr = C.exports, Wa = 9007199254740991, Xa = /^(?:0|[1-9]\d*)$/;
@@ -313,9 +313,9 @@ function yn(r, e, a, t, s, n) {
   }
   return n.delete(r), n.delete(e), y;
 }
-var $n = yn, bn = I, dn = T, An = bn(dn, "DataView"), hn = An, Tn = I, wn = T, On = Tn(wn, "Promise"), Pn = On, mn = I, En = T, Sn = mn(En, "Set"), Ln = Sn, Mn = I, Cn = T, xn = Mn(Cn, "WeakMap"), Bn = xn, R = hn, j = Tr, K = Pn, U = Ln, q = Bn, Ir = N, O = Yr, ur = "[object Map]", In = "[object Object]", fr = "[object Promise]", or = "[object Set]", cr = "[object WeakMap]", vr = "[object DataView]", Fn = O(R), Dn = O(j), Gn = O(K), Rn = O(U), jn = O(q), A = Ir;
+var $n = yn, bn = I, dn = w, An = bn(dn, "DataView"), hn = An, Tn = I, wn = w, On = Tn(wn, "Promise"), Pn = On, mn = I, En = w, Sn = mn(En, "Set"), Ln = Sn, Mn = I, Cn = w, xn = Mn(Cn, "WeakMap"), Bn = xn, R = hn, j = Tr, K = Pn, U = Ln, q = Bn, Ir = N, P = Yr, ur = "[object Map]", In = "[object Object]", fr = "[object Promise]", or = "[object Set]", cr = "[object WeakMap]", vr = "[object DataView]", Fn = P(R), Dn = P(j), Gn = P(K), Rn = P(U), jn = P(q), A = Ir;
 (R && A(new R(new ArrayBuffer(1))) != vr || j && A(new j()) != ur || K && A(K.resolve()) != fr || U && A(new U()) != or || q && A(new q()) != cr) && (A = function(r) {
-  var e = Ir(r), a = e == In ? r.constructor : void 0, t = a ? O(a) : "";
+  var e = Ir(r), a = e == In ? r.constructor : void 0, t = a ? P(a) : "";
   if (t)
     switch (t) {
       case Fn:
@@ -568,26 +568,26 @@ const hr = /* @__PURE__ */ Hr(Hi), Qi = ({
     () => a ? ae(p, e, u, _) : te(p, e, u, _),
     [p, e, u, a, _]
   );
-  return /* @__PURE__ */ P(Ur, { elevation: n ? 0 : 1, className: `${m.mainElevation}`, children: /* @__PURE__ */ J("div", { className: m.fullWidth, children: [
+  return /* @__PURE__ */ m(Ur, { elevation: n ? 0 : 1, className: `${T.mainElevation}`, children: /* @__PURE__ */ J("div", { className: T.fullWidth, children: [
     t && r.length > 0 && /* @__PURE__ */ J(Kr, { children: [
-      n && /* @__PURE__ */ P(Q, {}),
-      /* @__PURE__ */ P(
+      n && /* @__PURE__ */ m(Q, {}),
+      /* @__PURE__ */ m(
         ee,
         {
           searchTerm: v,
           setSearchTerm: g,
-          className: m.searchbar,
+          className: T.searchbar,
           placeholder: s
         }
       ),
-      /* @__PURE__ */ P(Q, {})
+      /* @__PURE__ */ m(Q, {})
     ] }),
     p.length === 0 && o,
-    /* @__PURE__ */ P(
+    /* @__PURE__ */ m(
       qr,
       {
         items: l,
-        className: `${m.list} ${a ? "" : m.roundedBottom}`,
+        className: `${T.list} ${T.primaryText} ${a ? "" : T.roundedBottom}`,
         style: { maxHeight: f },
         showDivider: !1
       }

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

@@ -2,7 +2,7 @@ import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { TypoButton as p } from "@element/react-components";
 import { r as s, s as a, f as u } from "../../react.esm-C0LtovhP.js";
 import { ListArea as c } from "./ListArea.js";
-import { g as h } from "../../ListAreaService-DhlEJxAH.js";
+import { g as h } from "../../ListAreaService-zxVNvD59.js";
 import { d as m, t as n, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 m("ListArea Test", () => {
   const o = [

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

@@ -24,8 +24,8 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
     id: string;
     key: string;
     select: boolean;
-    primaryText: JSX.Element;
-    secondaryText: import("react/jsx-runtime").JSX.Element | undefined;
+    primaryText: string;
+    secondaryText: import("react/jsx-runtime").JSX.Element;
     overlineText: string | undefined;
     trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | JSX.Element | undefined;
@@ -47,15 +47,14 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
  * @param element the item to map
  * @param pathname current browser location
  * @param itemClassName custom class name or CSS module style
- * @param isGrouped whether the item is part of a group
  * @returns an object with List component schema
  */
-export declare const mapListElement: (element: ListElement, pathname: string | undefined, itemClassName: string | undefined, isGrouped: boolean, routerLinkElement: undefined | React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>) => {
+export declare const mapListElement: (element: ListElement, pathname: string | undefined, itemClassName: string | undefined, routerLinkElement: undefined | React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>) => {
     id: string;
     key: string;
     select: boolean;
-    primaryText: JSX.Element;
-    secondaryText: import("react/jsx-runtime").JSX.Element | undefined;
+    primaryText: string;
+    secondaryText: import("react/jsx-runtime").JSX.Element;
     overlineText: string | undefined;
     trailingBlock: string | number | boolean | JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | JSX.Element | undefined;

package/dist/components/ListArea/ListAreaService.js

@@ -2,7 +2,7 @@ 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-DhlEJxAH.js";
+import { g as s, a as i, m as a } from "../../ListAreaService-zxVNvD59.js";
 export {
   s as getGroupedItems,
   i as getListedItems,

package/dist/main.d.ts

@@ -26,8 +26,9 @@ export { FormText } from './components/FormComponents/FormText/FormText';
 export { AvailableCustomIcons } from './enums/AvailableCustomIcons';
 export { useBreakpoints } from './hooks/useBreakpoint';
 export { capitalizeFirstLetters } from './services/UtilService';
+export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
 export type { FieldItem } from './components/InfoGroup/InfoGroup';
+export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';
+export type { FormTextProps } from './components/FormComponents/FormText/FormText';
 export type { HashTab } from './types/HashTab';
 export type { ListElement, BaseListElement } from './types/ListElement';
-export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
-export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';

package/dist/types/ListElement.d.ts

@@ -85,13 +85,9 @@ export type BaseListElement = {
  */
 export type ListElement = Omit<BaseListElement, 'component'> & {
     /**
-     * the group name of multiple list elements
+     * the group name of the element, if provided and the List has the `isGroup` property the item is located in that group
      */
     groupName?: string | JSX.Element;
-    /**
-     * the list elements of the group
-     */
-    items?: ListElement[];
     /**
      * will be rendered instead of title and subtitle
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.5551",
+  "version": "0.0.5635",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -21,7 +21,7 @@
     "start": "vite",
     "build": "tsc --p ./tsconfig-build.json && vite build",
     "test": "vitest",
-    "test:ci": "vitest run --coverage",
+    "test:ci": "vitest run --coverage --coverage.include=lib",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },

package/dist/ListAreaService-DhlEJxAH.js

@@ -1,74 +0,0 @@
-import "./assets/ListAreaService.css";
-import { jsx as l } from "react/jsx-runtime";
-import { TypoButton as C, TypoSubtitle as L, TypoBody as x, Icon as N } from "@element/react-components";
-import { Iconify as E } from "./components/Iconify/Iconify.js";
-import { AvailableCustomIcons as $ } from "./enums/AvailableCustomIcons.js";
-const W = "_fullWidth_1y0ty_1", j = "_mainElevation_1y0ty_5", S = "_searchbar_1y0ty_11", w = "_roundedBottom_1y0ty_19", A = "_list_1y0ty_24", G = "_listItem_1y0ty_52", O = "_trailingIcon_1y0ty_56", P = "_groupedListItem_1y0ty_68", _ = {
-  fullWidth: W,
-  mainElevation: j,
-  searchbar: S,
-  roundedBottom: w,
-  list: A,
-  listItem: G,
-  trailingIcon: O,
-  groupedListItem: P
-}, M = (t, i, n, r) => {
-  const s = t.reduce((o, m) => {
-    const { groupName: e, ...a } = m;
-    return !e || typeof e != "string" || (o[e] || (o[e] = {
-      groupName: /* @__PURE__ */ l(C, { children: e }),
-      id: e,
-      items: []
-    }), o[e].items = [
-      ...o[e].items,
-      g(a, i, n, !0, r)
-    ]), o;
-  }, {});
-  return Object.values(s);
-}, Q = (t, i, n, r) => t.map((s) => g(s, i, n, !1, r)), g = (t, i, n, r, s) => {
-  const {
-    id: o,
-    title: m,
-    subTitle: e,
-    route: a,
-    value: I,
-    noNavigation: y,
-    disabled: d,
-    icon: v,
-    iconType: p,
-    trailingIcon: f,
-    trailingIconType: T,
-    actionButton: h,
-    onClick: B,
-    customTitle: u,
-    listItemClassName: b
-  } = t, c = i === a;
-  return {
-    id: o,
-    key: o,
-    select: c,
-    primaryText: u ?? /* @__PURE__ */ l(L, { level: 1, bold: c, themeColor: c ? "primary" : void 0, children: m }),
-    secondaryText: e && !u ? /* @__PURE__ */ l(x, { level: 2, themeColor: c ? "primary" : void 0, children: e }) : void 0,
-    overlineText: t.overlineTitle,
-    trailingBlock: h ?? f ?? /* @__PURE__ */ l(N, { icon: "arrow_right" }),
-    leadingBlock: q(v),
-    value: I,
-    componentProps: {
-      id: o,
-      key: o,
-      leadingBlockType: p ?? "icon",
-      trailingBlockType: T ?? "icon",
-      className: `${p === "avatar" ? "" : _.listItem} ${n} ${r ? _.groupedListItem : ""} ${b ?? ""}`,
-      onClick: (z, k) => B?.(k),
-      tag: d || y ? void 0 : s ?? "a",
-      to: d || y ? void 0 : a,
-      disabled: d
-    }
-  };
-}, q = (t) => typeof t == "string" && t in $ ? /* @__PURE__ */ l(E, { icon: t }) : t;
-export {
-  Q as a,
-  M as g,
-  g as m,
-  _ as s
-};