@underverse-ui/underverse 1.0.211 → 2.0.1

package/dist/{chunk-AMAILXHP.js → chunk-Z6WE65J2.js}

@@ -5,7 +5,7 @@ import {
   mergeRefs,
   setRefValue,
   useSmartTranslations
-} from "./chunk-BRDGIALS.js";
+} from "./chunk-PLHJWXCW.js";
 
 // src/contexts/UnderverseConfigContext.tsx
 import * as React from "react";
@@ -1083,6 +1083,9 @@ function getClipboardData(dataTransfer, type) {
     return "";
   }
 }
+function hasClipboardHtmlTable(dataTransfer) {
+  return /<table(?:\s|>)/i.test(getClipboardData(dataTransfer, "text/html"));
+}
 function extractClipboardHtmlFragment(html) {
   const startMarker = "<!--StartFragment-->";
   const endMarker = "<!--EndFragment-->";
@@ -1093,6 +1096,13 @@ function extractClipboardHtmlFragment(html) {
   }
   return html;
 }
+function hasMeaningfulContentOutsideTable(container) {
+  const clone = container.cloneNode(true);
+  clone.querySelectorAll("table, style, script, meta, link").forEach((element) => element.remove());
+  const remainingText = (clone.textContent ?? "").replace(/\u00a0/g, " ").replace(/\u200b/g, "").trim();
+  if (remainingText) return true;
+  return !!clone.querySelector("img, video, audio, iframe, object, embed, svg, canvas, hr, input, textarea, select, button");
+}
 function normalizeClipboardCellText(value) {
   return value.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\u00a0/g, " ").replace(/[ \t]+\n/g, "\n").replace(/\n[ \t]+/g, "\n").replace(/\n+$/g, "").replace(/^\n+/g, "").trim();
 }
@@ -1716,7 +1726,10 @@ function getClipboardTableContent(dataTransfer) {
   const fragment = extractClipboardHtmlFragment(html);
   const fragmentDoc = new DOMParser().parseFromString(fragment, "text/html");
   const styleMap = parseClipboardCssClassStyles(doc);
-  const table = fragmentDoc.querySelector("table") ?? doc.querySelector("table");
+  const sourceBody = fragmentDoc.querySelector("table") ? fragmentDoc.body : doc.body;
+  const tables = sourceBody.querySelectorAll("table");
+  if (tables.length !== 1 || hasMeaningfulContentOutsideTable(sourceBody)) return null;
+  const table = tables[0];
   if (!(table instanceof HTMLTableElement)) return null;
   return createTableContent(getHtmlTableRows(table, styleMap), 1, {
     backgroundColor: DEFAULT_HTML_TABLE_CELL_BACKGROUND_COLOR
@@ -1866,6 +1879,7 @@ var ClipboardImages = Extension.create({
               editor.chain().focus().insertContent(tableContent).run();
               return true;
             }
+            if (hasClipboardHtmlTable(event.clipboardData)) return false;
             const tsvTableContent = getClipboardTsvTableContent(event.clipboardData);
             if (tsvTableContent) {
               event.preventDefault();
@@ -2065,7 +2079,7 @@ import {
 import { setCellAttr } from "@tiptap/pm/tables";
 
 // src/components/UEditor/colors.tsx
-import { useMemo as useMemo2, useRef as useRef3 } from "react";
+import React6, { useMemo as useMemo2, useRef as useRef3 } from "react";
 import { Check as Check2, Palette, Paintbrush, Grid } from "lucide-react";
 
 // src/components/UEditor/figma-toolbar-icons.tsx
@@ -2380,12 +2394,25 @@ var EditorColorPalette = ({
   colors,
   currentColor,
   onSelect,
+  onCustomColorSelect,
   label
 }) => {
   const t = useSmartTranslations("UEditor");
   const colorInputRef = useRef3(null);
   const automaticColor = colors[0]?.color ?? "";
   const paletteColors = colors.slice(1);
+  const customColorSelect = onCustomColorSelect ?? onSelect;
+  React6.useEffect(() => {
+    const input = colorInputRef.current;
+    if (!input) return;
+    const commitColor = () => customColorSelect(input.value);
+    input.addEventListener("change", commitColor);
+    return () => input.removeEventListener("change", commitColor);
+  }, [customColorSelect]);
+  React6.useEffect(() => {
+    const input = colorInputRef.current;
+    if (input) input.value = currentColor.startsWith("#") ? currentColor : "#000000";
+  }, [currentColor]);
   return /* @__PURE__ */ jsxs4("div", { className: "w-56 p-2", children: [
     /* @__PURE__ */ jsx6("span", { className: "px-1 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxs4(
@@ -2439,20 +2466,19 @@ var EditorColorPalette = ({
             }
           ),
           /* @__PURE__ */ jsx6("span", { className: "flex-1 text-center", children: t("colors.moreColors") }),
-          /* @__PURE__ */ jsx6(Palette, { className: "h-4 w-4 text-muted-foreground" }),
-          /* @__PURE__ */ jsx6(
-            "input",
-            {
-              ref: colorInputRef,
-              type: "color",
-              value: currentColor.startsWith("#") ? currentColor : "#000000",
-              onChange: (event) => onSelect(event.target.value),
-              className: "sr-only",
-              tabIndex: -1
-            }
-          )
+          /* @__PURE__ */ jsx6(Palette, { className: "h-4 w-4 text-muted-foreground" })
         ]
       }
+    ),
+    /* @__PURE__ */ jsx6(
+      "input",
+      {
+        ref: colorInputRef,
+        type: "color",
+        defaultValue: currentColor.startsWith("#") ? currentColor : "#000000",
+        className: "sr-only",
+        tabIndex: -1
+      }
     )
   ] });
 };
@@ -4303,7 +4329,7 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_td]:px-2",
   "[&_td]:py-0",
   "[&_td]:whitespace-normal",
-  "[&_td]:[overflow-wrap:anywhere]",
+  "[&_td]:wrap-anywhere",
   "[&_td]:[word-break:normal]",
   "[&_td[data-text-wrap='nowrap']]:whitespace-nowrap",
   "[&_td[data-text-wrap='nowrap']]:[overflow-wrap:normal]",
@@ -4315,7 +4341,7 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_th]:px-2",
   "[&_th]:py-0",
   "[&_th]:whitespace-normal",
-  "[&_th]:[overflow-wrap:anywhere]",
+  "[&_th]:wrap-anywhere",
   "[&_th]:[word-break:normal]",
   "[&_th[data-text-wrap='nowrap']]:whitespace-nowrap",
   "[&_th[data-text-wrap='nowrap']]:[overflow-wrap:normal]",
@@ -4523,4 +4549,4 @@ export {
   EditorToolbar,
   UEDITOR_PROSEMIRROR_CLASS_NAME
 };
-//# sourceMappingURL=chunk-AMAILXHP.js.map
+//# sourceMappingURL=chunk-Z6WE65J2.js.map