@hortiview/shared-components 0.0.5431 → 0.0.5450

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