@underverse-ui/underverse 1.0.144 → 1.0.146

package/api-reference.json

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

package/dist/index.cjs

@@ -25913,6 +25913,26 @@ function extractClipboardHtmlFragment(html) {
   }
   return html;
 }
+var EMPTY_TABLE_CELL_HTML = "<p></p>";
+var TABLE_MEDIA_SELECTOR = "img,video,audio,iframe,svg,canvas,embed,object";
+var TABLE_BLOCK_SELECTOR = "p,ul,ol,blockquote,pre,h1,h2,h3,h4,h5,h6,hr,table";
+function hasMeaningfulTableCellText(value) {
+  return Boolean(value?.replace(/\u00a0/g, " ").trim());
+}
+function normalizeClipboardTableCell(cell) {
+  const hasText = hasMeaningfulTableCellText(cell.textContent);
+  const hasBlockContent = Boolean(cell.querySelector(TABLE_BLOCK_SELECTOR));
+  const hasMediaContent = Boolean(cell.querySelector(TABLE_MEDIA_SELECTOR));
+  if (!hasText && !hasBlockContent && !hasMediaContent) {
+    cell.innerHTML = EMPTY_TABLE_CELL_HTML;
+  }
+}
+function normalizeClipboardTable(table) {
+  for (const cell of Array.from(table.querySelectorAll("td,th"))) {
+    if (!(cell instanceof HTMLTableCellElement)) continue;
+    normalizeClipboardTableCell(cell);
+  }
+}
 function getClipboardTableHtml(dataTransfer) {
   const html = getClipboardData(dataTransfer, "text/html");
   if (!/<table(?:\s|>)/i.test(html)) return "";
@@ -25920,19 +25940,81 @@ function getClipboardTableHtml(dataTransfer) {
   if (typeof DOMParser !== "undefined") {
     const doc = new DOMParser().parseFromString(fragment, "text/html");
     const table = doc.querySelector("table");
-    if (table) return table.outerHTML;
+    if (table instanceof HTMLTableElement) {
+      normalizeClipboardTable(table);
+      return table.outerHTML;
+    }
   }
   return fragment;
 }
 function escapeHtml(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
+function parseClipboardTsvRows(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 nextChar = text[index + 1];
+    if (inQuotes) {
+      if (char === '"' && nextChar === '"') {
+        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 renderClipboardTableCellHtml(value) {
+  const lines = value.split("\n");
+  const paragraphs = lines.length > 0 ? lines : [""];
+  return paragraphs.map((line) => `<p>${escapeHtml(line)}</p>`).join("");
+}
 function getClipboardTsvTableHtml(dataTransfer) {
-  const text = getClipboardData(dataTransfer, "text/plain").replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\n+$/, "");
+  const text = getClipboardData(dataTransfer, "text/plain").replace(/\r\n/g, "\n").replace(/\r/g, "\n");
   if (!text.includes("	")) return "";
-  const rows = text.split("\n").map((row) => row.split("	"));
+  const rows = parseClipboardTsvRows(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 columnCount = rows.reduce((max, row) => Math.max(max, row.length), 0);
+  const body = rows.map((row) => {
+    const normalizedRow = Array.from({ length: columnCount }, (_, index) => row[index] ?? "");
+    return `<tr>${normalizedRow.map((cell) => `<td>${renderClipboardTableCellHtml(cell)}</td>`).join("")}</tr>`;
+  }).join("");
   return `<table><tbody>${body}</tbody></table>`;
 }
 function fileToDataUrl(file) {
@@ -36721,6 +36803,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 +37028,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() }
+            }
+          )
+        }
+      )
+    ] })
   ] });
 };