@cyberyozh/text-editor 0.1.9 → 0.1.11

package/dist/render.mjs

@@ -2246,27 +2246,48 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ jsx6
 ) });
 
 // src/extensions/views/components/table.tsx
+import { useEffect, useRef, useState } from "react";
 import { jsx as jsx67, jsxs as jsxs21 } from "react/jsx-runtime";
 function Table({ children }) {
+  const wrapperRef = useRef(null);
+  const [undefinedColWidth, setUndefinedColWidth] = useState(void 0);
   let colWidths = [];
   if (Array.isArray(children) && children.length > 0) {
     const firstRow = children[0];
     if (firstRow?.props?.children) {
       const cells = Array.isArray(firstRow.props.children) ? firstRow.props.children : [firstRow.props.children];
-      colWidths = cells.map((cell) => cell?.props?.node?.attrs?.colwidth?.[0]).filter((width) => width !== void 0);
+      colWidths = cells.map((cell) => cell?.props?.node?.attrs?.colwidth?.[0]);
     }
   }
-  const tableWidth = colWidths.length > 0 ? colWidths.reduce((total, width) => total + width, 0) : null;
-  return /* @__PURE__ */ jsx67("div", { className: "tableWrapper", children: /* @__PURE__ */ jsxs21("table", { style: tableWidth ? { width: `${tableWidth}px` } : void 0, children: [
-    colWidths.length > 0 && /* @__PURE__ */ jsx67("colgroup", { children: colWidths.map((width, index) => /* @__PURE__ */ jsx67(
-      "col",
-      {
-        style: { width: `${width}px` }
-      },
-      index
-    )) }),
-    /* @__PURE__ */ jsx67("tbody", { children })
-  ] }) });
+  const definedWidths = colWidths.filter((w) => w !== void 0);
+  const totalDefinedWidth = definedWidths.reduce((total, width) => total + width, 0);
+  const undefinedCount = colWidths.filter((w) => w === void 0).length;
+  useEffect(() => {
+    if (wrapperRef.current && undefinedCount > 0) {
+      const containerWidth = wrapperRef.current.clientWidth;
+      const remainingSpace = containerWidth - totalDefinedWidth - 2;
+      const calculatedWidth = Math.floor(remainingSpace / undefinedCount);
+      setUndefinedColWidth(calculatedWidth > 0 ? calculatedWidth : void 0);
+    }
+  }, [totalDefinedWidth, undefinedCount]);
+  const tableWidth = undefinedCount > 0 && undefinedColWidth ? totalDefinedWidth + undefinedColWidth * undefinedCount + 2 : totalDefinedWidth > 0 ? totalDefinedWidth + 2 : void 0;
+  return /* @__PURE__ */ jsx67(
+    "div",
+    {
+      ref: wrapperRef,
+      className: "tableWrapper",
+      children: /* @__PURE__ */ jsxs21("table", { style: tableWidth ? { width: `${tableWidth}px` } : void 0, children: [
+        colWidths.length > 0 && /* @__PURE__ */ jsx67("colgroup", { children: colWidths.map((width, index) => /* @__PURE__ */ jsx67(
+          "col",
+          {
+            style: width ? { width: `${width}px` } : undefinedColWidth ? { width: `${undefinedColWidth}px` } : void 0
+          },
+          index
+        )) }),
+        /* @__PURE__ */ jsx67("tbody", { children })
+      ] })
+    }
+  );
 }
 
 // src/utils/detect-video-hosting.ts