@hortiview/shared-components 0.0.5431 → 0.0.5551

package/dist/components/EmptyView/EmptyView.d.ts

@@ -12,10 +12,14 @@ type EmptyViewProps = {
      * The icon of the empty view, optional, default is 'dashbord'
      */
     icon?: string;
+    /**
+     * A text value which is shown in the empty view, optional, default is empty string
+     */
+    text?: string;
     /**
      * The action of the empty view, optional, default is empty
      */
     action?: ReactNode;
 };
-export declare const EmptyView: ({ title, subtitle, icon, action, }: EmptyViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyView: ({ title, subtitle, icon, text, action, }: EmptyViewProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EmptyView/EmptyView.js

@@ -1,20 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Hero as n, HeroContent as h, Icon as l } from "@element/react-components";
-const d = ({
-  title: e = "",
-  subtitle: r = "",
-  icon: t = "dashbord",
-  action: i
-}) => /* @__PURE__ */ o(n, { style: { width: "100%", height: "25vh" }, children: /* @__PURE__ */ o(
-  h,
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Hero as h, HeroContent as d, Icon as s, TypoBody as n, Group as m } from "@element/react-components";
+const f = ({
+  title: r = "",
+  subtitle: o = "",
+  icon: i = "dashbord",
+  text: t = "",
+  action: l
+}) => /* @__PURE__ */ e(h, { style: { width: "100%", height: "25vh" }, themeColor: "surface", children: /* @__PURE__ */ e(
+  d,
   {
-    logo: /* @__PURE__ */ o(l, { iconSize: "large", icon: t }),
+    logo: /* @__PURE__ */ e(s, { iconSize: "large", icon: i }),
     overline: "",
-    subtitle: r,
-    title: e,
-    heroBtn: i
+    subtitle: o,
+    title: r,
+    heroBtn: /* @__PURE__ */ e(p, { action: l, text: t })
   }
-) });
+) }), p = ({ action: r, text: o }) => o ? r ? /* @__PURE__ */ c(m, { direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: [
+  /* @__PURE__ */ e(n, { level: 2, children: o }),
+  r
+] }) : /* @__PURE__ */ e(n, { level: 2, children: o }) : r;
 export {
-  d as EmptyView
+  f as EmptyView
 };

package/dist/components/EmptyView/EmptyView.test.js

@@ -1,24 +1,54 @@
-import { jsx as o } from "react/jsx-runtime";
-import { r as n, s, w as r, f as c } from "../../react.esm-C0LtovhP.js";
-import { EmptyView as i } from "./EmptyView.js";
-import { d as T, t as a, g as t, v as l } from "../../vi.JYQecGiw-BbUbJcT8.js";
-T("EmptyView", () => {
-  a("should render", () => {
-    n(/* @__PURE__ */ o(i, {})), t(s.getByText("dashbord")).toBeInTheDocument();
-  }), a("should render with custom icon", () => {
-    n(/* @__PURE__ */ o(i, { icon: "add" })), t(s.getByText("add")).toBeInTheDocument();
-  }), a("should render with title", () => {
-    n(/* @__PURE__ */ o(i, { icon: "add", title: "TITLE" }));
-    const e = s.getByText("TITLE");
-    t(e).toBeInTheDocument(), t(e).toHaveClass(/headline2/);
-  }), a("should render with subtitle", () => {
-    n(/* @__PURE__ */ o(i, { icon: "add", subtitle: "SUB_TITLE" }));
-    const e = s.getByText("SUB_TITLE");
-    t(e).toBeInTheDocument(), t(e).toHaveClass(/headline6/);
-  }), a("should render with an action", async () => {
-    const e = l.fn();
-    n(/* @__PURE__ */ o(i, { icon: "add", action: /* @__PURE__ */ o("button", { onClick: e, children: "BUTTON" }) }));
-    const d = s.getByText("BUTTON");
-    t(d).toBeInTheDocument(), await r(() => c.click(d)), t(e).toHaveBeenCalledTimes(1);
+import { jsx as n } from "react/jsx-runtime";
+import { r as s, s as o, w as r, f as l } from "../../react.esm-C0LtovhP.js";
+import { EmptyView as c } from "./EmptyView.js";
+import { d as h, t as T, g as e, v as d } from "../../vi.JYQecGiw-BbUbJcT8.js";
+h("EmptyView", () => {
+  T("should render", () => {
+    s(/* @__PURE__ */ n(c, {})), e(o.getByText("dashbord")).toBeInTheDocument();
+  }), T("should render with custom icon", () => {
+    s(/* @__PURE__ */ n(c, { icon: "add" })), e(o.getByText("add")).toBeInTheDocument();
+  }), T("should render with title", () => {
+    s(/* @__PURE__ */ n(c, { icon: "add", title: "TITLE" }));
+    const t = o.getByText("TITLE");
+    e(t).toBeInTheDocument(), e(t).toHaveClass(/headline2/);
+  }), T("should render with subtitle", () => {
+    s(/* @__PURE__ */ n(c, { icon: "add", subtitle: "SUB_TITLE" }));
+    const t = o.getByText("SUB_TITLE");
+    e(t).toBeInTheDocument(), e(t).toHaveClass(/headline6/);
+  }), T("should render with an action", async () => {
+    const t = d.fn();
+    s(/* @__PURE__ */ n(c, { icon: "add", action: /* @__PURE__ */ n("button", { onClick: t, children: "BUTTON" }) }));
+    const i = o.getByText("BUTTON");
+    e(i).toBeInTheDocument(), await r(() => l.click(i)), e(t).toHaveBeenCalledTimes(1);
+  }), T("should render with a text and a button", async () => {
+    const t = d.fn();
+    s(
+      /* @__PURE__ */ n(
+        c,
+        {
+          icon: "add",
+          action: /* @__PURE__ */ n("button", { onClick: t, children: "BUTTON" }),
+          text: "MY_TEXT"
+        }
+      )
+    );
+    const i = o.getByText("BUTTON");
+    e(i).toBeInTheDocument();
+    const a = o.getByText("MY_TEXT");
+    e(a).toBeInTheDocument();
+  }), T("should render with text only", async () => {
+    s(
+      /* @__PURE__ */ n(
+        c,
+        {
+          icon: "add",
+          text: "MY_TEXT"
+        }
+      )
+    );
+    const t = o.queryByText("BUTTON");
+    e(t).not.toBeInTheDocument();
+    const i = o.getByText("MY_TEXT");
+    e(i).toBeInTheDocument();
   });
 });

package/dist/components/InfoGroup/InfoGroup.d.ts

@@ -50,4 +50,9 @@ interface InfoGroupProps {
  * ];
  */
 export declare const InfoGroup: React.FC<InfoGroupProps>;
+export declare const Cell: ({ field, bold, variant, }: {
+    field: FieldItem;
+    bold?: boolean | undefined;
+    variant?: "default" | "embedded" | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfoGroup/InfoGroup.js

@@ -1,72 +1,76 @@
 import "../../assets/InfoGroup.css";
-import { jsxs as s, Fragment as l, jsx as n } from "react/jsx-runtime";
-import { Divider as p, Group as m, TypoCaption as u, TypoSubtitle as v } from "@element/react-components";
-import { a as _ } from "../../useBreakpoint-DROHPVxO.js";
-import { VerticalDivider as h } from "../VerticalDivider/VerticalDivider.js";
-const g = "_container_egebs_1", C = "_dividerContainer_egebs_10", b = "_mainGroup_egebs_16", y = "_row_egebs_21", w = "_valueText_egebs_46", G = "_component_egebs_54", N = "_componentContainer_egebs_87", x = "_field_egebs_95", t = {
-  container: g,
+import { jsxs as c, jsx as e, Fragment as _ } from "react/jsx-runtime";
+import { Divider as d, Group as s, TypoCaption as v, TypoSubtitle as h } from "@element/react-components";
+import { a as g } from "../../useBreakpoint-DROHPVxO.js";
+import { Fragment as p } from "react";
+import { VerticalDivider as b } from "../VerticalDivider/VerticalDivider.js";
+const f = "_container_egebs_1", C = "_dividerContainer_egebs_10", y = "_mainGroup_egebs_16", w = "_row_egebs_21", G = "_valueText_egebs_46", N = "_component_egebs_54", x = "_componentContainer_egebs_87", A = "_field_egebs_95", r = {
+  container: f,
   dividerContainer: C,
-  mainGroup: b,
-  row: y,
-  valueText: w,
-  component: G,
-  componentContainer: N,
-  field: x
-}, I = ({ fields: e, bold: r }) => {
-  const a = e.length > 1 && Array.isArray(e.at(0)) ? e.map((c, o) => /* @__PURE__ */ s(l, { children: [
-    o != 0 && /* @__PURE__ */ n("div", { "data-testid": "test-divider", className: t.dividerContainer, children: /* @__PURE__ */ n(p, {}) }),
-    /* @__PURE__ */ n(d, { fields: c, bold: r }, `row${o}`)
-  ] })) : /* @__PURE__ */ n(d, { fields: e, bold: r });
-  return /* @__PURE__ */ n(m, { direction: "vertical", fullWidth: !0, className: t.mainGroup, children: a });
-}, d = ({ fields: e, bold: r }) => {
-  const { isLg: i } = _();
-  return /* @__PURE__ */ n(
-    m,
+  mainGroup: y,
+  row: w,
+  valueText: G,
+  component: N,
+  componentContainer: x,
+  field: A
+}, S = ({ fields: n, bold: i }) => {
+  const t = n.length > 1 && Array.isArray(n.at(0)) ? n.map((o, a) => /* @__PURE__ */ c(p, { children: [
+    a != 0 && /* @__PURE__ */ e("div", { "data-testid": "test-divider", className: r.dividerContainer, children: /* @__PURE__ */ e(d, {}) }),
+    /* @__PURE__ */ e(m, { fields: o, bold: i })
+  ] }, `row_${a}`)) : /* @__PURE__ */ e(m, { fields: n, bold: i });
+  return /* @__PURE__ */ e(s, { direction: "vertical", fullWidth: !0, className: r.mainGroup, children: t });
+}, m = ({ fields: n, bold: i }) => {
+  const { isLg: l } = g();
+  return /* @__PURE__ */ e(
+    s,
     {
-      direction: i ? "horizontal" : "vertical",
-      className: t.row,
+      direction: l ? "horizontal" : "vertical",
+      className: r.row,
       fullWidth: !0,
       primaryAlign: "center",
       secondaryAlign: "center",
-      children: e.map((a, c) => {
-        const o = i ? /* @__PURE__ */ n(h, { className: t.divider, height: "3rem" }) : /* @__PURE__ */ n(p, {});
-        return /* @__PURE__ */ s(l, { children: [
-          c != 0 && o,
-          /* @__PURE__ */ n(A, { field: a, bold: r })
-        ] });
+      children: n.map((t, o) => {
+        const a = l ? /* @__PURE__ */ e(b, { className: r.divider, height: "3rem" }) : /* @__PURE__ */ e(d, {});
+        return /* @__PURE__ */ c(p, { children: [
+          o != 0 && a,
+          /* @__PURE__ */ e(T, { field: t, bold: i, variant: t.variant })
+        ] }, `${t.label ?? "label"}_${o}`);
       })
     }
   );
-}, A = ({ field: e, bold: r }) => {
-  if (e.variant || (e.variant = "default"), !e.component || e.variant === "embedded")
-    return /* @__PURE__ */ s(
-      m,
-      {
-        "data-testid": "infoGroupItem",
-        direction: "vertical",
-        primaryAlign: "center",
-        secondaryAlign: "space-between",
-        fullWidth: !0,
-        gap: "dense",
-        children: [
-          /* @__PURE__ */ n(u, { className: t.label, themeColor: "text-hint-on-light", children: e.label }),
-          e.value ? /* @__PURE__ */ n(
-            v,
-            {
-              level: 1,
-              "data-testid": "infoGroupValue",
-              themeColor: e.themeColor,
-              bold: r,
-              className: t.valueText,
-              children: e.value
-            }
-          ) : /* @__PURE__ */ n(l, { children: e.component })
-        ]
-      }
-    );
-  if (e.component && e.variant === "default")
-    return /* @__PURE__ */ n("div", { className: t.componentContainer, children: /* @__PURE__ */ n("div", { className: t.component, children: e.component }) });
+}, T = ({
+  field: n,
+  bold: i,
+  variant: l = "default"
+}) => {
+  const { component: t, value: o, label: a, themeColor: u } = n;
+  return t && l === "default" ? /* @__PURE__ */ e("div", { className: r.componentContainer, children: /* @__PURE__ */ e("div", { className: r.component, children: t }) }) : /* @__PURE__ */ c(
+    s,
+    {
+      "data-testid": "infoGroupItem",
+      direction: "vertical",
+      primaryAlign: "center",
+      secondaryAlign: "space-between",
+      fullWidth: !0,
+      gap: "dense",
+      children: [
+        /* @__PURE__ */ e(v, { className: r.label, themeColor: "text-hint-on-light", children: a }),
+        o ? /* @__PURE__ */ e(
+          h,
+          {
+            level: 1,
+            "data-testid": "infoGroupValue",
+            themeColor: u,
+            bold: i,
+            className: r.valueText,
+            children: o
+          }
+        ) : /* @__PURE__ */ e(_, { children: t })
+      ]
+    }
+  );
 };
 export {
-  I as InfoGroup
+  T as Cell,
+  S as InfoGroup
 };

package/dist/main.d.ts

@@ -30,3 +30,4 @@ export type { FieldItem } from './components/InfoGroup/InfoGroup';
 export type { HashTab } from './types/HashTab';
 export type { ListElement, BaseListElement } from './types/ListElement';
 export type { CellTemplate, CellTemplateProps, TableLayoutProps } from './types/GenericTable';
+export type { FormSelectOption } from './components/FormComponents/FormSelect/FormSelect';

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