@versini/ui-menu 1.0.11 → 1.1.0

package/dist/components/Menu/MenuItem.js

@@ -1,42 +1,64 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import { useListItem as f, useFloatingTree as b, useMergeRefs as x } from "@floating-ui/react";
-import g from "clsx";
-import * as c from "react";
-import { MenuContext as I } from "./MenuContext.js";
-const y = c.forwardRef(({ label: t, disabled: r, icon: n, ...e }, d) => {
-  const u = c.useContext(I), i = f({ label: r ? null : t }), s = b();
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      ...e,
-      ref: x([i.ref, d]),
-      role: "menuitem",
-      className: "m-0 flex w-full rounded-md border border-transparent bg-none px-3 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
-      tabIndex: 0,
-      disabled: r,
-      ...u.getItemProps({
-        onClick(m) {
-          var o;
-          (o = e.onClick) == null || o.call(e, m), s == null || s.events.emit("click");
-        },
-        onFocus(m) {
-          var o;
-          (o = e.onFocus) == null || o.call(e, m), u.setHasFocusInside(!0);
-        }
-      }),
-      children: [
-        n,
-        t && /* @__PURE__ */ a("span", { className: "pl-2", children: t })
-      ]
-    }
-  );
-});
-y.displayName = "MenuItem";
-const h = ({ className: t, ...r }) => {
-  const n = g(t, "my-1 border-t border-border-medium");
-  return /* @__PURE__ */ a("div", { className: n, ...r });
+import { jsx as i, jsxs as g } from "react/jsx-runtime";
+import { useListItem as I, useFloatingTree as C, useMergeRefs as k } from "@floating-ui/react";
+import y from "clsx";
+import * as a from "react";
+import { MenuContext as M } from "./MenuContext.js";
+const v = a.forwardRef(
+  ({
+    label: o,
+    disabled: m,
+    icon: s,
+    raw: d = !1,
+    children: c,
+    ignoreClick: l = !1,
+    ...e
+  }, f) => {
+    const u = a.useContext(M), b = I({ label: m ? null : o }), n = C(), x = k([b.ref, f]);
+    return d && c ? /* @__PURE__ */ i(
+      "div",
+      {
+        role: "menuitem",
+        ...u.getItemProps({
+          onClick(r) {
+            var t;
+            l || ((t = e.onClick) == null || t.call(e, r), n == null || n.events.emit("click"));
+          }
+        }),
+        children: c
+      }
+    ) : /* @__PURE__ */ g(
+      "button",
+      {
+        ...e,
+        ref: x,
+        role: "menuitem",
+        className: "m-0 flex w-full rounded-md border border-transparent bg-none px-3 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
+        tabIndex: 0,
+        disabled: m,
+        ...u.getItemProps({
+          onClick(r) {
+            var t;
+            l || ((t = e.onClick) == null || t.call(e, r), n == null || n.events.emit("click"));
+          },
+          onFocus(r) {
+            var t;
+            (t = e.onFocus) == null || t.call(e, r), u.setHasFocusInside(!0);
+          }
+        }),
+        children: [
+          s,
+          o && /* @__PURE__ */ i("span", { className: "pl-2", children: o })
+        ]
+      }
+    );
+  }
+);
+v.displayName = "MenuItem";
+const h = ({ className: o, ...m }) => {
+  const s = y(o, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ i("div", { className: s, ...m });
 };
 export {
-  y as MenuItem,
+  v as MenuItem,
   h as MenuSeparator
 };

package/dist/index.d.ts

@@ -9,7 +9,7 @@ type MenuItemProps = {
 	/**
 	 * The label to use for the menu item.
 	 */
-	label: string;
+	label?: string;
 	/**
 	 * Whether or not the menu item is disabled.
 	 * @default false
@@ -19,6 +19,14 @@ type MenuItemProps = {
 	 * A React component of type Icon to be placed on the left of the label.
 	 */
 	icon?: React__default.ReactNode;
+	/**
+	 * Disable internal menu item behavior (click, focus, etc.).
+	 */
+	raw?: boolean;
+	/**
+	 * Whether or not the menu should close when the menu item is selected.
+	 */
+	ignoreClick?: boolean;
 };
 
 type MenuSeparatorProps = React__default.HTMLAttributes<HTMLDivElement>;

package/dist/index.js

@@ -1,13 +1,13 @@
 import { Menu as r, MenuComponent as _ } from "./components/Menu/Menu.js";
 import { MenuItem as t, MenuSeparator as m } from "./components/Menu/MenuItem.js";
 /*!
-  @versini/ui-menu v1.0.11
+  @versini/ui-menu v1.1.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "1.0.11",
-    buildTime: "09/28/2024 06:57 PM EDT",
+    version: "1.1.0",
+    buildTime: "10/05/2024 01:10 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-menu",
-	"version": "1.0.11",
+	"version": "1.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -46,5 +46,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "3bbac69788c0cff96c933959514612dbd9bbd366"
+	"gitHead": "e41e7e6d7c82572ae7187eda386f4f03d55bb086"
 }