@underverse-ui/underverse 1.0.205 → 1.0.206

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

@@ -5,7 +5,7 @@ import {
   mergeRefs,
   setRefValue,
   useSmartTranslations
-} from "./chunk-XJR7E6QB.js";
+} from "./chunk-BRDGIALS.js";
 
 // src/contexts/UnderverseConfigContext.tsx
 import * as React from "react";
@@ -2059,7 +2059,8 @@ import {
   Upload,
   AlignStartVertical,
   AlignCenterVertical,
-  AlignEndVertical
+  AlignEndVertical,
+  WrapText
 } from "lucide-react";
 import { setCellAttr } from "@tiptap/pm/tables";
 
@@ -2741,16 +2742,19 @@ function applyTableAlignment(editor, tableAlign, anchorPos) {
   const tableDom = editor.view.nodeDOM(tableInfo.pos);
   const tableElement = domAtTableElement?.closest?.("table") ?? (tableDom instanceof HTMLTableElement ? tableDom : tableDom instanceof HTMLElement ? tableDom.querySelector("table") : null) ?? (editor.view.dom.querySelectorAll("table").length === 1 ? editor.view.dom.querySelector("table") : null);
   if (tableElement instanceof HTMLTableElement) {
+    tableElement.style.tableLayout = "fixed";
+    if (tableElement.style.width === "max-content") {
+      tableElement.style.removeProperty("width");
+    }
+    if (tableElement.style.maxWidth === "100%") {
+      tableElement.style.removeProperty("max-width");
+    }
     if (tableAlign) {
       tableElement.setAttribute("data-table-align", tableAlign);
-      tableElement.style.width = "max-content";
-      tableElement.style.maxWidth = "100%";
       tableElement.style.marginLeft = tableAlign === "center" || tableAlign === "right" ? "auto" : "0";
       tableElement.style.marginRight = tableAlign === "center" ? "auto" : tableAlign === "right" ? "0" : "auto";
     } else {
       tableElement.removeAttribute("data-table-align");
-      tableElement.style.removeProperty("width");
-      tableElement.style.removeProperty("max-width");
       tableElement.style.removeProperty("margin-left");
       tableElement.style.removeProperty("margin-right");
     }
@@ -3193,6 +3197,7 @@ function computeEditorUiRenderState(editor) {
       formula: tableCell.formula ?? tableHeader.formula ?? null,
       numberFormat: tableCell.numberFormat ?? tableHeader.numberFormat ?? null,
       textDirection: tableCell.textDirection ?? tableHeader.textDirection ?? null,
+      textWrap: tableCell.textWrap ?? tableHeader.textWrap ?? "wrap",
       verticalAlign: tableCell.verticalAlign ?? tableHeader.verticalAlign ?? null
     },
     can: {
@@ -3360,6 +3365,7 @@ var EditorToolbar = ({
   const canSplitCell = hasTableContext && editor.can().splitCell();
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
   const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
+  const currentCellTextWrap = normalizeStyleValue(editor.getAttributes("tableCell").textWrap || editor.getAttributes("tableHeader").textWrap) || "wrap";
   const currentFontFamily = normalizeStyleValue(textStyleAttrs.fontFamily);
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
@@ -3870,33 +3876,44 @@ var EditorToolbar = ({
               ]
             }
           ),
-          hasTableContext && /* @__PURE__ */ jsxs5(
-            DropdownMenu,
-            {
-              trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
-              }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx7(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx7(ArrowRight, { className: "w-4 h-4" }) }),
-              children: [
-                /* @__PURE__ */ jsx7(
-                  DropdownMenuItem,
-                  {
-                    icon: ArrowRight,
-                    label: t("tableMenu.horizontalText"),
-                    onClick: () => applyTableCellAttribute(editor, "textDirection", null),
-                    active: currentCellTextDirection === "horizontal"
-                  }
-                ),
-                /* @__PURE__ */ jsx7(
-                  DropdownMenuItem,
-                  {
-                    icon: ArrowDown,
-                    label: t("tableMenu.verticalText"),
-                    onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
-                    active: currentCellTextDirection === "vertical"
-                  }
-                )
-              ]
-            }
-          )
+          hasTableContext && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+            /* @__PURE__ */ jsxs5(
+              DropdownMenu,
+              {
+                trigger: /* @__PURE__ */ jsx7(ToolbarButton, { onClick: () => {
+                }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ jsx7(ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx7(ArrowRight, { className: "w-4 h-4" }) }),
+                children: [
+                  /* @__PURE__ */ jsx7(
+                    DropdownMenuItem,
+                    {
+                      icon: ArrowRight,
+                      label: t("tableMenu.horizontalText"),
+                      onClick: () => applyTableCellAttribute(editor, "textDirection", null),
+                      active: currentCellTextDirection === "horizontal"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    DropdownMenuItem,
+                    {
+                      icon: ArrowDown,
+                      label: t("tableMenu.verticalText"),
+                      onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
+                      active: currentCellTextDirection === "vertical"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx7(
+              ToolbarButton,
+              {
+                onClick: () => applyTableCellAttribute(editor, "textWrap", currentCellTextWrap === "nowrap" ? "wrap" : "nowrap"),
+                active: currentCellTextWrap !== "nowrap",
+                title: currentCellTextWrap === "nowrap" ? t("tableMenu.wrapText") : t("tableMenu.noWrapText"),
+                children: /* @__PURE__ */ jsx7(WrapText, { className: "h-4 w-4" })
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ jsx7(ToolbarDivider, {}),
         /* @__PURE__ */ jsxs5(
@@ -4276,8 +4293,6 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_table]:table-fixed",
   "[&_table]:overflow-hidden",
   "[&_table]:select-text",
-  "[&_table[data-table-align]]:w-max",
-  "[&_table[data-table-align]]:max-w-full",
   "[&_table[data-table-align='center']]:mx-auto",
   "[&_table[data-table-align='right']]:ml-auto",
   "[&_table[data-table-align='right']]:mr-0",
@@ -4287,6 +4302,11 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_td]:select-text",
   "[&_td]:px-2",
   "[&_td]:py-0",
+  "[&_td]:whitespace-normal",
+  "[&_td]:[overflow-wrap:anywhere]",
+  "[&_td]:[word-break:normal]",
+  "[&_td[data-text-wrap='nowrap']]:whitespace-nowrap",
+  "[&_td[data-text-wrap='nowrap']]:[overflow-wrap:normal]",
   "[&_td_p]:my-0",
   "[&_th]:relative",
   "[&_th]:align-top",
@@ -4294,6 +4314,11 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_th]:select-text",
   "[&_th]:px-2",
   "[&_th]:py-0",
+  "[&_th]:whitespace-normal",
+  "[&_th]:[overflow-wrap:anywhere]",
+  "[&_th]:[word-break:normal]",
+  "[&_th[data-text-wrap='nowrap']]:whitespace-nowrap",
+  "[&_th[data-text-wrap='nowrap']]:[overflow-wrap:normal]",
   "[&_th_p]:my-0",
   "[&_td[data-formula]]:pr-7",
   "[&_th[data-formula]]:pr-7",
@@ -4498,4 +4523,4 @@ export {
   EditorToolbar,
   UEDITOR_PROSEMIRROR_CLASS_NAME
 };
-//# sourceMappingURL=chunk-MJV7ETJM.js.map
+//# sourceMappingURL=chunk-AMAILXHP.js.map