@hortiview/shared-components 1.3.4 → 1.4.0

package/dist/components/Modal/Modal.js

@@ -1,10 +1,10 @@
 import { jsxs as ft, jsx as O } from "react/jsx-runtime";
-import { G as W } from "../../index.es-DntoATwO.js";
+import { G as V } from "../../index.es-DntoATwO.js";
 import { I as it } from "../../index.es-0lQcz8m1.js";
 import { _ as pt, c as B, P as s } from "../../identity-DLWZln-X.js";
-import u, { forwardRef as ht, useRef as tt, useImperativeHandle as gt, useState as et, useEffect as g, useCallback as z, useMemo as $ } from "react";
+import u, { forwardRef as ht, useRef as et, useImperativeHandle as gt, useState as nt, useEffect as g, useCallback as z, useMemo as Y } from "react";
 import { i as Et, c as T, a as _t } from "../../index.es-da0cf7oE.js";
-import { b as at, c as nt, d as Ct } from "../../tslib.es6-BDCynO9F.js";
+import { b as at, c as ot, d as Ct } from "../../tslib.es6-BDCynO9F.js";
 import { M as St, a as vt } from "../../component-neHBNHRu.js";
 import { M as yt, c as Ot, m as Tt } from "../../component-DsB0poTj.js";
 import { A as At } from "../../animationframe-EMBh6XeO.js";
@@ -31,10 +31,10 @@ import '../../assets/Modal.css';/**
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function Dt(i, e, t) {
+function It(i, e, t) {
   return e(i, { initialFocusEl: t });
 }
-function It(i) {
+function Dt(i) {
   return i ? i.scrollHeight > i.offsetHeight : !1;
 }
 function Nt(i) {
@@ -224,7 +224,7 @@ var rt = (
   function(i) {
     at(e, i);
     function e(t) {
-      var n = i.call(this, nt(nt({}, e.defaultAdapter), t)) || this;
+      var n = i.call(this, ot(ot({}, e.defaultAdapter), t)) || this;
       return n.dialogOpen = !1, n.isFullscreen = !1, n.animationFrame = 0, n.animationTimer = 0, n.escapeKeyAction = C.CLOSE_ACTION, n.scrimClickAction = C.CLOSE_ACTION, n.autoStackButtons = !0, n.areButtonsStacked = !1, n.suppressDefaultPressSelector = C.SUPPRESS_DEFAULT_PRESS_SELECTOR, n.animFrame = new At(), n.contentScrollHandler = function() {
         n.handleScrollEvent();
       }, n.windowResizeHandler = function() {
@@ -498,7 +498,7 @@ var m = rt.strings, Bt = (
       }
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
-      this.focusTrap = Dt(this.container, this.focusTrapFactory, this.getInitialFocusEl() || void 0), this.handleClick = this.foundation.handleClick.bind(this.foundation), this.handleKeydown = this.foundation.handleKeydown.bind(this.foundation), this.handleDocumentKeydown = this.foundation.handleDocumentKeydown.bind(this.foundation), this.handleOpening = function() {
+      this.focusTrap = It(this.container, this.focusTrapFactory, this.getInitialFocusEl() || void 0), this.handleClick = this.foundation.handleClick.bind(this.foundation), this.handleKeydown = this.foundation.handleKeydown.bind(this.foundation), this.handleDocumentKeydown = this.foundation.handleDocumentKeydown.bind(this.foundation), this.handleOpening = function() {
         document.addEventListener("keydown", t.handleDocumentKeydown);
       }, this.handleClosing = function() {
         document.removeEventListener("keydown", t.handleDocumentKeydown);
@@ -543,7 +543,7 @@ var m = rt.strings, Bt = (
           return t.root.classList.contains(o);
         },
         isContentScrollable: function() {
-          return It(t.content);
+          return Dt(t.content);
         },
         notifyClosed: function(o) {
           return t.emit(m.CLOSED_EVENT, o ? { action: o } : {});
@@ -798,7 +798,7 @@ const wt = {
     defaultButton: E,
     dismissiveButton: _,
     footerSupplemental: b,
-    headerActions: Y,
+    headerActions: J,
     hideCloseIcon: k,
     indicator: st,
     initialFocus: S,
@@ -808,19 +808,19 @@ const wt = {
     noActions: y,
     onClose: P,
     onClosed: U,
-    onOpen: D,
-    onOpened: I,
-    open: J,
+    onOpen: I,
+    onOpened: D,
+    open: Q,
     preventClose: x,
-    preventPrimaryAccept: Q,
+    preventPrimaryAccept: X,
     primaryButton: c,
     returnFocusSelector: G,
-    scrollable: X,
-    title: Z,
+    scrollable: Z,
+    title: tt,
     ...lt
-  } = i, N = tt(), l = tt();
+  } = i, N = et(), l = et();
   gt(e, () => N.current, []);
-  const [K, ct] = et(), [V, dt] = et(() => v || a);
+  const [K, ct] = nt(), [W, dt] = nt(() => v || a);
   g(() => {
     dt(v || a);
   }, [v, a]);
@@ -844,50 +844,50 @@ const wt = {
   }, [P]), R = z((f) => {
     G && Et(G), U && U(f);
   }, [G, U]);
-  g(() => (l.current.unlisten("MDCDialog: opening", D), l.current.listen("MDCDialog: opening", D), () => {
-    l.current.unlisten("MDCDialog: opening", D);
-  }), [l, D]), g(() => (l.current.unlisten("MDCDialog:opened", I), l.current.listen("MDCDialog:opened", I), () => {
-    l.current.unlisten("MDCDialog:opened", I);
-  }), [l, I]), g(() => (l.current.unlisten("MDCDialog:closing", F), l.current.listen("MDCDialog:closing", F), () => {
+  g(() => (l.current.unlisten("MDCDialog: opening", I), l.current.listen("MDCDialog: opening", I), () => {
+    l.current.unlisten("MDCDialog: opening", I);
+  }), [l, I]), g(() => (l.current.unlisten("MDCDialog:opened", D), l.current.listen("MDCDialog:opened", D), () => {
+    l.current.unlisten("MDCDialog:opened", D);
+  }), [l, D]), g(() => (l.current.unlisten("MDCDialog:closing", F), l.current.listen("MDCDialog:closing", F), () => {
     l.current.unlisten("MDCDialog:closing", F);
   }), [l, F]), g(() => (l.current.unlisten("MDCDialog:closed", R), l.current.listen("MDCDialog:closed", R), () => {
     l.current.unlisten("MDCDialog:closed", R);
   }), [l, R]), g(() => {
-    J ? l.current.open() : l.current.close();
-  }, [l, J]);
-  const ut = $(() => () => {
+    Q ? l.current.open() : l.current.close();
+  }, [l, Q]);
+  const ut = Y(() => () => {
     const f = {
       className: "lmnt-modal__button mdc-dialog__button",
       elevation: t?.props.elevation !== "default" ? t?.props.elevation : "flat",
       variant: t?.props.variant || "filled"
     };
     return E === "action" && (f["data-mdc-dialog-button-default"] = !0), S === "action" && (f["data-mdc-dialog-initial-focus"] = !0), f;
-  }, [t?.props.elevation, t?.props.variant, E, S]), mt = $(() => () => {
+  }, [t?.props.elevation, t?.props.variant, E, S]), mt = Y(() => () => {
     const f = {
       className: "lmnt-modal__button mdc-dialog__button",
-      "data-mdc-dialog-action": Q ? "" : "accept",
+      "data-mdc-dialog-action": X ? "" : "accept",
       elevation: c?.props.elevation !== "default" ? c?.props.elevation : "flat",
       variant: c?.props.variant || "filled"
     };
     return E === "primary" && (f["data-mdc-dialog-button-default"] = !0), S === "primary" && (f["data-mdc-dialog-initial-focus"] = !0), f;
-  }, [Q, E, S, c?.props.elevation, c?.props.variant]);
+  }, [X, E, S, c?.props.elevation, c?.props.variant]);
   return /* @__PURE__ */ u.createElement("aside", pt({
     ref: N,
-    className: B("lmnt", "lmnt-modal", "mdc-dialog", X && "lmnt-modal--scrollable mdc-dialog--scrollable", p),
+    className: B("lmnt", "lmnt-modal", "mdc-dialog", Z && "lmnt-modal--scrollable mdc-dialog--scrollable", p),
     role: "alertdialog"
   }, lt), /* @__PURE__ */ u.createElement("div", {
     className: B("lmnt-modal__container", "mdc-dialog__container", h === "fullscreen" && "mdc-dialog--fullscreen", h === "max" && "lmnt-modal__max", h === "xlarge" && "lmnt-modal__xl", h === "large" && "lmnt-modal__lg", h === "medium" && "lmnt-modal__md", h === "small" && "lmnt-modal__sm", (h === "mobile" || K) && "lmnt-modal__mobile", h === "dialog" && "lmnt-modal__dialog", y && "lmnt-modal-no-actions")
   }, /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal__surface mdc-dialog__surface"
   }, /* @__PURE__ */ u.createElement("header", {
-    className: B("lmnt-modal__title", "mdc-dialog__title", (h === "dialog" || k) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", X && "lmnt-modal__title-scrollable", (k || h === "dialog" || y) && "lmnt-modal--no-close-icon")
+    className: B("lmnt-modal__title", "mdc-dialog__title", (h === "dialog" || k) && "lmnt-modal_title-hide-close-icon", n && "lmnt-modal_title-actionsIcons", Z && "lmnt-modal__title-scrollable", (k || h === "dialog" || y) && "lmnt-modal--no-close-icon")
   }, !k && h !== "dialog" && !y && /* @__PURE__ */ u.createElement(it, {
     className: "mdc-icon-button material-icons mdc-dialog__close",
     "data-mdc-dialog-action": "close",
     icon: "clear"
-  }), Z && /* @__PURE__ */ u.createElement("div", null, Z), Y && /* @__PURE__ */ u.createElement("div", {
+  }), tt && /* @__PURE__ */ u.createElement("div", null, tt), J && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__title-actions"
-  }, Y), o && /* @__PURE__ */ u.createElement("div", {
+  }, J), o && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-badge--modal",
     style: {
       marginLeft: "0"
@@ -896,18 +896,18 @@ const wt = {
     className: "lmnt-modal__content mdc-dialog__content"
   }, A || d), st, (t || a || _ || v || c || b) && /* @__PURE__ */ u.createElement("footer", {
     className: B("lmnt-modal__actions", "mdc-dialog__actions", K && "lmnt-dialog__actions__mobile", b && "lmnt-modal__actions--supplemental-btn", K && H && "lmnt-modal_actions-mobile-stacked")
-  }, !V && b && /* @__PURE__ */ u.createElement("div", {
+  }, !W && b && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__actions__supplemental"
   }, T(b, () => {
     const f = {};
     return E === "footerSupplemental" && (f["data-mdc-dialog-button-default"] = !0), S === "footerSupplemental" && (f["data-mdc-dialog-initial-focus"] = !0), f;
-  })), !V && (t || _ || c) && /* @__PURE__ */ u.createElement("div", {
+  })), !W && (t || _ || c) && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-dialog__actions__right-align lmnt-modal_actions_button"
   }, _ && T(_, {
     variant: "text",
     className: "lmnt-modal__button mdc-dialog__button",
     "data-mdc-dialog-action": "close"
-  }), t && !c && T(t, ut), c && T(c, mt)), V && /* @__PURE__ */ u.createElement("div", {
+  }), t && !c && T(t, ut), c && T(c, mt)), W && /* @__PURE__ */ u.createElement("div", {
     className: "lmnt-modal_actions_button lmnt-dialog__actions__directional"
   }, /* @__PURE__ */ u.createElement("div", null, _t(a, "lmnt-modal__button")), /* @__PURE__ */ u.createElement("div", null, T(v, {
     className: "lmnt-modal__button",
@@ -919,35 +919,36 @@ const wt = {
 M.displayName = "Modal";
 M.propTypes = wt;
 M.defaultProps = Mt;
-const kt = "_modal_br5s5_1", Ht = "_title_br5s5_6", ot = {
+const kt = "_modal_18rd0_1", Ht = "_title_18rd0_6", Pt = "_titleWithoutCloseIcon_18rd0_18", $ = {
   modal: kt,
-  title: Ht
-}, Yt = ({
+  title: Ht,
+  titleWithoutCloseIcon: Pt
+}, Jt = ({
   onClose: i,
   title: e,
   headerActions: t,
   hideCloseIcon: n,
   ...o
 }) => {
-  const a = $(() => {
-    const d = /* @__PURE__ */ ft(W, { primaryAlign: "center", secondaryAlign: "center", children: [
-      /* @__PURE__ */ O(it, { icon: "close", onClick: () => i?.(), type: "button" }),
-      /* @__PURE__ */ O(bt, { level: 6, children: e })
+  const a = Y(() => {
+    const d = /* @__PURE__ */ ft(V, { primaryAlign: "center", secondaryAlign: "center", children: [
+      !n && /* @__PURE__ */ O(it, { icon: "close", onClick: () => i?.(), type: "button" }),
+      /* @__PURE__ */ O(bt, { level: 6, className: n ? $.titleWithoutCloseIcon : "", children: e })
     ] }, "base-group");
-    return t ? Array.isArray(t) ? [d, /* @__PURE__ */ O(W, { children: t }, "action-group")] : [d, t] : d;
-  }, [t, i, e]);
+    return t ? Array.isArray(t) ? [d, /* @__PURE__ */ O(V, { children: t }, "action-group")] : [d, t] : d;
+  }, [t, n, i, e]);
   return /* @__PURE__ */ O(
     M,
     {
       ...o,
       "data-testid": "modal",
-      className: `${ot.modal} ${ot.title} ${o.className ?? ""}`,
-      hideCloseIcon: n !== void 0 ? n : !0,
-      headerActions: /* @__PURE__ */ O(W, { primaryAlign: "space-between", secondaryAlign: "center", children: a }, "header-group"),
+      className: `${$.modal} ${$.title} ${o.className ?? ""}`,
+      hideCloseIcon: !0,
+      headerActions: /* @__PURE__ */ O(V, { primaryAlign: "space-between", secondaryAlign: "center", children: a }, "header-group"),
       preventClose: !0
     }
   );
 };
 export {
-  Yt as Modal
+  Jt as Modal
 };

package/dist/components/OverflowTooltip/OverflowTooltip.js

@@ -1,27 +1,28 @@
-import { jsxs as a, Fragment as m, jsx as s } from "react/jsx-runtime";
+import { jsxs as c, Fragment as m, jsx as s } from "react/jsx-runtime";
 import { b as p } from "../../index.es-CF_xy2ns.js";
-import { useState as h, useMemo as d, cloneElement as f } from "react";
+import { useState as d, useMemo as h, cloneElement as f } from "react";
 import { M as w } from "../../react-tooltip.min-DSY6KDqS.js";
 import { hasChildWithGreaterWidth as W } from "./OverflowTooltipService.js";
-import '../../assets/OverflowTooltip.css';const u = "_truncate_wgwcv_1", b = {
+import '../../assets/OverflowTooltip.css';const u = "_truncate_wgwcv_1", v = {
   truncate: u
 }, E = ({ id: o, text: l, children: e }) => {
-  const [i, n] = h(!1), r = d(
+  const [i, r] = d(!1), n = h(
     () => f(e, {
       "data-tooltip-id": o,
       onMouseEnter: ({ currentTarget: t }) => {
-        const c = t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight || W(t, t.parentElement?.clientWidth);
-        n(c);
+        const a = t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight || W(t, t.parentElement?.clientWidth);
+        r(a);
       },
-      className: `${b.truncate} ${e.props.className}`
+      className: `${v.truncate} ${e.props.className}`
     }),
     [e, o]
   );
-  return /* @__PURE__ */ a(m, { children: [
-    r,
+  return /* @__PURE__ */ c(m, { children: [
+    n,
     /* @__PURE__ */ s(
       w,
       {
+        "data-testid": "overflow-tooltip",
         id: o,
         noArrow: !0,
         place: "bottom",

package/dist/components/SearchBar/SearchBar.js

@@ -3,7 +3,7 @@ import { I as c } from "../../index.es-0lQcz8m1.js";
 import { T as i } from "../../index.es-25EARqhH.js";
 import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
   searchbar: l
-}, b = ({
+}, f = ({
   className: o = "",
   dense: n = !1,
   searchTerm: a,
@@ -23,6 +23,7 @@ import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
     trailingIcon: /* @__PURE__ */ r(
       c,
       {
+        "data-testid": "search-bar-icon-button",
         icon: a ? "close" : "search",
         onClick: () => a ? t("") : void 0
       }
@@ -30,5 +31,5 @@ import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
   }
 );
 export {
-  b as SearchBar
+  f as SearchBar
 };

package/dist/components/Select/Select.d.ts

@@ -11,4 +11,4 @@ export type ExtendedSelectProps = SelectProps & {
  * @param portalClassName Custom class name for the portal. Only works if portalContainer is not set.
  * @param props Element Select props
  */
-export declare const Select: ({ menuMaxHeight, portalClassName, className, hoisted, ...props }: ExtendedSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ menuMaxHeight, portalClassName, "data-testid": dataTestId, className, hoisted, ...props }: ExtendedSelectProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Select/Select.js

@@ -1,34 +1,41 @@
-import { jsx as m, Fragment as u } from "react/jsx-runtime";
-import { S as d } from "../../index.es-UHKFl8Da.js";
-import { useEffect as a } from "react";
-import '../../assets/Select.css';const i = "_customPortal_8wq49_1", f = "_customSelect_8wq49_7", s = {
-  customPortal: i,
-  customSelect: f
-}, _ = ({
-  menuMaxHeight: n = "15rem",
-  portalClassName: e,
-  className: r,
-  hoisted: o,
-  ...l
+import { jsx as a } from "react/jsx-runtime";
+import { S as f } from "../../index.es-UHKFl8Da.js";
+import { useEffect as n } from "react";
+import { u as S } from "../../uniqueId-NU3-C36A.js";
+import '../../assets/Select.css';const p = "_customPortal_8wq49_1", $ = "_customSelect_8wq49_7", r = {
+  customPortal: p,
+  customSelect: $
+}, P = ({
+  menuMaxHeight: s = "15rem",
+  portalClassName: o,
+  "data-testid": l = "custom-select",
+  className: u,
+  hoisted: c,
+  ...d
 }) => {
-  const t = `custom-portal-${e ?? "default"}`;
-  return a(() => {
-    if (o && !document.getElementById(t)) {
-      const c = document.createElement("div");
-      c.id = t, c.className = `${s.customPortal} ${e ?? ""}`, document.body.appendChild(c);
+  const e = `custom-portal-${o ?? "default"}`, m = S("elementSelectForTestId-");
+  return n(() => {
+    if (c && !document.getElementById(e)) {
+      const t = document.createElement("div");
+      t.id = e, t.className = `${r.customPortal} ${o ?? ""}`, document.body.appendChild(t);
     }
-  }, [o, t, e]), /* @__PURE__ */ m(u, { children: /* @__PURE__ */ m(
-    d,
+  }, [c, e, o]), n(() => {
+    const t = document.querySelectorAll(`#${m} input[role="combobox"]`);
+    t && t.forEach((i) => {
+      i.setAttribute("data-testid", l);
+    });
+  }, [l, m]), /* @__PURE__ */ a(
+    f,
     {
-      "data-testid": "custom-select",
-      menuMaxHeight: n,
-      hoisted: o,
-      portalContainer: document.getElementById(t) ? `#${t}` : void 0,
-      className: `${s.customSelect} ${r ?? ""}`,
-      ...l
+      menuMaxHeight: s,
+      hoisted: c,
+      id: m,
+      portalContainer: document.getElementById(e) ? `#${e}` : void 0,
+      className: `${r.customSelect} ${u ?? ""}`,
+      ...d
     }
-  ) });
+  );
 };
 export {
-  _ as Select
+  P as Select
 };

package/dist/components/VerticalDivider/VerticalDivider.js

@@ -1,7 +1,14 @@
-import { jsx as r } from "react/jsx-runtime";
-import '../../assets/VerticalDivider.css';const d = "_divider_opvom_1", s = {
-  divider: d
-}, o = ({ height: i = "2rem", className: e = "" }) => /* @__PURE__ */ r("div", { className: `${s.divider} ${e}`, style: { height: i } });
+import { jsx as d } from "react/jsx-runtime";
+import '../../assets/VerticalDivider.css';const r = "_divider_opvom_1", t = {
+  divider: r
+}, v = ({ height: i = "2rem", className: e = "" }) => /* @__PURE__ */ d(
+  "div",
+  {
+    "data-testid": "vertical-divider",
+    className: `${t.divider} ${e}`,
+    style: { height: i }
+  }
+);
 export {
-  o as VerticalDivider
+  v as VerticalDivider
 };

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