@hortiview/shared-components 2.19.1 → 2.20.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [2.20.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.20.0...v2.20.1) (2026-03-26)
+
+### Code Refactoring
+
+* update SearchBar styling to remove bottom line in ListArea ([dffb907](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/dffb907f424da1ab7eb37acfb02c8f532c16e805))
+
+## [2.20.0](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.19.1...v2.20.0) (2026-03-24)
+
+### Features
+
+* add new country keys for Netherlands and Canada in AVAILABLE_COUNTRY_KEYS ([2fdd83d](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/2fdd83dd30c4e72f54b8a3401f98a9ab0ed55ec9))
+
 ## [2.19.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.19.0...v2.19.1) (2026-03-24)
 
 ### Code Refactoring

package/dist/{ListAreaService-Y8wR14Xq.js → ListAreaService-B0x97Jin.js}

@@ -1,44 +1,45 @@
 import { jsx as r, jsxs as G } from "react/jsx-runtime";
 import { G as S } from "./index.es-Z0aF-7Cn.js";
-import { I as O } from "./index.es-DEBGoIKX.js";
-import { P as k } from "./index.es-DgncYOqO.js";
-import { e as $, c as w, T as A } from "./index.es-DUrjyxNI.js";
-import { c as j } from "./index-Df2FYN-K.js";
-import { Iconify as H } from "./components/Iconify/Iconify.js";
-import { AvailableCustomIcons as M } from "./enums/AvailableCustomIcons.js";
-import './assets/ListAreaService.css';const P = "_fullWidth_a185b_1", R = "_mainElevation_a185b_6", W = "_searchbar_a185b_13", L = "_roundedBottom_a185b_21", q = "_primaryText_a185b_26", z = "_list_a185b_30", D = "_listItem_a185b_41", F = "_isSelected_a185b_65", J = "_noGroupHeaderMargin_a185b_74", K = "_indentGroupedElement_a185b_78", Q = "_isNotSelected_a185b_82", U = "_iconColor_a185b_92", V = "_overlineTitle_a185b_96", X = "_noOverlineTitle_a185b_101", Y = "_truncate_a185b_105", Z = "_truncateOverlineText_a185b_116", ee = "_hasNoRoundedEdges_a185b_121", te = "_hideArrowIcon_a185b_125", t = {
-  fullWidth: P,
-  mainElevation: R,
+import { I as b } from "./index.es-DEBGoIKX.js";
+import { P as O } from "./index.es-DgncYOqO.js";
+import { e as k, c as L, T as $ } from "./index.es-DUrjyxNI.js";
+import { c as A } from "./index-Df2FYN-K.js";
+import { Iconify as j } from "./components/Iconify/Iconify.js";
+import { AvailableCustomIcons as H } from "./enums/AvailableCustomIcons.js";
+import './assets/ListAreaService.css';const M = "_fullWidth_1w7l3_1", P = "_mainElevation_1w7l3_6", R = "_searchBarLine_1w7l3_13", W = "_searchbar_1w7l3_17", q = "_roundedBottom_1w7l3_21", z = "_primaryText_1w7l3_26", D = "_list_1w7l3_30", F = "_listItem_1w7l3_41", J = "_isSelected_1w7l3_65", K = "_noGroupHeaderMargin_1w7l3_74", Q = "_indentGroupedElement_1w7l3_78", U = "_isNotSelected_1w7l3_82", V = "_iconColor_1w7l3_92", X = "_overlineTitle_1w7l3_96", Y = "_noOverlineTitle_1w7l3_101", Z = "_truncate_1w7l3_105", ee = "_truncateOverlineText_1w7l3_116", te = "_hasNoRoundedEdges_1w7l3_121", oe = "_hideArrowIcon_1w7l3_125", t = {
+  fullWidth: M,
+  mainElevation: P,
+  searchBarLine: R,
   searchbar: W,
-  roundedBottom: L,
-  primaryText: q,
-  list: z,
-  listItem: D,
-  isSelected: F,
-  noGroupHeaderMargin: J,
-  indentGroupedElement: K,
-  isNotSelected: Q,
-  iconColor: U,
-  overlineTitle: V,
-  noOverlineTitle: X,
-  truncate: Y,
-  truncateOverlineText: Z,
-  hasNoRoundedEdges: ee,
-  hideArrowIcon: te
-}, _e = (o, a, s, l) => {
+  roundedBottom: q,
+  primaryText: z,
+  list: D,
+  listItem: F,
+  isSelected: J,
+  noGroupHeaderMargin: K,
+  indentGroupedElement: Q,
+  isNotSelected: U,
+  iconColor: V,
+  overlineTitle: X,
+  noOverlineTitle: Y,
+  truncate: Z,
+  truncateOverlineText: ee,
+  hasNoRoundedEdges: te,
+  hideArrowIcon: oe
+}, ue = (o, l, s, a) => {
   const n = o.reduce((i, c) => {
     const { groupName: e, groupComponent: _, ...d } = c;
     return !e || typeof e != "string" || (i[e] || (i[e] = {
-      groupName: _ ?? /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r($, { children: e }) }),
+      groupName: _ ?? /* @__PURE__ */ r(O, { children: /* @__PURE__ */ r(k, { children: e }) }),
       id: e,
       items: []
     }), i[e].items = [
       ...i[e].items,
-      b(d, a, s, l)
+      g(d, l, s, a)
     ]), i;
   }, {});
   return Object.values(n);
-}, ue = (o, a, s, l) => o.map((n) => b(n, a, s, l)), b = (o, a, s, l) => {
+}, pe = (o, l, s, a) => o.map((n) => g(n, l, s, a)), g = (o, l, s, a) => {
   const {
     id: n,
     title: i,
@@ -47,9 +48,9 @@ import './assets/ListAreaService.css';const P = "_fullWidth_a185b_1", R = "_main
     value: _,
     noNavigation: d,
     disabled: u,
-    icon: g,
+    icon: h,
     iconType: v,
-    trailingIcon: h,
+    trailingIcon: w,
     trailingIconType: y,
     actionButton: f,
     onClick: I,
@@ -57,13 +58,13 @@ import './assets/ListAreaService.css';const P = "_fullWidth_a185b_1", R = "_main
     listItemClassName: N,
     overlineTitle: p,
     "data-testid": x,
-    indentElement: E
-  } = o, m = a === e, C = j(
+    indentElement: B
+  } = o, m = l === e, E = A(
     v !== "avatar" && t.listItem,
     s,
     N,
     p ? t.overlineTitle : t.noOverlineTitle,
-    E && t.indentGroupedElement,
+    B && t.indentGroupedElement,
     m ? t.isSelected : t.isNotSelected
   );
   return {
@@ -73,7 +74,7 @@ import './assets/ListAreaService.css';const P = "_fullWidth_a185b_1", R = "_main
     primaryText: n,
     secondaryText: /* @__PURE__ */ G(S, { direction: "vertical", gap: "none", children: [
       T ?? /* @__PURE__ */ r(
-        w,
+        L,
         {
           "data-testid": "title",
           level: 1,
@@ -83,7 +84,7 @@ import './assets/ListAreaService.css';const P = "_fullWidth_a185b_1", R = "_main
         }
       ),
       c && !T ? /* @__PURE__ */ r(
-        A,
+        $,
         {
           "data-testid": "subtitle",
           level: 2,
@@ -101,8 +102,8 @@ import './assets/ListAreaService.css';const P = "_fullWidth_a185b_1", R = "_main
         children: p
       }
     ) : void 0,
-    trailingBlock: f ?? h ?? /* @__PURE__ */ r(O, { icon: "arrow_right", className: t.iconColor }),
-    leadingBlock: oe(g),
+    trailingBlock: f ?? w ?? /* @__PURE__ */ r(b, { icon: "arrow_right", className: t.iconColor }),
+    leadingBlock: ne(h),
     value: _,
     componentProps: {
       id: n,
@@ -110,17 +111,17 @@ import './assets/ListAreaService.css';const P = "_fullWidth_a185b_1", R = "_main
       key: n,
       leadingBlockType: v ?? "icon",
       trailingBlockType: y ?? "icon",
-      className: C,
-      onClick: (ne, B) => I?.(B),
-      tag: u || d ? void 0 : l ?? "a",
+      className: E,
+      onClick: (ie, C) => I?.(C),
+      tag: u || d ? void 0 : a ?? "a",
       to: u || d ? void 0 : e,
       disabled: u
     }
   };
-}, oe = (o) => typeof o == "string" && o in M ? /* @__PURE__ */ r(H, { icon: o }) : o;
+}, ne = (o) => typeof o == "string" && o in H ? /* @__PURE__ */ r(j, { icon: o }) : o;
 export {
-  ue as a,
-  _e as g,
-  b as m,
+  pe as a,
+  ue as g,
+  g as m,
   t as s
 };

package/dist/assets/ListAreaService.css

@@ -1 +1 @@
-._fullWidth_a185b_1{width:100%;height:100%}._mainElevation_a185b_6{background:var(--lmnt-theme-background);width:100%;height:100%}._searchbar_a185b_13 div{border:none}._searchbar_a185b_13 button{margin-right:.5rem}._roundedBottom_a185b_21{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_a185b_26 [class*=mdc-list-item__primary-text]{display:none!important}._list_a185b_30{padding-top:0;padding-bottom:0;overflow-y:auto;scrollbar-width:thin}._list_a185b_30 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._listItem_a185b_41:hover{background-color:var(--lmnt-theme-surface-variant)}._listItem_a185b_41 i:not(._trailingIcon_a185b_45){color:var(--lmnt-theme-on-surface-inactive)}._listItem_a185b_41 [class^="lmnt mdc-list-item__end"] i{color:var(--lmnt-theme-on-surface-disabled)}._listItem_a185b_41:focus-within [class^="lmnt mdc-list-item__end"] i{color:var(--lmnt-theme-primary)!important}._listItem_a185b_41 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._listItem_a185b_41:focus [class^=mdc-list-item__start] i{color:var(--lmnt-theme-primary)!important}._listItem_a185b_41._isSelected_a185b_65 i,._listItem_a185b_41[aria-selected=true] i{color:var(--lmnt-theme-primary)!important}._groupedListItem_a185b_70{height:4.5rem!important}._noGroupHeaderMargin_a185b_74 h3{margin:0}._indentGroupedElement_a185b_78{padding-left:2.5rem!important}._isNotSelected_a185b_82 [class*=mdc-list-item__ripple]:before{opacity:inherit!important;background-color:inherit!important}._isSelected_a185b_65 [class*=mdc-list-item__ripple]:before{opacity:.2!important;background-color:var(--lmnt-theme-primary)!important}._iconColor_a185b_92{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_a185b_96 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_a185b_101 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_a185b_105{display:-webkit-box!important;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}._truncateOverlineText_a185b_116{margin-bottom:-1rem!important;margin-top:-1rem!important}._hasNoRoundedEdges_a185b_121{border-radius:0rem!important}._hideArrowIcon_a185b_125 i{visibility:hidden}
+._fullWidth_1w7l3_1{width:100%;height:100%}._mainElevation_1w7l3_6{background:var(--lmnt-theme-background);width:100%;height:100%}._searchBarLine_1w7l3_13 [class*="lmnt mdc-line-ripple"]{display:none!important}._searchbar_1w7l3_17 button{margin-right:.5rem}._roundedBottom_1w7l3_21{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}._primaryText_1w7l3_26 [class*=mdc-list-item__primary-text]{display:none!important}._list_1w7l3_30{padding-top:0;padding-bottom:0;overflow-y:auto;scrollbar-width:thin}._list_1w7l3_30 [class*=mdc-list-item__overline-text]{margin-bottom:-2.25rem}._listItem_1w7l3_41:hover{background-color:var(--lmnt-theme-surface-variant)}._listItem_1w7l3_41 i:not(._trailingIcon_1w7l3_45){color:var(--lmnt-theme-on-surface-inactive)}._listItem_1w7l3_41 [class^="lmnt mdc-list-item__end"] i{color:var(--lmnt-theme-on-surface-disabled)}._listItem_1w7l3_41:focus-within [class^="lmnt mdc-list-item__end"] i{color:var(--lmnt-theme-primary)!important}._listItem_1w7l3_41 [class^=mdc-list-item__start]{margin:0 1rem!important;align-self:center!important}._listItem_1w7l3_41:focus [class^=mdc-list-item__start] i{color:var(--lmnt-theme-primary)!important}._listItem_1w7l3_41._isSelected_1w7l3_65 i,._listItem_1w7l3_41[aria-selected=true] i{color:var(--lmnt-theme-primary)!important}._groupedListItem_1w7l3_70{height:4.5rem!important}._noGroupHeaderMargin_1w7l3_74 h3{margin:0}._indentGroupedElement_1w7l3_78{padding-left:2.5rem!important}._isNotSelected_1w7l3_82 [class*=mdc-list-item__ripple]:before{opacity:inherit!important;background-color:inherit!important}._isSelected_1w7l3_65 [class*=mdc-list-item__ripple]:before{opacity:.2!important;background-color:var(--lmnt-theme-primary)!important}._iconColor_1w7l3_92{color:var(--lmnt-theme-on-surface-disabled)!important}._overlineTitle_1w7l3_96 [class*=mdc-list-item__overline-text]{color:var(--lmnt-theme-on-surface-inactive)!important;line-height:1rem!important}._noOverlineTitle_1w7l3_101 [class*=mdc-list-item__secondary-text] [class*=lmnt-group]{margin-top:-.875rem}._truncate_1w7l3_105{display:-webkit-box!important;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}._truncateOverlineText_1w7l3_116{margin-bottom:-1rem!important;margin-top:-1rem!important}._hasNoRoundedEdges_1w7l3_121{border-radius:0rem!important}._hideArrowIcon_1w7l3_125 i{visibility:hidden}

package/dist/components/ListArea/ListArea.js

@@ -1,12 +1,12 @@
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
 import { D } from "../../index.es-C27R5Xae.js";
-import { E as j } from "../../index.es-DhlgTSuU.js";
-import { L as A } from "../../index.es-Cg57snrN.js";
+import { E as $ } from "../../index.es-DhlgTSuU.js";
+import { L as j } from "../../index.es-Cg57snrN.js";
 import { c as p } from "../../index-Df2FYN-K.js";
 import { o as v } from "../../orderBy-Ce85KqD6.js";
-import { useState as E, useMemo as w } from "react";
-import { SearchBar as I } from "../SearchBar/SearchBar.js";
-import { g as M, a as N, s as e } from "../../ListAreaService-Y8wR14Xq.js";
+import { useState as A, useMemo as w } from "react";
+import { SearchBar as E } from "../SearchBar/SearchBar.js";
+import { g as I, a as M, s as e } from "../../ListAreaService-B0x97Jin.js";
 const G = ({
   elements: t,
   pathname: o,
@@ -23,41 +23,41 @@ const G = ({
   nonInteractive: n = !1,
   routerLinkElement: c
 }) => {
-  const [r, C] = E(""), s = w(() => {
+  const [r, B] = A(""), a = w(() => {
     if (!r) return l ? v(t, "title") : t;
-    const u = t.filter((f) => f.title.toLowerCase().includes(r.toLowerCase()) || f.subTitle?.toLowerCase().includes(r.toLowerCase()) || f.overlineTitle?.toLowerCase().includes(r.toLowerCase()));
-    return l ? v(u, "title") : u;
-  }, [r, t, l]), B = w(
-    () => i ? M(s, o, d, c) : N(s, o, d, c),
-    [s, o, d, i, c]
+    const h = t.filter((f) => f.title.toLowerCase().includes(r.toLowerCase()) || f.subTitle?.toLowerCase().includes(r.toLowerCase()) || f.overlineTitle?.toLowerCase().includes(r.toLowerCase()));
+    return l ? v(h, "title") : h;
+  }, [r, t, l]), C = w(
+    () => i ? I(a, o, d, c) : M(a, o, d, c),
+    [a, o, d, i, c]
   );
-  return /* @__PURE__ */ a(
-    j,
+  return /* @__PURE__ */ s(
+    $,
     {
       "data-testid": "elevation",
       elevation: x ? 0 : 1,
       className: `${e.mainElevation}`,
-      children: /* @__PURE__ */ h("div", { className: p(e.fullWidth, e.noGroupHeaderMargin), children: [
-        L && t.length > 0 && /* @__PURE__ */ h("span", { "data-testid": "search-bar-container", children: [
-          /* @__PURE__ */ a(
-            I,
+      children: /* @__PURE__ */ u("div", { className: p(e.fullWidth, e.noGroupHeaderMargin), children: [
+        L && t.length > 0 && /* @__PURE__ */ u("span", { "data-testid": "search-bar-container", children: [
+          /* @__PURE__ */ s(
+            E,
             {
               searchTerm: r,
-              setSearchTerm: C,
-              className: e.searchbar,
+              setSearchTerm: B,
+              className: `${e.searchbar} ${e.searchBarLine}`,
               placeholder: g,
               variant: "embedded"
             }
           ),
-          /* @__PURE__ */ a(D, {})
+          /* @__PURE__ */ s(D, {})
         ] }),
-        s.length === 0 && b,
-        /* @__PURE__ */ a(
-          A,
+        a.length === 0 && b,
+        /* @__PURE__ */ s(
+          j,
           {
             nonInteractive: n,
             "data-testid": y,
-            items: B,
+            items: C,
             className: p(
               e.list,
               e.primaryText,

package/dist/components/ListArea/ListAreaService.js

@@ -6,7 +6,7 @@ import "../../index.es-DUrjyxNI.js";
 import "../../index-Df2FYN-K.js";
 import "../Iconify/Iconify.js";
 import "../../enums/AvailableCustomIcons.js";
-import { g as d, a as I, m as L } from "../../ListAreaService-Y8wR14Xq.js";
+import { g as d, a as I, m as L } from "../../ListAreaService-B0x97Jin.js";
 export {
   d as getGroupedItems,
   I as getListedItems,

package/dist/types/Languages.d.ts

@@ -92,5 +92,7 @@ export declare const LANGUAGE_CODES_MAPPER: Record<AVAILABLE_LANGUAGE_CODES, LAN
  * - Spain (esp)
  * - Mexico (mex)
  * - Turkey (tur)
+ * - Netherlands (nld)
+ * - Canada (can)
  */
 export declare const AVAILABLE_COUNTRY_KEYS: string[];

package/dist/types/Languages.js

@@ -7,17 +7,17 @@ const A = "bb8077e3-ad50-4c1d-8b17-b768b1c9f041", e = "bb8077e3-ad50-4c1d-8b17-b
   "es",
   "tr"
   // 'de' currently not supported
-], t = {
+], n = {
   en: "en-US",
   es: "es-MX",
   tr: "tr-TR"
-}, G = ["esp", "mex", "tur"];
+}, t = ["esp", "mex", "tur", "nld", "can"];
 export {
-  G as AVAILABLE_COUNTRY_KEYS,
+  t as AVAILABLE_COUNTRY_KEYS,
   _ as AVAILABLE_LOCALES,
   A as ENGLISH_LANGUAGE_ID,
   e as GERMAN_LANGUAGE_ID,
-  t as LANGUAGE_CODES_MAPPER,
+  n as LANGUAGE_CODES_MAPPER,
   E as LANGUAGE_ID_MAPPER,
   b as SPANISH_LANGUAGE_ID,
   c as TURKISH_LANGUAGE_ID

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