@underverse-ui/underverse 1.0.144 → 1.0.145

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.144",
+  "version": "1.0.145",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -25927,12 +25927,66 @@ function getClipboardTableHtml(dataTransfer) {
 function escapeHtml(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
+function renderCellHtml(value) {
+  const lines = value.split("\n");
+  return lines.map((line) => `<p>${escapeHtml(line)}</p>`).join("");
+}
+function parseTsvRows(text) {
+  const rows = [];
+  let row = [];
+  let field = "";
+  let inQuotes = false;
+  const pushField = () => {
+    row.push(field);
+    field = "";
+  };
+  const pushRow = () => {
+    pushField();
+    rows.push(row);
+    row = [];
+  };
+  for (let index = 0; index < text.length; index += 1) {
+    const char = text[index];
+    const next = text[index + 1];
+    if (inQuotes) {
+      if (char === '"' && next === '"') {
+        field += '"';
+        index += 1;
+        continue;
+      }
+      if (char === '"') {
+        inQuotes = false;
+        continue;
+      }
+      field += char;
+      continue;
+    }
+    if (char === '"' && field.length === 0) {
+      inQuotes = true;
+      continue;
+    }
+    if (char === "	") {
+      pushField();
+      continue;
+    }
+    if (char === "\n") {
+      pushRow();
+      continue;
+    }
+    field += char;
+  }
+  pushRow();
+  while (rows.length > 0 && rows[rows.length - 1].every((cell) => cell === "")) {
+    rows.pop();
+  }
+  return rows;
+}
 function getClipboardTsvTableHtml(dataTransfer) {
   const text = getClipboardData(dataTransfer, "text/plain").replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\n+$/, "");
   if (!text.includes("	")) return "";
-  const rows = text.split("\n").map((row) => row.split("	"));
+  const rows = parseTsvRows(text);
   if (rows.length === 0 || rows.every((row) => row.length < 2)) return "";
-  const body = rows.map((row) => `<tr>${row.map((cell) => `<td>${escapeHtml(cell)}</td>`).join("")}</tr>`).join("");
+  const body = rows.map((row) => `<tr>${row.map((cell) => `<td>${renderCellHtml(cell)}</td>`).join("")}</tr>`).join("");
   return `<table><tbody>${body}</tbody></table>`;
 }
 function fileToDataUrl(file) {
@@ -36721,6 +36775,14 @@ var MenuBar = ({
     }
     openPreviewDialog();
   };
+  import_react67.default.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);
@@ -36938,29 +37000,38 @@ var MenuBar = ({
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-      Modal_default,
-      {
-        isOpen: showPreviewDialog,
-        onClose: () => setShowPreviewDialog(false),
-        title: t("menubar.preview"),
-        size: "lg",
-        children: editor.isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-          "div",
+    showPreviewDialog && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "fixed inset-0 z-9999 flex flex-col bg-background text-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex shrink-0 items-center justify-between border-b border-border bg-card px-4 py-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h2", { className: "text-base font-semibold", children: t("menubar.preview") }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          "button",
           {
-            "data-testid": "preview-content",
-            className: "max-h-[70vh] overflow-y-auto overscroll-contain pr-2",
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-              "div",
-              {
-                className: UEDITOR_PROSEMIRROR_CLASS_NAME,
-                dangerouslySetInnerHTML: { __html: editor.getHTML() }
-              }
-            )
+            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__ */ (0, import_jsx_runtime93.jsx)(import_lucide_react53.X, { className: "h-4 w-4", "aria-hidden": "true" })
           }
         )
-      }
-    )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        "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__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-muted-foreground text-sm", children: t("menubar.previewEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            "div",
+            {
+              className: UEDITOR_PROSEMIRROR_CLASS_NAME,
+              dangerouslySetInnerHTML: { __html: editor.getHTML() }
+            }
+          )
+        }
+      )
+    ] })
   ] });
 };