@hortiview/shared-components 0.0.6359 → 0.0.6403

package/dist/ListAreaService-BoNnFzrZ.js

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

package/dist/assets/ListAreaService.css

@@ -1 +1 @@
-._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}
+._fullWidth_9hcwy_1{width:100%}._mainElevation_9hcwy_5{background:var(--lmnt-theme-background);border-radius:.5rem;width:100%}._searchbar_9hcwy_11 div{border:none}._searchbar_9hcwy_11 button{margin-right:.5rem}._roundedBottom_9hcwy_19{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_9hcwy_24 [class*=mdc-list-item__primary-text]{display:none!important}._noOverlineText_9hcwy_28 [class*=mdc-list-item__content]{margin-top:-.625rem}._list_9hcwy_32{padding-top:0;padding-bottom:0;overflow-y:auto}._list_9hcwy_32 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._list_9hcwy_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_9hcwy_32::-webkit-scrollbar{width:.5rem;background-color:var(--lmnt-theme-background)}._list_9hcwy_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_9hcwy_60{border-bottom:.0775rem solid var(--lmnt-utility-gray-surface)}._listItem_9hcwy_60 i:not(._trailingIcon_9hcwy_64){color:var(--lmnt-theme-on-surface-inactive)}._listItem_9hcwy_60 i._trailingIcon_9hcwy_64{color:var(--lmnt-theme-on-surface-disabled)}._listItem_9hcwy_60 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._groupedListItem_9hcwy_76{height:4.5rem!important}._iconColor_9hcwy_80{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_9hcwy_84 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}

package/dist/components/BaseView/BaseView.js

@@ -1,21 +1,21 @@
 import "../../assets/BaseView.css";
-import { jsx as t, Fragment as x, jsxs as e } from "react/jsx-runtime";
+import { jsx as t, Fragment as k, jsxs as e } from "react/jsx-runtime";
 import { useMemo as n } from "react";
-import { EmptyView as k } from "../EmptyView/EmptyView.js";
-import { ListArea as y } from "../ListArea/ListArea.js";
-import { VerticalDivider as A } from "../VerticalDivider/VerticalDivider.js";
-import { a as H } from "../../useBreakpoint-DROHPVxO.js";
-import { Grid as L, GridRow as V, GridCol as m, Group as u } from "@element/react-components";
-import { BasicHeading as a } from "../BasicHeading/BasicHeading.js";
-const W = "_divider_anyyu_1", _ = {
-  divider: W
+import { EmptyView as y } from "../EmptyView/EmptyView.js";
+import { ListArea as A } from "../ListArea/ListArea.js";
+import { VerticalDivider as H } from "../VerticalDivider/VerticalDivider.js";
+import { a as L } from "../../useBreakpoint-DROHPVxO.js";
+import { Grid as V, GridRow as W, GridCol as a, Group as m } from "@element/react-components";
+import { BasicHeading as u } from "../BasicHeading/BasicHeading.js";
+const _ = "_divider_anyyu_1", j = {
+  divider: _
 }, z = ({
   action: d,
   heading: c,
   elements: o,
   emptyText: s,
-  hasSearch: h = !0,
-  isSorted: p = !0,
+  hasSearch: p = !0,
+  isSorted: h = !0,
   className: f,
   withAvatar: v = !1,
   listMaxHeight: g = "calc(100vh - 200px)",
@@ -23,29 +23,29 @@ const W = "_divider_anyyu_1", _ = {
   routerLinkElement: C,
   searchPlaceholder: B
 }) => {
-  const { isLg: r } = H(), i = n(() => o.find((w) => w.route === l), [l, o]), G = n(() => i?.component ?? (r ? /* @__PURE__ */ t(k, { subtitle: s }) : /* @__PURE__ */ t(x, {})), [i, r, s]), b = n(() => r ? !0 : !i, [i, r]);
-  return /* @__PURE__ */ t(L, { className: f ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ e(V, { children: [
-    b && /* @__PURE__ */ e(m, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
-      /* @__PURE__ */ e(u, { direction: "vertical", fullWidth: !0, children: [
-        c && /* @__PURE__ */ t(a, { heading: c, level: 4, marginBottom: 0, children: d }),
+  const { isLg: r, isXs: G } = L(), i = n(() => o.find((x) => x.route === l), [l, o]), b = n(() => i?.component ?? (r ? /* @__PURE__ */ t(y, { subtitle: s }) : /* @__PURE__ */ t(k, {})), [i, r, s]), w = n(() => r ? !0 : !i, [i, r]);
+  return /* @__PURE__ */ t(V, { className: f ?? "", fullHeight: !0, fullWidth: !0, columnGap: 0, children: /* @__PURE__ */ e(W, { children: [
+    w && /* @__PURE__ */ e(a, { desktopCol: 4, tabletCol: 12, phoneCol: 12, children: [
+      /* @__PURE__ */ e(m, { direction: "vertical", fullWidth: !0, gap: G ? "dense" : "standard", children: [
+        c && /* @__PURE__ */ t(u, { heading: c, level: 4, marginBottom: 0, children: d }),
         /* @__PURE__ */ t(
-          y,
+          A,
           {
             elements: o,
-            hasSearch: h,
+            hasSearch: p,
             maxHeight: g,
-            isSorted: p,
+            isSorted: h,
             pathname: l,
             routerLinkElement: C,
             searchPlaceholder: B
           }
         )
       ] }),
-      r && /* @__PURE__ */ t(A, { className: _.divider, height: "100%" })
+      r && /* @__PURE__ */ t(H, { className: j.divider, height: "100%" })
     ] }),
-    /* @__PURE__ */ t(m, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ e(u, { direction: "vertical", fullWidth: !0, children: [
+    /* @__PURE__ */ t(a, { desktopCol: 8, tabletCol: 12, phoneCol: 12, children: /* @__PURE__ */ e(m, { direction: "vertical", fullWidth: !0, children: [
       /* @__PURE__ */ t(
-        a,
+        u,
         {
           heading: i?.detailTitle ?? i?.title ?? "",
           level: 4,
@@ -56,7 +56,7 @@ const W = "_divider_anyyu_1", _ = {
           children: i?.detailAction ?? d
         }
       ),
-      G
+      b
     ] }) })
   ] }) });
 };

package/dist/components/ListArea/ListArea.js

@@ -4,7 +4,7 @@ import { g as Hr } from "../../_commonjsHelpers-CT_km90n.js";
 import { _ as H, a as Tr, b as wr, c as w, d as Nr, e as Wr, f as h, h as N, j as B, k as Xr, l as zr, m as I, n as Yr, o as Zr, p as Jr, q as W, r as Qr, s as Or, t as Pr, u as kr, v as Vr } from "../../get-BRDhkfK0.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 T } from "../../ListAreaService-zxVNvD59.js";
+import { g as ae, a as te, s as T } from "../../ListAreaService-BoNnFzrZ.js";
 var ne = H;
 function se() {
   this.__data__ = new ne(), this.size = 0;

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-BBemCHUU.js";
 import { ListArea as c } from "./ListArea.js";
-import { g as h } from "../../ListAreaService-zxVNvD59.js";
+import { g as h } from "../../ListAreaService-BoNnFzrZ.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.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-zxVNvD59.js";
+import { g as s, a as i, m as a } from "../../ListAreaService-BoNnFzrZ.js";
 export {
   s as getGroupedItems,
   i as getListedItems,

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.6359",
+  "version": "0.0.6403",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",

package/dist/ListAreaService-zxVNvD59.js

@@ -1,80 +0,0 @@
-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
-};