@cyberyozh/text-editor 0.1.8 → 0.1.10

package/dist/render.js

@@ -35,7 +35,7 @@ __export(render_exports, {
 module.exports = __toCommonJS(render_exports);
 
 // src/render/tiptap-render.tsx
-var import_react2 = require("@tiptap/static-renderer/pm/react");
+var import_react3 = require("@tiptap/static-renderer/pm/react");
 
 // src/extensions/render/get-render-extensions.ts
 var import_extension_mathematics = require("@tiptap/extension-mathematics");
@@ -687,6 +687,13 @@ var BaseFigure = import_extension_image.default.extend({
       caption: {
         default: null,
         parseHTML: (element) => element.querySelector("figcaption")?.textContent || null
+      },
+      storageKey: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-storage-key"),
+        renderHTML: (attributes) => ({
+          "data-storage-key": attributes.storageKey
+        })
       }
     };
   },
@@ -1128,6 +1135,32 @@ var BaseLegacyBookAlert = import_core15.Node.create({
     return {
       type: {
         default: "error"
+      },
+      bgColor: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-bg-color");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.bgColor) return {};
+          return {
+            "data-bg-color": attributes.bgColor
+          };
+        }
+      },
+      emoji: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-emoji");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.emoji) return {};
+          return {
+            "data-emoji": attributes.emoji
+          };
+        }
       }
     };
   },
@@ -1157,6 +1190,32 @@ var BaseLegacyBookTip = import_core15.Node.create({
     return {
       type: {
         default: "info"
+      },
+      bgColor: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-bg-color");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.bgColor) return {};
+          return {
+            "data-bg-color": attributes.bgColor
+          };
+        }
+      },
+      emoji: {
+        default: null,
+        parseHTML: (element) => {
+          if (typeof element === "string") return null;
+          return element.getAttribute("data-emoji");
+        },
+        renderHTML: (attributes) => {
+          if (!attributes.emoji) return {};
+          return {
+            "data-emoji": attributes.emoji
+          };
+        }
       }
     };
   },
@@ -2223,22 +2282,36 @@ var PromptContent = ({ children, isEmpty, placeholder }) => /* @__PURE__ */ (0,
 ) });
 
 // src/extensions/views/components/table.tsx
+var import_react2 = require("react");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function Table({ children }) {
+  const wrapperRef = (0, import_react2.useRef)(null);
+  const [undefinedColWidth, setUndefinedColWidth] = (0, import_react2.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__ */ (0, import_jsx_runtime67.jsx)("div", { className: "tableWrapper", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("table", { style: tableWidth ? { width: `${tableWidth}px` } : void 0, 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;
+  (0, import_react2.useEffect)(() => {
+    if (wrapperRef.current && undefinedCount > 0) {
+      const containerWidth = wrapperRef.current.clientWidth;
+      const remainingSpace = containerWidth - totalDefinedWidth;
+      const calculatedWidth = Math.floor(remainingSpace / undefinedCount);
+      setUndefinedColWidth(calculatedWidth > 0 ? calculatedWidth : void 0);
+    }
+  }, [totalDefinedWidth, undefinedCount]);
+  const tableWidth = undefinedCount > 0 && undefinedColWidth ? totalDefinedWidth + undefinedColWidth * undefinedCount : totalDefinedWidth > 0 ? totalDefinedWidth : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref: wrapperRef, className: "tableWrapper", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("table", { style: tableWidth ? { width: `${tableWidth}px` } : void 0, children: [
     colWidths.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("colgroup", { children: colWidths.map((width, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       "col",
       {
-        style: { width: `${width}px` }
+        style: width ? { width: `${width}px` } : undefinedColWidth ? { width: `${undefinedColWidth}px` } : void 0
       },
       index
     )) }),
@@ -2533,7 +2606,7 @@ function renderTiptapToReact(content, getImageById) {
     console.warn("Failed to parse Tiptap content:", error);
     parsedContent = { type: "doc", content: [{ type: "paragraph" }] };
   }
-  const rendered = (0, import_react2.renderToReactElement)({
+  const rendered = (0, import_react3.renderToReactElement)({
     extensions: getRenderExtensions(),
     content: parsedContent,
     options: {