@ai-matrx/sharing 0.1.8 → 0.1.9

package/dist/react.js

@@ -334,7 +334,7 @@ var useAppDispatch = () => passThroughDispatchRef;
 
 // src/react/sheet/ShareModal.tsx
 import { appUrl, getActiveOrgId, sendShareNotice } from "@ai-matrx/sharing/core";
-import { useState as useState16 } from "react";
+import { useState as useState17 } from "react";
 
 // src/react/sheet/ui/dialog.tsx
 import {
@@ -4424,6 +4424,35 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
   ] });
 }
 
+// src/react/sheet/useKeepFocusInDialog.ts
+import { useEffect as useEffect13, useState as useState16 } from "react";
+function useKeepFocusInDialog() {
+  const [element, setElement] = useState16(null);
+  useEffect13(() => {
+    if (!element) return void 0;
+    let frame = 0;
+    const settle = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(() => {
+        if (!element.isConnected) return;
+        const now = document.activeElement;
+        if (now && now !== document.body && now !== document.documentElement) return;
+        const target = element.querySelector(
+          "input:not([disabled]):not([type=hidden]), button:not([disabled]), [href], [tabindex]:not([tabindex='-1'])"
+        );
+        (target ?? element).focus({ preventScroll: true });
+      });
+    };
+    const observer = new MutationObserver(settle);
+    observer.observe(element, { subtree: true, childList: true, attributes: true, attributeFilter: ["disabled"] });
+    return () => {
+      cancelAnimationFrame(frame);
+      observer.disconnect();
+    };
+  }, [element]);
+  return setElement;
+}
+
 // src/react/sheet/ShareModal.tsx
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 function ShareModal({
@@ -4438,11 +4467,12 @@ function ShareModal({
   isOwner: isOwnerOverride,
   outsideShare
 }) {
-  const [activeTab, setActiveTab] = useState16("users");
-  const [outsidePending, setOutsidePending] = useState16(0);
-  const [emailingLink, setEmailingLink] = useState16(false);
-  const [emailSent, setEmailSent] = useState16(false);
+  const [activeTab, setActiveTab] = useState17("users");
+  const [outsidePending, setOutsidePending] = useState17(0);
+  const [emailingLink, setEmailingLink] = useState17(false);
+  const [emailSent, setEmailSent] = useState17(false);
   const { toast } = useToast();
+  const keepFocusInside = useKeepFocusInDialog();
   const getShareUrl = () => {
     const path = getResourceSharePath(resourceType, resourceId);
     if (!path) return null;
@@ -4595,7 +4625,7 @@ function ShareModal({
     /* @__PURE__ */ jsx20(Lock3, { className: "h-4 w-4 text-muted-foreground flex-shrink-0 mt-0.5" }),
     /* @__PURE__ */ jsx20("p", { className: "text-sm", children: grantable.error ?? grantable.levels.viewer ?? "You need Edit or Full access on this to share it." })
   ] });
-  return /* @__PURE__ */ jsx20(Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs16(DialogContent, { className: "max-w-2xl max-h-[90dvh] flex flex-col", children: [
+  return /* @__PURE__ */ jsx20(Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs16(DialogContent, { ref: keepFocusInside, className: "max-w-2xl max-h-[90dvh] flex flex-col", children: [
     /* @__PURE__ */ jsx20(DialogHeader, { className: "flex-shrink-0", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-start justify-between gap-2 pr-10", children: [
       /* @__PURE__ */ jsxs16("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxs16(DialogTitle, { className: "flex items-center gap-1.5", children: [