@hortiview/shared-components 2.8.7 → 2.9.0

package/dist/components/InfoGroup/InfoGroup.js

@@ -1,57 +1,66 @@
-import { jsxs as d, Fragment as p, jsx as t } from "react/jsx-runtime";
-import { D as h } from "../../index.es-Dfju71Pi.js";
-import { G as s } from "../../index.es-DDYCugj-.js";
-import { a as g, d as f } from "../../index.es-BGordhUK.js";
-import { useMemo as _, Fragment as D } from "react";
+import { jsxs as p, Fragment as v, jsx as t } from "react/jsx-runtime";
+import { D as d } from "../../index.es-Bus5gEri.js";
+import { G as c } from "../../index.es-DsGuBR0Z.js";
+import { a as g, d as _ } from "../../index.es-DCSgIiJH.js";
+import { useMemo as f, Fragment as C } from "react";
 import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
-import '../../assets/InfoGroup.css';const C = "_dividerContainer_4c1hq_1", y = "_centerDefaultComponent_4c1hq_10", A = "_verticalDivider_4c1hq_14", G = "_mainGroup_4c1hq_22", x = "_textAlignRight_4c1hq_28", l = {
-  dividerContainer: C,
-  centerDefaultComponent: y,
+import '../../assets/InfoGroup.css';const y = "_dividerContainer_v06ae_1", D = "_centerDefaultComponent_v06ae_10", A = "_verticalDivider_v06ae_14", G = "_mainGroup_v06ae_22", N = "_textAlignRight_v06ae_27", R = "_typoColor_v06ae_31", o = {
+  dividerContainer: y,
+  centerDefaultComponent: D,
   verticalDivider: A,
   mainGroup: G,
-  textAlignRight: x
-}, F = ({ fields: r, bold: n }) => {
-  const { isDesktop: o } = m(), e = !!r.length && Array.isArray(r.at(0)), i = _(() => e && o ? r.map((a, c) => /* @__PURE__ */ d(p, { children: [
-    c != 0 && /* @__PURE__ */ t("span", { "data-testid": "test-divider", className: l.dividerContainer, children: /* @__PURE__ */ t(h, {}) }),
-    /* @__PURE__ */ t(u, { fields: a, bold: n })
-  ] })) : /* @__PURE__ */ t(u, { fields: r.flat(), bold: n }), [o, e, r, n]);
+  textAlignRight: N,
+  typoColor: R
+}, j = ({ fields: r, bold: i }) => {
+  const { isDesktop: a } = m(), e = !!r.length && Array.isArray(r.at(0)), n = f(() => e && a ? r.map((l, s) => /* @__PURE__ */ p(v, { children: [
+    s != 0 && /* @__PURE__ */ t("span", { "data-testid": "test-divider", className: o.dividerContainer, children: /* @__PURE__ */ t(d, {}) }),
+    /* @__PURE__ */ t(u, { fields: l, bold: i }),
+    s === r.length - 1 && /* @__PURE__ */ t(
+      "span",
+      {
+        "data-testid": "test-divider-end",
+        className: o.dividerContainer,
+        children: /* @__PURE__ */ t(d, {})
+      }
+    )
+  ] })) : /* @__PURE__ */ t(u, { fields: r.flat(), bold: i }), [a, e, r, i]);
   return /* @__PURE__ */ t(
-    s,
+    c,
     {
       "data-testid": "infoGroup",
       direction: "vertical",
       fullWidth: !0,
-      className: l.mainGroup,
+      className: o.mainGroup,
       gap: "none",
-      children: i
+      children: n
     }
   );
-}, u = ({ fields: r, bold: n }) => {
-  const { isDesktop: o } = m();
+}, u = ({ fields: r, bold: i }) => {
+  const { isDesktop: a } = m();
   return /* @__PURE__ */ t(
-    s,
+    c,
     {
       "data-testid": "singleRow",
       fullWidth: !0,
-      direction: o ? "horizontal" : "vertical",
+      direction: a ? "horizontal" : "vertical",
       secondaryAlign: "start",
-      children: r.map((e, i) => {
-        const a = o ? /* @__PURE__ */ t("div", { className: l.verticalDivider }) : /* @__PURE__ */ t(h, {});
-        return /* @__PURE__ */ d(D, { children: [
-          i != 0 && a,
-          /* @__PURE__ */ t(R, { field: e, bold: n, variant: e.componentVariant })
-        ] }, `${e.label ?? "label"}_${i}`);
+      children: r.map((e, n) => {
+        const l = a ? /* @__PURE__ */ t("div", { className: o.verticalDivider }) : /* @__PURE__ */ t(d, {});
+        return /* @__PURE__ */ p(C, { children: [
+          n != 0 && l,
+          /* @__PURE__ */ t(x, { field: e, bold: i, variant: e.componentVariant })
+        ] }, `${e.label ?? "label"}_${n}`);
       })
     }
   );
-}, R = ({
+}, x = ({
   field: r,
-  bold: n,
-  variant: o = "default"
+  bold: i,
+  variant: a = "default"
 }) => {
-  const { isDesktop: e } = m(), { component: i, value: a, label: c, themeColor: v } = r;
-  return i && o === "default" ? /* @__PURE__ */ t(s, { fullWidth: !0, primaryAlign: "center", className: l.centerDefaultComponent, children: i }) : /* @__PURE__ */ d(
-    s,
+  const { isDesktop: e } = m(), { component: n, value: l, label: s, themeColor: h } = r;
+  return n && a === "default" ? /* @__PURE__ */ t(c, { fullWidth: !0, primaryAlign: "center", className: o.centerDefaultComponent, children: n }) : /* @__PURE__ */ p(
+    c,
     {
       fullWidth: !0,
       "data-testid": "infoGroupItem",
@@ -59,15 +68,15 @@ import '../../assets/InfoGroup.css';const C = "_dividerContainer_4c1hq_1", y = "
       gap: "none",
       primaryAlign: e ? "start" : "space-between",
       secondaryAlign: e ? "baseline" : "center",
-      className: e ? "" : l.textAlignRight,
+      className: e ? "" : o.textAlignRight,
       children: [
-        /* @__PURE__ */ t(g, { themeColor: "text-hint-on-light", children: c }),
-        i ? /* @__PURE__ */ t(p, { children: i }) : /* @__PURE__ */ t(f, { level: 1, "data-testid": "infoGroupValue", themeColor: v, bold: n, children: a })
+        /* @__PURE__ */ t(g, { className: o.typoColor, children: s }),
+        n ? /* @__PURE__ */ t(v, { children: n }) : /* @__PURE__ */ t(_, { level: 1, "data-testid": "infoGroupValue", themeColor: h, bold: i, children: l })
       ]
     }
   );
 };
 export {
-  R as Cell,
-  F as InfoGroup
+  x as Cell,
+  j as InfoGroup
 };

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

@@ -23,7 +23,7 @@ type ListAreaProps = {
      */
     searchPlaceholder?: string;
     /**
-     * isIntegrated is true if the list should be integrated, if true the list has no elevation @default false
+     * isIntegrated is true if the list should be integrated, if true the list has no elevation @default true
      */
     isIntegrated?: boolean;
     /**
@@ -46,6 +46,10 @@ type ListAreaProps = {
      * data-testid for testing
      */
     'data-testid'?: string;
+    /**
+     * @default false
+     */
+    hasLastItemNoRoundedEdges?: boolean;
     /**
      * routerLinkElement is the element to be used for the elements link, use react-router Link component for the best experience.
      * If the element has `noNavigation=false` and the `routerLinkElement` is undefined an `<a>` tag is used.
@@ -58,5 +62,5 @@ type ListAreaProps = {
  * list elements act as router links to the corresponding route.
  * The list will be displayed in the desktop view or when no detail view is selected (in mobile view).
  */
-export declare const ListArea: ({ elements, pathname, isGrouped, hasSearch, searchPlaceholder, isIntegrated, isSorted, itemClassName, maxHeight, noElementsView, "data-testid": dataTestId, routerLinkElement, }: ListAreaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListArea: ({ elements, pathname, isGrouped, hasSearch, searchPlaceholder, isIntegrated, isSorted, itemClassName, maxHeight, noElementsView, hasLastItemNoRoundedEdges, "data-testid": dataTestId, routerLinkElement, }: ListAreaProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ListArea/ListArea.js

@@ -1,61 +1,66 @@
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
-import { D as h } from "../../index.es-Dfju71Pi.js";
-import { E as B } from "../../index.es-DeF-y7fd.js";
-import { L as D } from "../../index.es-B6ZgiW2s.js";
-import { c as p } from "../../index-Cpb-8cAN.js";
-import { o as v } from "../../orderBy-BXxEvUw6.js";
-import { useState as j, useMemo as L } from "react";
-import { SearchBar as E } from "../SearchBar/SearchBar.js";
-import { g as I, a as M, s as e } from "../../ListAreaService-CI-s1Xx5.js";
-const z = ({
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { D as B } from "../../index.es-Bus5gEri.js";
+import { E as D } from "../../index.es-DNRm4vOy.js";
+import { L as j } from "../../index.es-D_hWWij3.js";
+import { c as h } from "../../index-Cpb-8cAN.js";
+import { o as p } from "../../orderBy-BXxEvUw6.js";
+import { useState as E, useMemo as v } from "react";
+import { SearchBar as I } from "../SearchBar/SearchBar.js";
+import { g as M, a as N, s as e } from "../../ListAreaService-Dx9WBGHB.js";
+const F = ({
   elements: r,
   pathname: o,
   isGrouped: i = !1,
   hasSearch: w = !1,
-  searchPlaceholder: g = "",
-  isIntegrated: m = !1,
+  searchPlaceholder: L = "",
+  isIntegrated: g = !0,
   isSorted: l = !0,
   itemClassName: c = "",
   maxHeight: x = "100%",
   noElementsView: T,
+  hasLastItemNoRoundedEdges: m = !1,
   "data-testid": y,
   routerLinkElement: d
 }) => {
-  const [t, C] = j(""), a = L(() => {
-    if (!t) return l ? v(r, "title") : r;
+  const [t, C] = E(""), s = v(() => {
+    if (!t) return l ? p(r, "title") : r;
     const n = r.filter((f) => f.title.toLowerCase().includes(t.toLowerCase()) || f.subTitle?.toLowerCase().includes(t.toLowerCase()) || f.overlineTitle?.toLowerCase().includes(t.toLowerCase()));
-    return l ? v(n, "title") : n;
-  }, [t, r, l]), b = L(
-    () => i ? I(a, o, c, d) : M(a, o, c, d),
-    [a, o, c, i, d]
+    return l ? p(n, "title") : n;
+  }, [t, r, l]), b = v(
+    () => i ? M(s, o, c, d) : N(s, o, c, d),
+    [s, o, c, i, d]
   );
-  return /* @__PURE__ */ s(
-    B,
+  return /* @__PURE__ */ a(
+    D,
     {
       "data-testid": "elevation",
-      elevation: m ? 0 : 1,
+      elevation: g ? 0 : 1,
       className: `${e.mainElevation}`,
-      children: /* @__PURE__ */ u("div", { className: p(e.fullWidth, e.noGroupHeaderMargin), children: [
+      children: /* @__PURE__ */ u("div", { className: h(e.fullWidth, e.noGroupHeaderMargin), children: [
         w && r.length > 0 && /* @__PURE__ */ u("span", { "data-testid": "search-bar-container", children: [
-          m && /* @__PURE__ */ s(h, {}),
-          /* @__PURE__ */ s(
-            E,
+          /* @__PURE__ */ a(
+            I,
             {
               searchTerm: t,
               setSearchTerm: C,
               className: e.searchbar,
-              placeholder: g
+              placeholder: L
             }
           ),
-          /* @__PURE__ */ s(h, {})
+          /* @__PURE__ */ a(B, {})
         ] }),
-        a.length === 0 && T,
-        /* @__PURE__ */ s(
-          D,
+        s.length === 0 && T,
+        /* @__PURE__ */ a(
+          j,
           {
             "data-testid": y,
             items: b,
-            className: p(e.list, e.primaryText, !i && e.roundedBottom),
+            className: h(
+              e.list,
+              e.primaryText,
+              !i && !m && e.roundedBottom,
+              m && e.hasNoRoundedEdges
+            ),
             style: { maxHeight: x },
             showDivider: !1
           }
@@ -65,5 +70,5 @@ const z = ({
   );
 };
 export {
-  z as ListArea
+  F as ListArea
 };

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

@@ -1,9 +1,9 @@
 import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { P as m } from "../../index.es-Bo1Rhtyb.js";
-import { c as u } from "../../index.es-BGordhUK.js";
+import { c as u } from "../../index.es-DCSgIiJH.js";
 import { a as s, s as a, f as c } from "../../react.esm-CX1WJ2Pp.js";
 import { ListArea as l } from "./ListArea.js";
-import { g as h } from "../../ListAreaService-CI-s1Xx5.js";
+import { g as h } from "../../ListAreaService-Dx9WBGHB.js";
 import { d, t as n, g as t } from "../../vi.CjhMlMwf-CKxPQtd6.js";
 d("ListArea Test", () => {
   const o = [

package/dist/components/ListArea/ListAreaService.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import "../../index.es-DDYCugj-.js";
-import "../../index.es-DwzB1d7_.js";
+import "../../index.es-DsGuBR0Z.js";
+import "../../index.es-DYs8W4jv.js";
 import "../../index.es-Bo1Rhtyb.js";
-import "../../index.es-BGordhUK.js";
+import "../../index.es-DCSgIiJH.js";
 import "../../index-Cpb-8cAN.js";
 import "../Iconify/Iconify.js";
 import "../../enums/AvailableCustomIcons.js";
-import { g as d, a as I, m as L } from "../../ListAreaService-CI-s1Xx5.js";
+import { g as d, a as I, m as L } from "../../ListAreaService-Dx9WBGHB.js";
 export {
   d as getGroupedItems,
   I as getListedItems,

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import "../../../index.es-BGordhUK.js";
+import "../../../index.es-DCSgIiJH.js";
 import "../../Iconify/Iconify.js";
-import { B as t } from "../../../BigLoadingSpinner-CCxsMWnc.js";
+import { B as t } from "../../../BigLoadingSpinner-BeHzqdOg.js";
 export {
   t as BigLoadingSpinner
 };

package/dist/components/LoadingSpinner/Big/BigLoadingSpinner.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as r, B as n } from "../../../BigLoadingSpinner-CCxsMWnc.js";
+import { s as r, B as n } from "../../../BigLoadingSpinner-BeHzqdOg.js";
 import { a as i, s as e } from "../../../react.esm-CX1WJ2Pp.js";
 import { d as g, t as a, g as t } from "../../../vi.CjhMlMwf-CKxPQtd6.js";
 g("BigLoadingSpinner Test", () => {

package/dist/components/LoadingSpinner/Default/LoadingSpinner.js

@@ -1,13 +1,13 @@
 import { jsx as y, jsxs as Q } from "react/jsx-runtime";
 import { _ as X, a as Y, c as $, P as u } from "../../../index-Cpb-8cAN.js";
-import { i as Z, _ as w, d as ee } from "../../../index.es-BXj90wb_.js";
+import { i as Z, _ as w, d as ee } from "../../../index.es-BjvSa9Z-.js";
 import t, { forwardRef as re, useRef as H, useImperativeHandle as te, useEffect as T, useCallback as se, useState as ae, useMemo as ie } from "react";
 import { b as G, c as U } from "../../../tslib.es6-BDCynO9F.js";
 import { M as oe, a as ne } from "../../../component-neHBNHRu.js";
-import { G as ce } from "../../../index.es-DDYCugj-.js";
+import { G as ce } from "../../../index.es-DsGuBR0Z.js";
 import { P as le } from "../../../index.es-Bo1Rhtyb.js";
-import { T as de } from "../../../index.es-BGordhUK.js";
-import { B as ue } from "../../../BigLoadingSpinner-CCxsMWnc.js";
+import { T as de } from "../../../index.es-DCSgIiJH.js";
+import { B as ue } from "../../../BigLoadingSpinner-BeHzqdOg.js";
 import '../../../assets/LoadingSpinner.css';/**
  * @license
  * Copyright 2020 Google Inc.