@homebound/beam 3.63.0 → 3.63.1

package/dist/index.js

@@ -10784,6 +10784,10 @@ function MenuItemImpl(props) {
     isHovered
   } = useHover7({});
   const tid = useTestIds(props);
+  const openInNewTabRef = useRef15(false);
+  function captureModifiers(e) {
+    openInNewTabRef.current = wantsNewTab(e);
+  }
   const {
     menuItemProps
   } = useMenuItem({
@@ -10797,7 +10801,7 @@ function MenuItemImpl(props) {
         onClick
       } = menuItem;
       if (typeof onClick === "string") {
-        if (isAbsoluteUrl(onClick)) {
+        if (isAbsoluteUrl(onClick) || openInNewTabRef.current) {
           window.open(onClick, "_blank").opener = null;
           return;
         }
@@ -10819,55 +10823,68 @@ function MenuItemImpl(props) {
   const isDisabled = Boolean(disabled);
   const isSelected = state.selectionManager.selectedKeys.has(label);
   const isFocused = state.selectionManager.focusedKey === item.key;
-  return /* @__PURE__ */ jsx43("li", { ...menuItemProps, ...hoverProps, ref, ...trussProps27({
-    ...{
-      display: "df",
-      alignItems: "aic",
-      paddingTop: "pt1",
-      paddingBottom: "pb1",
-      paddingLeft: "pl2",
-      paddingRight: "pr2",
-      cursor: "cursorPointer",
-      outline: "outline0",
-      minHeight: "mh_42px",
-      fontWeight: "fw4",
-      fontSize: "fz_14px",
-      lineHeight: "lh_20px"
-    },
-    ...menuItem.hasDivider ? {
-      borderBottomStyle: "bbs_solid",
-      borderBottomWidth: "bbw_1px",
-      borderColor: "bcGray700"
-    } : {},
-    ...!isDisabled && isHovered ? {
-      backgroundColor: ["bgColor_var", {
-        "--backgroundColor": "var(--b-menu-item-bg-hover)"
-      }]
-    } : {},
-    ...isFocused ? {
-      boxShadow: ["boxShadow_var", {
-        "--boxShadow": maybeCssVar18(`inset 0 0 0 1px var(${"--b-focus-ring-inset" /* FocusRingInset */})`)
-      }]
-    } : {},
-    ...isDisabled ? {
-      color: ["color_var", {
-        "--color": "var(--b-text-disabled)"
-      }],
-      cursor: "cursorNotAllowed"
-    } : {},
-    ...destructive ? {
-      color: ["color_var", {
-        "--color": "var(--b-danger)"
-      }]
-    } : {},
-    ...isSelected ? {
-      fontWeight: "fw5"
-    } : {}
-  }), ...tid[defaultTestId(menuItem.label)], children: maybeTooltip({
-    title: resolveTooltip(disabled),
-    placement: "right",
-    children: renderMenuItem(menuItem, isSelected, isDisabled)
-  }) });
+  return /* @__PURE__ */ jsx43(
+    "li",
+    {
+      ...menuItemProps,
+      ...hoverProps,
+      onPointerDownCapture: captureModifiers,
+      onKeyDownCapture: captureModifiers,
+      onClickCapture: captureModifiers,
+      ref,
+      ...trussProps27({
+        ...{
+          display: "df",
+          alignItems: "aic",
+          paddingTop: "pt1",
+          paddingBottom: "pb1",
+          paddingLeft: "pl2",
+          paddingRight: "pr2",
+          cursor: "cursorPointer",
+          outline: "outline0",
+          minHeight: "mh_42px",
+          fontWeight: "fw4",
+          fontSize: "fz_14px",
+          lineHeight: "lh_20px"
+        },
+        ...menuItem.hasDivider ? {
+          borderBottomStyle: "bbs_solid",
+          borderBottomWidth: "bbw_1px",
+          borderColor: "bcGray700"
+        } : {},
+        ...!isDisabled && isHovered ? {
+          backgroundColor: ["bgColor_var", {
+            "--backgroundColor": "var(--b-menu-item-bg-hover)"
+          }]
+        } : {},
+        ...isFocused ? {
+          boxShadow: ["boxShadow_var", {
+            "--boxShadow": maybeCssVar18(`inset 0 0 0 1px var(${"--b-focus-ring-inset" /* FocusRingInset */})`)
+          }]
+        } : {},
+        ...isDisabled ? {
+          color: ["color_var", {
+            "--color": "var(--b-text-disabled)"
+          }],
+          cursor: "cursorNotAllowed"
+        } : {},
+        ...destructive ? {
+          color: ["color_var", {
+            "--color": "var(--b-danger)"
+          }]
+        } : {},
+        ...isSelected ? {
+          fontWeight: "fw5"
+        } : {}
+      }),
+      ...tid[defaultTestId(menuItem.label)],
+      children: maybeTooltip({
+        title: resolveTooltip(disabled),
+        placement: "right",
+        children: renderMenuItem(menuItem, isSelected, isDisabled)
+      })
+    }
+  );
 }
 function renderMenuItem(menuItem, isSelected, isDisabled) {
   return /* @__PURE__ */ jsxs27("div", { className: "df w100 aic jcsb gap2", children: [
@@ -10911,6 +10928,9 @@ function maybeWrapInLink(onClick, content, disabled) {
     /* @__PURE__ */ jsx43("span", { className: "fs0 ml2", children: /* @__PURE__ */ jsx43(Icon, { icon: "linkExternal" }) })
   ] }) : /* @__PURE__ */ jsx43(Link3, { className: "navLink", to: onClick, children: content });
 }
+function wantsNewTab(e) {
+  return e.metaKey || e.ctrlKey || e.shiftKey;
+}
 function isIconMenuItem(item) {
   return item && typeof item === "object" && "icon" in item;
 }