@hortiview/shared-components 0.0.5189 → 0.0.5201

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -9,6 +9,11 @@ type ContextMenuProps = {
      * @see ListItemProps
      */
     actions: ListItemProps[];
+    /**
+     * Determines if menu icon should be vertical or horizontal three dots
+     * Default is 'vertical'
+     */
+    iconOrientation?: 'vertical' | 'horizontal';
 };
 /**
  *
@@ -23,5 +28,5 @@ type ContextMenuProps = {
  * ];
  * @returns a context menu with the given actions as ListItems
  */
-export declare const ContextMenu: ({ triggerOpen, actions }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ triggerOpen, actions, iconOrientation, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,43 +1,47 @@
 import "../../assets/ContextMenu.css";
 import { jsx as n } from "react/jsx-runtime";
-import { Menu as a, IconButton as m, List as r, ListItem as d } from "@element/react-components";
-import { useState as f, useCallback as i, useEffect as p } from "react";
-const C = "_menu_1rfel_1", k = {
-  menu: C
-}, h = ({ triggerOpen: o = null, actions: u }) => {
-  const [e, t] = f(!1), c = i(() => {
+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
+}, M = ({
+  triggerOpen: o = null,
+  actions: c,
+  iconOrientation: r = "vertical"
+}) => {
+  const [e, t] = p(!1), u = i(() => {
     t(!e);
-  }, [e]), s = i(() => {
+  }, [e]), l = i(() => {
     t(!1);
   }, []);
-  return p(() => {
+  return C(() => {
     t(o !== null ? o : !1);
   }, [o]), /* @__PURE__ */ n(
     a,
     {
-      className: k.menu,
+      className: v.menu,
       "data-testid": "selectionmenu",
       open: e,
       surfaceOnly: !0,
       hoistToBody: !0,
-      onClose: s,
+      onClose: l,
       trigger: /* @__PURE__ */ n(
         m,
         {
           variant: e ? "filled-primary" : void 0,
           "data-testid": "openButton",
-          icon: "more_vert",
-          onClick: c
+          icon: r === "vertical" ? "more_vert" : "more_horiz",
+          onClick: u
         }
       ),
-      children: /* @__PURE__ */ n(r, { children: u.map((l) => /* @__PURE__ */ n(
-        d,
+      children: /* @__PURE__ */ n(d, { children: c.map((s) => /* @__PURE__ */ n(
+        f,
         {
-          ...l,
+          ...s,
           leadingBlockType: "icon",
           "data-testid": "listItemButton",
           onClick: () => {
-            l?.onClick?.(), s();
+            s?.onClick?.(), l();
           }
         }
       )) })
@@ -46,5 +50,5 @@ const C = "_menu_1rfel_1", k = {
   );
 };
 export {
-  h as ContextMenu
+  M as ContextMenu
 };

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