@hortiview/shared-components 0.0.5409 → 0.0.5431

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,49 +1,51 @@
 import "../../assets/ContextMenu.css";
 import { jsx as n } from "react/jsx-runtime";
-import { Menu as a, IconButton as m, List as d, ListItem as f } from "@element/react-components";
-import { useState as p, useCallback as i, useEffect as C } from "react";
-const k = "_menu_1rfel_1", v = {
-  menu: k
+import { Menu as c, IconButton as a, List as d, ListItem as f } from "@element/react-components";
+import { useState as p, useCallback as s, useEffect as _ } from "react";
+import { uniqueId as y } from "lodash";
+const C = "_menu_1rfel_1", k = {
+  menu: C
 }, M = ({
   triggerOpen: o = null,
-  actions: c,
-  iconOrientation: r = "vertical"
+  actions: r,
+  iconOrientation: u = "vertical"
 }) => {
-  const [e, t] = p(!1), u = i(() => {
+  const [e, t] = p(!1), m = s(() => {
     t(!e);
-  }, [e]), l = i(() => {
+  }, [e]), l = s(() => {
     t(!1);
   }, []);
-  return C(() => {
+  return _(() => {
     t(o !== null ? o : !1);
   }, [o]), /* @__PURE__ */ n(
-    a,
+    c,
     {
-      className: v.menu,
+      className: k.menu,
       "data-testid": "selectionmenu",
       open: e,
       surfaceOnly: !0,
       hoistToBody: !0,
       onClose: l,
       trigger: /* @__PURE__ */ n(
-        m,
+        a,
         {
           variant: e ? "filled-primary" : void 0,
           "data-testid": "openButton",
-          icon: r === "vertical" ? "more_vert" : "more_horiz",
-          onClick: u
+          icon: u === "vertical" ? "more_vert" : "more_horiz",
+          onClick: m
         }
       ),
-      children: /* @__PURE__ */ n(d, { children: c.map((s) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n(d, { children: r.map((i) => /* @__PURE__ */ n(
         f,
         {
-          ...s,
+          ...i,
           leadingBlockType: "icon",
           "data-testid": "listItemButton",
           onClick: () => {
-            s?.onClick?.(), l();
+            i?.onClick?.(), l();
           }
-        }
+        },
+        y(`LI_${i.primaryText?.toString()}_`)
       )) })
     },
     "selectionmenu"

package/dist/components/ContextMenu/ContextMenu.test.js

@@ -1,22 +1,22 @@
-import { jsx as d } from "react/jsx-runtime";
-import { r, s as n, f as o, w as a } from "../../react.esm-C0LtovhP.js";
+import { jsx as m } from "react/jsx-runtime";
+import { r as d, s as n, f as o, w as a } from "../../react.esm-C0LtovhP.js";
 import { ContextMenu as u } from "./ContextMenu.js";
-import { v as m, d as C, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
-const T = m.fn(), l = m.fn(), i = m.fn(), p = [
+import { v as r, d as g, t as B, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
+const T = r.fn(), l = r.fn(), i = r.fn(), p = [
   { primaryText: "Open", onClick: T, leadingBlock: "add" },
   { primaryText: "Delete", onClick: i, leadingBlock: "delete_outline" },
   { primaryText: "Edit", onClick: l, leadingBlock: "edit" }
 ];
-C("ContextMenu Test", () => {
-  B("render ContextMenu and open it", () => {
-    r(/* @__PURE__ */ d(u, { actions: p }));
+g("ContextMenu Test", () => {
+  B("render contextMenu and close it", () => {
+    d(/* @__PURE__ */ m(u, { actions: p }));
+    const c = n.getByTestId("openButton"), t = n.getByTestId("selectionmenu");
+    e(t).toBeInTheDocument(), e(t).not.toHaveClass("mdc-menu-surface--open"), o.click(c), a(() => e(t).toHaveClass("mdc-menu-surface--open")), o.click(c), a(() => e(t).not.toHaveClass("mdc-menu-surface--open"));
+  }), B("render ContextMenu and open it", async () => {
+    d(/* @__PURE__ */ m(u, { actions: p, triggerOpen: !0 }));
     const c = n.getByTestId("openButton"), t = n.getByTestId("selectionmenu");
     e(t).toBeInTheDocument(), e(t).not.toHaveClass("mdc-menu-surface--open"), o.click(c), a(() => e(t).toHaveClass("mdc-menu-surface--open"));
     const s = n.getAllByTestId("listItemButton");
     e(s.length).toBe(3), e(n.getByText("Open")).toBeInTheDocument(), e(n.getByText("Delete")).toBeInTheDocument(), e(n.getByText("Edit")).toBeInTheDocument(), o.click(s[0]), e(T).toHaveBeenCalled(), e(i).not.toHaveBeenCalled(), e(l).not.toHaveBeenCalled(), o.click(s[1]), e(i).toHaveBeenCalled(), o.click(s[2]), e(l).toHaveBeenCalled();
-  }), B("render contextMenu and close it", () => {
-    r(/* @__PURE__ */ d(u, { actions: p }));
-    const c = n.getByTestId("openButton"), t = n.getByTestId("selectionmenu");
-    e(t).toBeInTheDocument(), e(t).not.toHaveClass("mdc-menu-surface--open"), o.click(c), a(() => e(t).toHaveClass("mdc-menu-surface--open")), o.click(c), a(() => e(t).not.toHaveClass("mdc-menu-surface--open"));
   });
 });

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

@@ -1,14 +1,21 @@
-export declare const EmptyView: ({ title, subtitle, icon, }: {
+import { ReactNode } from 'react';
+type EmptyViewProps = {
     /**
-     * the title of the empty view
+     * The title of the empty view, optional, default is empty string
      */
-    title?: string | undefined;
+    title?: string;
     /**
-     * the subtitle of the empty view
+     * The subtitle of the empty view, optional, default is empty string
      */
-    subtitle?: string | undefined;
+    subtitle?: string;
     /**
-     * the icon of the empty view
+     * The icon of the empty view, optional, default is 'dashbord'
      */
-    icon?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+    icon?: 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 {};

package/dist/components/EmptyView/EmptyView.js

@@ -1,10 +1,20 @@
 import { jsx as o } from "react/jsx-runtime";
-import { Hero as i, HeroContent as n, Icon as h } from "@element/react-components";
-const c = ({
+import { Hero as n, HeroContent as h, Icon as l } from "@element/react-components";
+const d = ({
   title: e = "",
   subtitle: r = "",
-  icon: t = "dashbord"
-}) => /* @__PURE__ */ o(i, { style: { width: "100%", height: "25vh" }, children: /* @__PURE__ */ o(n, { logo: /* @__PURE__ */ o(h, { iconSize: "large", icon: t }), overline: "", subtitle: r, title: e }) });
+  icon: t = "dashbord",
+  action: i
+}) => /* @__PURE__ */ o(n, { style: { width: "100%", height: "25vh" }, children: /* @__PURE__ */ o(
+  h,
+  {
+    logo: /* @__PURE__ */ o(l, { iconSize: "large", icon: t }),
+    overline: "",
+    subtitle: r,
+    title: e,
+    heroBtn: i
+  }
+) });
 export {
-  c as EmptyView
+  d as EmptyView
 };

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

@@ -1,19 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import { r as s, s as d } from "../../react.esm-C0LtovhP.js";
-import { EmptyView as n } from "./EmptyView.js";
-import { d as i, t as r, g as e } from "../../vi.JYQecGiw-BbUbJcT8.js";
-i("EmptyView", () => {
-  r("should render", () => {
-    s(/* @__PURE__ */ o(n, {})), e(d.getByText("dashbord")).toBeInTheDocument();
-  }), r("should render with custom icon", () => {
-    s(/* @__PURE__ */ o(n, { icon: "add" })), e(d.getByText("add")).toBeInTheDocument();
-  }), r("should render with title", () => {
-    s(/* @__PURE__ */ o(n, { icon: "add", title: "TITLE" }));
-    const t = d.getByText("TITLE");
-    e(t).toBeInTheDocument(), e(t).toHaveClass(/headline2/);
-  }), r("should render with subtitle", () => {
-    s(/* @__PURE__ */ o(n, { icon: "add", subtitle: "SUB_TITLE" }));
-    const t = d.getByText("SUB_TITLE");
-    e(t).toBeInTheDocument(), e(t).toHaveClass(/headline6/);
+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);
   });
 });

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