@underverse-ui/underverse 1.0.148 → 1.0.149

package/dist/index.js

@@ -36277,8 +36277,7 @@ import {
   Trash2 as Trash25,
   Underline as UnderlineIcon3,
   Undo as UndoIcon2,
-  Upload as Upload4,
-  X as X19
+  Upload as Upload4
 } from "lucide-react";
 import { Fragment as Fragment35, jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
 function MenuTableInsertGrid({
@@ -36776,14 +36775,6 @@ var MenuBar = ({
     }
     openPreviewDialog();
   };
-  React81.useEffect(() => {
-    if (!showPreviewDialog) return void 0;
-    const previousOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = previousOverflow;
-    };
-  }, [showPreviewDialog]);
   const applySourceHtml = () => {
     editor.chain().focus().setContent(sourceHtml).run();
     setShowSourceDialog(false);
@@ -37001,38 +36992,33 @@ var MenuBar = ({
         ] })
       }
     ),
-    showPreviewDialog && /* @__PURE__ */ jsxs77("div", { className: "fixed inset-0 z-9999 flex flex-col bg-background text-foreground", children: [
-      /* @__PURE__ */ jsxs77("div", { className: "flex shrink-0 items-center justify-between border-b border-border bg-card px-4 py-3", children: [
-        /* @__PURE__ */ jsx92("h2", { className: "text-base font-semibold", children: t("menubar.preview") }),
-        /* @__PURE__ */ jsx92(
-          "button",
+    /* @__PURE__ */ jsx92(
+      Modal_default,
+      {
+        isOpen: showPreviewDialog,
+        onClose: () => setShowPreviewDialog(false),
+        title: t("menubar.preview"),
+        size: "full",
+        width: "min(1180px, calc(100vw - 2rem))",
+        height: "min(860px, calc(100vh - 2rem))",
+        className: "flex flex-col overflow-hidden rounded-xl md:rounded-2xl",
+        contentClassName: "flex min-h-0 flex-1 overflow-hidden p-0",
+        children: /* @__PURE__ */ jsx92(
+          "div",
           {
-            type: "button",
-            onClick: () => setShowPreviewDialog(false),
-            "aria-label": t("menubar.closeDialog"),
-            className: cn(
-              "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors",
-              "hover:bg-accent hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
-            ),
-            children: /* @__PURE__ */ jsx92(X19, { className: "h-4 w-4", "aria-hidden": "true" })
+            "data-testid": "preview-content",
+            className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-8",
+            children: editor.isEmpty ? /* @__PURE__ */ jsx92("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx92(
+              "div",
+              {
+                className: UEDITOR_PROSEMIRROR_CLASS_NAME,
+                dangerouslySetInnerHTML: { __html: editor.getHTML() }
+              }
+            )
           }
         )
-      ] }),
-      /* @__PURE__ */ jsx92(
-        "div",
-        {
-          "data-testid": "preview-content",
-          className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-4 md:px-8",
-          children: editor.isEmpty ? /* @__PURE__ */ jsx92("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ jsx92(
-            "div",
-            {
-              className: UEDITOR_PROSEMIRROR_CLASS_NAME,
-              dangerouslySetInnerHTML: { __html: editor.getHTML() }
-            }
-          )
-        }
-      )
-    ] })
+      }
+    )
   ] });
 };