@hyve-sdk/js 2.8.0-canary.0 → 2.10.0-canary.0

package/dist/react.js

@@ -2363,25 +2363,33 @@ function MachineViewDialog({
   dialogWidth,
   viewHeight
 }) {
+  const panelRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     if (!open) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") onClose();
     };
+    const onMouseDown = (e) => {
+      if (panelRef.current && !panelRef.current.contains(e.target)) {
+        onClose();
+      }
+    };
     window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
+    document.addEventListener("mousedown", onMouseDown);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("mousedown", onMouseDown);
+    };
   }, [open, onClose]);
   if (!open) return null;
   const panelWidth = typeof dialogWidth === "number" ? `${dialogWidth}px` : dialogWidth;
   const iframeHeight = typeof viewHeight === "number" ? `${viewHeight}px` : viewHeight;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: OVERLAY_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      style: OVERLAY_STYLE,
-      onClick: (e) => {
-        if (e.target === e.currentTarget) onClose();
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...PANEL_STYLE, maxWidth: panelWidth }, children: [
+      ref: panelRef,
+      style: { ...PANEL_STYLE, maxWidth: panelWidth },
+      children: [
         title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: HEADER_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: TITLE_STYLE, children: title }) }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           MachineView,
@@ -2395,9 +2403,9 @@ function MachineViewDialog({
             }
           }
         )
-      ] })
+      ]
     }
-  );
+  ) });
 }
 function MachineViewButton({
   machineId,

package/dist/react.mjs

@@ -2341,25 +2341,33 @@ function MachineViewDialog({
   dialogWidth,
   viewHeight
 }) {
+  const panelRef = useRef(null);
   useEffect(() => {
     if (!open) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") onClose();
     };
+    const onMouseDown = (e) => {
+      if (panelRef.current && !panelRef.current.contains(e.target)) {
+        onClose();
+      }
+    };
     window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
+    document.addEventListener("mousedown", onMouseDown);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown);
+      document.removeEventListener("mousedown", onMouseDown);
+    };
   }, [open, onClose]);
   if (!open) return null;
   const panelWidth = typeof dialogWidth === "number" ? `${dialogWidth}px` : dialogWidth;
   const iframeHeight = typeof viewHeight === "number" ? `${viewHeight}px` : viewHeight;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { style: OVERLAY_STYLE, children: /* @__PURE__ */ jsxs(
     "div",
     {
-      style: OVERLAY_STYLE,
-      onClick: (e) => {
-        if (e.target === e.currentTarget) onClose();
-      },
-      children: /* @__PURE__ */ jsxs("div", { style: { ...PANEL_STYLE, maxWidth: panelWidth }, children: [
+      ref: panelRef,
+      style: { ...PANEL_STYLE, maxWidth: panelWidth },
+      children: [
         title && /* @__PURE__ */ jsx("div", { style: HEADER_STYLE, children: /* @__PURE__ */ jsx("p", { style: TITLE_STYLE, children: title }) }),
         /* @__PURE__ */ jsx(
           MachineView,
@@ -2373,9 +2381,9 @@ function MachineViewDialog({
             }
           }
         )
-      ] })
+      ]
     }
-  );
+  ) });
 }
 function MachineViewButton({
   machineId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyve-sdk/js",
-  "version": "2.8.0-canary.0",
+  "version": "2.10.0-canary.0",
   "description": "Hyve SDK - TypeScript wrapper for Hyve game server integration",
   "private": false,
   "publishConfig": {