@signiphi/page-assembly 0.2.0-beta.5 → 0.2.0-beta.7

package/dist/index.mjs

@@ -1656,6 +1656,7 @@ var FileCard = ({
   const [newName, setNewName] = useState(file.name);
   const fileSelectedPages = file.pages.filter((p) => selectedPageIds.includes(p.id));
   const allPagesSelected = file.pages.length > 0 && fileSelectedPages.length === file.pages.length;
+  const pendingDropdownAction = useRef(null);
   const [{ isDraggingFile }, dragFile] = useDrag({
     type: DND_TYPES.FILE,
     item: () => {
@@ -1760,23 +1761,38 @@ var FileCard = ({
             ] }) }),
             /* @__PURE__ */ jsxs(DropdownMenu, { children: [
               /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "hover:bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }),
-              /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-52", children: [
-                /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: () => setIsRenaming(true), children: [
-                  /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }),
-                  "Rename File"
-                ] }),
-                /* @__PURE__ */ jsxs(
-                  DropdownMenuItem,
-                  {
-                    onClick: () => onRemoveFile(file.id),
-                    className: "text-red-600 hover:text-red-700 hover:bg-red-50 focus:text-red-700 focus:bg-red-50",
-                    children: [
-                      /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-2" }),
-                      "Remove File"
-                    ]
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsxs(
+                DropdownMenuContent,
+                {
+                  align: "end",
+                  className: "w-52",
+                  onCloseAutoFocus: () => {
+                    pendingDropdownAction.current?.();
+                    pendingDropdownAction.current = null;
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: () => {
+                      pendingDropdownAction.current = () => setIsRenaming(true);
+                    }, children: [
+                      /* @__PURE__ */ jsx("svg", { className: "h-4 w-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) }),
+                      "Rename File"
+                    ] }),
+                    /* @__PURE__ */ jsxs(
+                      DropdownMenuItem,
+                      {
+                        onSelect: () => {
+                          pendingDropdownAction.current = () => onRemoveFile(file.id);
+                        },
+                        className: "text-red-600 hover:text-red-700 hover:bg-red-50 focus:text-red-700 focus:bg-red-50",
+                        children: [
+                          /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 mr-2" }),
+                          "Remove File"
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
             ] })
           ] })
         ] }) }),