@ai-matrx/sharing 0.1.8 → 0.1.9

package/CHANGELOG.md

@@ -1,10 +1,15 @@
 # Changelog
 
-## 0.1.8
+## 0.1.9
 
 UNVERIFIED: this release has no Unreleased entry and the source comparison could not be made (the caller supplied no source comparison). Whether source changed is unknown; consumer action is unknown.
 Check the package's gitHead on npm against this version's gitHead: `git diff <previous gitHead> <this gitHead> -- apps/shared/sharing/src`.
 
+## 0.1.8
+
+Automatic changed-only republish (docs/metadata drift since the last published version; verified: `git diff ece1023750 ed3f4f552d -- apps/shared/sharing/src`
+has no shipped-source changes outside tests, fixtures and docs). No consumer action required.
+
 ## 0.1.7
 
 Automatic changed-only republish (docs/metadata drift since the last published version; verified: `git diff 553373dbe5 ece1023750 -- apps/shared/sharing/src`

package/dist/react.cjs

@@ -403,7 +403,7 @@ var useAppDispatch = () => import_core4.passThroughDispatch;
 
 // src/react/sheet/ShareModal.tsx
 var import_core34 = require("@ai-matrx/sharing/core");
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/react/sheet/ui/dialog.tsx
 var import_design_system2 = require("@ai-matrx/design-system");
@@ -4333,6 +4333,35 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
   ] });
 }
 
+// src/react/sheet/useKeepFocusInDialog.ts
+var import_react17 = require("react");
+function useKeepFocusInDialog() {
+  const [element, setElement] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
+    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
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function ShareModal({
@@ -4347,11 +4376,12 @@ function ShareModal({
   isOwner: isOwnerOverride,
   outsideShare
 }) {
-  const [activeTab, setActiveTab] = (0, import_react17.useState)("users");
-  const [outsidePending, setOutsidePending] = (0, import_react17.useState)(0);
-  const [emailingLink, setEmailingLink] = (0, import_react17.useState)(false);
-  const [emailSent, setEmailSent] = (0, import_react17.useState)(false);
+  const [activeTab, setActiveTab] = (0, import_react18.useState)("users");
+  const [outsidePending, setOutsidePending] = (0, import_react18.useState)(0);
+  const [emailingLink, setEmailingLink] = (0, import_react18.useState)(false);
+  const [emailSent, setEmailSent] = (0, import_react18.useState)(false);
   const { toast } = useToast();
+  const keepFocusInside = useKeepFocusInDialog();
   const getShareUrl = () => {
     const path = (0, import_core35.getResourceSharePath)(resourceType, resourceId);
     if (!path) return null;
@@ -4504,7 +4534,7 @@ function ShareModal({
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react15.Lock, { className: "h-4 w-4 text-muted-foreground flex-shrink-0 mt-0.5" }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm", children: grantable.error ?? grantable.levels.viewer ?? "You need Edit or Full access on this to share it." })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system2.Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system2.DialogContent, { className: "max-w-2xl max-h-[90dvh] flex flex-col", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system2.Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system2.DialogContent, { ref: keepFocusInside, className: "max-w-2xl max-h-[90dvh] flex flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system2.DialogHeader, { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-start justify-between gap-2 pr-10", children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system2.DialogTitle, { className: "flex items-center gap-1.5", children: [