@hortiview/shared-components 0.0.11528 → 0.0.11587

package/dist/components/ModulePadding/ModulePadding.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+
+/**
+ * Provides a responsive padding component for modules according to the HV platform UI guidelines, based on the Bayer Element padding component.
+ * @param children - The module content to be rendered in the module padding
+ */
+export declare const ModulePadding: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ModulePadding/ModulePadding.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import { P as r } from "../../index.es-D-CKRzIB.js";
+import '../../assets/main.css';/* empty css                  */
+import { u as m } from "../../useBreakpoints-MzTZ0tCT.js";
+import "react";
+import "../../isEmpty-B4GG2s-V.js";
+import "../../react-tooltip.min-DSY6KDqS.js";
+import "../../orderBy-Bd48bw88.js";
+import "../../uniqueId-NU3-C36A.js";
+import "react-hook-form";
+import "../../get-DFv1gXfq.js";
+import "../../isArray-Dub1wGJM.js";
+import "../../isString-BW9UHONv.js";
+const x = ({ children: o }) => {
+  const { isDesktop: t } = m();
+  return /* @__PURE__ */ i(
+    r,
+    {
+      id: "module-padding",
+      "data-testid": "module-padding",
+      variant: t ? "standard" : "dense",
+      children: o
+    }
+  );
+};
+export {
+  x as ModulePadding
+};

package/dist/components/ModulePadding/ModulePadding.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ModulePadding/ModulePadding.test.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { a as o, s as e } from "../../react.esm-DNwojocF.js";
+import { a } from "../../useBreakpoints-MzTZ0tCT.js";
+import { ModulePadding as d } from "./ModulePadding.js";
+import { d as r, t as i, v as n, g as s } from "../../vi.CjhMlMwf-BCJNwXvu.js";
+r("ModulePadding Test", () => {
+  i("should render with padding of 16px for desktop", () => {
+    n.spyOn(a, "useBreakpoints").mockReturnValue({
+      isMobile: !1,
+      isTablet: !1,
+      isDesktop: !0,
+      isDesktopNavbar: !0
+    }), o(/* @__PURE__ */ t(d, { children: "Content" })), e.debug(), s(e.getByText("Content")).toBeInTheDocument(), s(e.getByTestId("module-padding")).toHaveClass("lmnt-padding--standard");
+  }), i("should render with padding of 8px for mobile", () => {
+    n.spyOn(a, "useBreakpoints").mockReturnValue({
+      isMobile: !0,
+      isTablet: !1,
+      isDesktop: !1,
+      isDesktopNavbar: !1
+    }), o(/* @__PURE__ */ t(d, { children: "Content" })), s(e.getByTestId("module-padding")).toHaveClass("lmnt-padding--dense");
+  });
+});

package/dist/components/OverflowTooltip/OverflowTooltip.js

@@ -1,9 +1,9 @@
-import { jsxs as m, Fragment as a, jsx as s } from "react/jsx-runtime";
-import { TypoBody as p } from "@element-public/react-components";
+import { jsxs as a, 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 { M as w } from "../../react-tooltip.min-Czs4RGD1.js";
+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", v = {
+import '../../assets/OverflowTooltip.css';const u = "_truncate_wgwcv_1", b = {
   truncate: u
 }, E = ({ id: o, text: l, children: e }) => {
   const [i, n] = h(!1), r = d(
@@ -13,11 +13,11 @@ import '../../assets/OverflowTooltip.css';const u = "_truncate_wgwcv_1", v = {
         const c = t.clientWidth < t.scrollWidth || t.clientHeight < t.scrollHeight || W(t, t.parentElement?.clientWidth);
         n(c);
       },
-      className: `${v.truncate} ${e.props.className}`
+      className: `${b.truncate} ${e.props.className}`
     }),
     [e, o]
   );
-  return /* @__PURE__ */ m(a, { children: [
+  return /* @__PURE__ */ a(m, { children: [
     r,
     /* @__PURE__ */ s(
       w,

package/dist/components/OverflowTooltip/OverflowTooltip.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { TypoDisplay as n } from "@element-public/react-components";
+import { T as n } from "../../index.es-CF_xy2ns.js";
 import { a as i, s as e, w as s } from "../../react.esm-DNwojocF.js";
 import { u as a } from "../../index-CrcXCSzI.js";
 import { OverflowTooltip as c } from "./OverflowTooltip.js";

package/dist/components/SearchBar/SearchBar.js

@@ -1,5 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Textfield as s, IconButton as i } from "@element-public/react-components";
+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 = ({
@@ -7,20 +8,20 @@ import '../../assets/SearchBar.css';const l = "_searchbar_gnvwc_1", u = {
   dense: n = !1,
   searchTerm: a,
   setSearchTerm: t,
-  placeholder: e
+  placeholder: s
 }) => /* @__PURE__ */ r(
-  s,
+  i,
   {
     "data-testid": "search-bar-input",
     className: `${o ?? ""} ${u.searchbar}`,
     dense: n,
     variant: "outlined",
-    placeholder: e,
+    placeholder: s,
     value: a,
-    onChange: (c) => t(c.target.value),
+    onChange: (e) => t(e.target.value),
     fullWidth: !0,
     trailingIcon: /* @__PURE__ */ r(
-      i,
+      c,
       {
         icon: a ? "close" : "search",
         onClick: () => a ? t("") : void 0

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

@@ -1,4 +1,4 @@
-import { SelectProps } from '@element-public/react-components';
+import { SelectProps } from '@element-public/react-select';
 
 export type ExtendedSelectProps = SelectProps & {
     'data-testid'?: string;

package/dist/components/Select/Select.js

@@ -1,31 +1,31 @@
 import { jsx as m, Fragment as u } from "react/jsx-runtime";
-import { Select as d } from "@element-public/react-components";
+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: l = "15rem",
+  menuMaxHeight: n = "15rem",
   portalClassName: e,
-  className: n,
-  hoisted: c,
-  ...r
+  className: r,
+  hoisted: o,
+  ...l
 }) => {
   const t = `custom-portal-${e ?? "default"}`;
   return a(() => {
-    if (c && !document.getElementById(t)) {
-      const o = document.createElement("div");
-      o.id = t, o.className = `${s.customPortal} ${e ?? ""}`, document.body.appendChild(o);
+    if (o && !document.getElementById(t)) {
+      const c = document.createElement("div");
+      c.id = t, c.className = `${s.customPortal} ${e ?? ""}`, document.body.appendChild(c);
     }
-  }, [c, t, e]), /* @__PURE__ */ m(u, { children: /* @__PURE__ */ m(
+  }, [o, t, e]), /* @__PURE__ */ m(u, { children: /* @__PURE__ */ m(
     d,
     {
       "data-testid": "custom-select",
-      menuMaxHeight: l,
-      hoisted: c,
+      menuMaxHeight: n,
+      hoisted: o,
       portalContainer: document.getElementById(t) ? `#${t}` : void 0,
-      className: `${s.customSelect} ${n ?? ""}`,
-      ...r
+      className: `${s.customSelect} ${r ?? ""}`,
+      ...l
     }
   ) });
 };