@homebound/beam 2.234.0 → 2.235.0

package/dist/components/ButtonMenu.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from "react";
 import { IconProps } from "./Icon";
 import { OverlayTriggerProps } from "./internal/OverlayTrigger";
 interface ButtonMenuProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
@@ -9,8 +10,10 @@ interface ButtonMenuProps extends Pick<OverlayTriggerProps, "trigger" | "placeme
 export declare function ButtonMenu(props: ButtonMenuProps): import("@emotion/react/jsx-runtime").JSX.Element;
 type MenuItemBase = {
     label: string;
+    /** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
     onClick: string | VoidFunction;
-    disabled?: boolean;
+    /** Whether the interactive element is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
+    disabled?: boolean | ReactNode;
     destructive?: boolean;
 };
 export type IconMenuItemType = MenuItemBase & {

package/dist/components/internal/MenuItem.js

@@ -8,13 +8,15 @@ const react_router_1 = require("react-router");
 const react_router_dom_1 = require("react-router-dom");
 const Avatar_1 = require("../Avatar");
 const Icon_1 = require("../Icon");
+const Tooltip_1 = require("../Tooltip");
 const Css_1 = require("../../Css");
 const utils_1 = require("../../utils");
 const defaultTestId_1 = require("../../utils/defaultTestId");
 function MenuItemImpl(props) {
     const { item, state, onClose } = props;
     const menuItem = item.value;
-    const { disabled: isDisabled, onClick, label, destructive } = menuItem;
+    const { disabled, onClick, label, destructive } = menuItem;
+    const isDisabled = Boolean(disabled);
     const isFocused = state.selectionManager.focusedKey === item.key;
     const ref = (0, react_1.useRef)(null);
     const history = (0, react_router_1.useHistory)();
@@ -50,7 +52,11 @@ function MenuItemImpl(props) {
             ...(isFocused ? Css_1.Css.add("boxShadow", `inset 0 0 0 1px ${Css_1.Palette.LightBlue700}`).$ : {}),
             ...(isDisabled ? Css_1.Css.gray500.cursorNotAllowed.$ : {}),
             ...(destructive ? Css_1.Css.red600.$ : {}),
-        }, ...tid[(0, defaultTestId_1.defaultTestId)(menuItem.label)], children: maybeWrapInLink(onClick, isIconMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(IconMenuItem, { ...menuItem })) : isImageMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(ImageMenuItem, { ...menuItem })) : (label), isDisabled) }));
+        }, ...tid[(0, defaultTestId_1.defaultTestId)(menuItem.label)], children: (0, Tooltip_1.maybeTooltip)({
+            title: (0, Tooltip_1.resolveTooltip)(disabled),
+            placement: "right",
+            children: maybeWrapInLink(onClick, isIconMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(IconMenuItem, { ...menuItem })) : isImageMenuItem(menuItem) ? ((0, jsx_runtime_1.jsx)(ImageMenuItem, { ...menuItem })) : (label), isDisabled),
+        }) }));
 }
 exports.MenuItemImpl = MenuItemImpl;
 function ImageMenuItem(item) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.234.0",
+  "version": "2.235.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",