@hortiview/shared-components 1.3.5 → 1.4.0

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.5",
+  "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>",