@axiom-lattice/react-sdk 2.1.124 → 2.1.125

package/dist/index.mjs

@@ -6409,6 +6409,24 @@ var Menu = ({
   const handleCloseDrawer = useCallback19((itemId) => {
     setDrawerStates((prev) => ({ ...prev, [itemId]: false }));
   }, []);
+  const openDrawerIds = useMemo6(
+    () => items.filter((item) => item.type === "drawer" && drawerStates[item.id]).map((item) => item.id),
+    [items, drawerStates]
+  );
+  useEffect20(() => {
+    if (openDrawerIds.length === 0) return;
+    const handlePointerDown = (e) => {
+      const target = e.target;
+      if (!target || typeof target.closest !== "function") return;
+      openDrawerIds.forEach((id) => {
+        if (!target.closest(`.menu-drawer-${id}`)) {
+          handleCloseDrawer(id);
+        }
+      });
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    return () => document.removeEventListener("mousedown", handlePointerDown);
+  }, [openDrawerIds, handleCloseDrawer]);
   const handleToggleExpand = useCallback19(() => {
     if (!forceIconMode) {
       const newValue = !isIconView;
@@ -6553,6 +6571,7 @@ var Menu = ({
     items.filter((item) => item.type === "drawer").map((item) => /* @__PURE__ */ jsx20(
       Drawer,
       {
+        rootClassName: `menu-drawer-${item.id}`,
         title: /* @__PURE__ */ jsxs9(
           "div",
           {