@blocknote/xl-odt-exporter 0.42.0 → 0.42.2

package/dist/blocknote-xl-odt-exporter.js

@@ -1,33 +1,34 @@
 var I = Object.defineProperty;
 var N = (e, t, n) => t in e ? I(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var b = (e, t, n) => N(e, typeof t != "symbol" ? t + "" : t, n);
-import { jsxs as f, Fragment as h, jsx as l } from "react/jsx-runtime";
+import { jsxs as x, Fragment as h, jsx as l } from "react/jsx-runtime";
 import { mapTableCell as T, Exporter as M, COLORS_DEFAULT as B } from "@blocknote/core";
 import { ZipWriter as $, BlobWriter as W, TextReader as v, BlobReader as k } from "@zip.js/zip.js";
 import { renderToString as C } from "react-dom/server";
-const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {})), d = (e, t, n = "Standard", s = {}, a = {}, o = {}) => {
+const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {})), g = (e, t, n = "Standard", s = {}, a = {}, o = {}) => {
+  var m, p;
   const y = {
     ...a
   }, i = { ...o };
   if (t.textAlignment && t.textAlignment !== "left") {
-    const m = {
+    const d = {
       left: "start",
       center: "center",
       right: "end",
       justify: "justify"
     };
-    y["fo:text-align"] = m[t.textAlignment];
+    y["fo:text-align"] = d[t.textAlignment];
   }
-  const r = t.backgroundColor && t.backgroundColor !== "default" ? e.options.colors[t.backgroundColor].background : void 0;
+  const r = t.backgroundColor && t.backgroundColor !== "default" ? (m = e.options.colors[t.backgroundColor]) == null ? void 0 : m.background : void 0;
   if (r && (y["fo:background-color"] = r), t.textColor && t.textColor !== "default") {
-    const m = e.options.colors[t.textColor].text;
-    i["fo:color"] = m;
+    const d = ((p = e.options.colors[t.textColor]) == null ? void 0 : p.text) ?? t.textColor;
+    i["fo:color"] = d;
   }
-  return !r && !Object.keys(s).length && !Object.keys(y).length && !Object.keys(i).length ? n || "Standard" : e.registerStyle((m) => /* @__PURE__ */ f(
+  return !r && !Object.keys(s).length && !Object.keys(y).length && !Object.keys(i).length ? n || "Standard" : e.registerStyle((d) => /* @__PURE__ */ x(
     "style:style",
     {
       "style:family": "paragraph",
-      "style:name": m,
+      "style:name": d,
       "style:parent-style-name": n,
       ...s,
       children: [
@@ -49,19 +50,22 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
     const s = `${n.props.backgroundColor}-${n.props.textColor}-${n.props.textAlignment}`;
     if (t.has(s))
       return t.get(s);
-    const a = e.registerStyle((o) => /* @__PURE__ */ l("style:style", { "style:family": "table-cell", "style:name": o, children: /* @__PURE__ */ l(
-      "style:table-cell-properties",
-      {
-        "fo:border": "0.5pt solid #000000",
-        "style:writing-mode": "lr-tb",
-        "fo:padding-top": "0in",
-        "fo:padding-left": "0.075in",
-        "fo:padding-bottom": "0in",
-        "fo:padding-right": "0.075in",
-        "fo:background-color": n.props.backgroundColor !== "default" && n.props.backgroundColor ? e.options.colors[n.props.backgroundColor].background : void 0,
-        "fo:color": n.props.textColor !== "default" && n.props.textColor ? e.options.colors[n.props.textColor].text : void 0
-      }
-    ) }));
+    const a = e.registerStyle((o) => {
+      var y, i, r;
+      return /* @__PURE__ */ l("style:style", { "style:family": "table-cell", "style:name": o, children: /* @__PURE__ */ l(
+        "style:table-cell-properties",
+        {
+          "fo:border": "0.5pt solid #000000",
+          "style:writing-mode": "lr-tb",
+          "fo:padding-top": "0in",
+          "fo:padding-left": "0.075in",
+          "fo:padding-bottom": "0in",
+          "fo:padding-right": "0.075in",
+          "fo:background-color": n.props.backgroundColor !== "default" && n.props.backgroundColor ? (i = (y = e.options.colors) == null ? void 0 : y[n.props.backgroundColor]) == null ? void 0 : i.background : void 0,
+          "fo:color": n.props.textColor !== "default" && n.props.textColor ? (r = e.options.colors[n.props.textColor]) == null ? void 0 : r.text : void 0
+        }
+      ) });
+    });
     return t.set(s, a), a;
   };
 }, P = (e, t) => e.registerStyle((s) => /* @__PURE__ */ l("style:style", { "style:family": "table", "style:name": s, children: /* @__PURE__ */ l(
@@ -73,22 +77,22 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
   }
 ) })), S = (e, t) => t <= 0 ? e : /* @__PURE__ */ l("text:list", { children: /* @__PURE__ */ l("text:list-item", { children: S(e, t - 1) }) }), O = {
   paragraph: (e, t, n) => {
-    const s = d(
+    const s = g(
       t,
       e.props
     );
-    return /* @__PURE__ */ f("text:p", { "text:style-name": s, children: [
+    return /* @__PURE__ */ x("text:p", { "text:style-name": s, children: [
       L(n),
       t.transformInlineContent(e.content)
     ] });
   },
   heading: (e, t, n) => {
-    const a = d(
+    const a = g(
       t,
       e.props,
       "Heading_20_" + e.props.level
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ x(
       "text:h",
       {
         "text:outline-level": `${e.props.level}`,
@@ -101,7 +105,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
     );
   },
   quote: (e, t, n) => {
-    const a = d(
+    const a = g(
       t,
       e.props,
       "Standard",
@@ -114,7 +118,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
         "fo:color": "#7D797A"
       }
     );
-    return /* @__PURE__ */ f("text:p", { "text:style-name": a, children: [
+    return /* @__PURE__ */ x("text:p", { "text:style-name": a, children: [
       L(n),
       t.transformInlineContent(e.content)
     ] });
@@ -129,12 +133,12 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
    *
    * (LibreOffice does nicely wrap the list items in the same list element)
    */
-  toggleListItem: (e, t) => /* @__PURE__ */ f("text:p", { "text:style-name": "Standard", children: [
+  toggleListItem: (e, t) => /* @__PURE__ */ x("text:p", { "text:style-name": "Standard", children: [
     "> ",
     t.transformInlineContent(e.content)
   ] }),
   bulletListItem: (e, t, n) => {
-    const s = d(
+    const s = g(
       t,
       e.props,
       "Standard",
@@ -146,7 +150,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
     ) }) });
   },
   numberedListItem: (e, t, n, s) => {
-    const a = d(
+    const a = g(
       t,
       e.props
     ), o = (s || 0) > 1 ? "true" : "false";
@@ -170,13 +174,13 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
       }
     );
   },
-  checkListItem: (e, t) => /* @__PURE__ */ f("text:p", { "text:style-name": "Standard", children: [
+  checkListItem: (e, t) => /* @__PURE__ */ x("text:p", { "text:style-name": "Standard", children: [
     e.props.checked ? "☒ " : "☐ ",
     t.transformInlineContent(e.content)
   ] }),
   pageBreak: async () => /* @__PURE__ */ l("text:p", { "text:style-name": "PageBreak" }),
   divider: (e, t) => {
-    const n = d(
+    const n = g(
       t,
       e.props,
       "Standard",
@@ -213,24 +217,24 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
         "style:writing-mode": "lr-tb"
       }
     ) }));
-    return /* @__PURE__ */ f("table:table", { "table:name": e.id, "table:style-name": i, children: [
+    return /* @__PURE__ */ x("table:table", { "table:name": e.id, "table:style-name": i, children: [
       (o.children || []).map((r, m) => {
-        const x = y.registerStyle((g) => /* @__PURE__ */ l("style:style", { "style:name": g, "style:family": "table-column", children: /* @__PURE__ */ l(
+        const p = y.registerStyle((d) => /* @__PURE__ */ l("style:style", { "style:name": d, "style:family": "table-column", children: /* @__PURE__ */ l(
           "style:table-column-properties",
           {
             "style:rel-column-width": `${r.props.width * 100}*`
           }
         ) }));
-        return /* @__PURE__ */ l("table:table-column", { "table:style-name": x }, m);
+        return /* @__PURE__ */ l("table:table-column", { "table:style-name": p }, m);
       }),
       /* @__PURE__ */ l("table:table-row", { children: a })
     ] });
   },
   image: async (e, t) => {
-    const n = t, { path: s, mimeType: a, ...o } = await n.registerPicture(e.props.url), y = d(
+    const n = t, { path: s, mimeType: a, ...o } = await n.registerPicture(e.props.url), y = g(
       t,
       e.props
-    ), i = e.props.previewWidth || o.width, r = o.height / o.width * i, m = 20, x = /* @__PURE__ */ f("text:p", { "text:style-name": e.props.caption ? "Caption" : y, children: [
+    ), i = e.props.previewWidth || o.width, r = o.height / o.width * i, m = 20, p = /* @__PURE__ */ x("text:p", { "text:style-name": e.props.caption ? "Caption" : y, children: [
       /* @__PURE__ */ l(
         "draw:frame",
         {
@@ -266,28 +270,28 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
         "svg:width": `${i}px`,
         "svg:height": `${r + m}px`,
         "text:anchor-type": "as-char",
-        children: /* @__PURE__ */ l("draw:text-box", { children: x })
+        children: /* @__PURE__ */ l("draw:text-box", { children: p })
       }
-    ) }) : x;
+    ) }) : p;
   },
   table: (e, t) => {
     var r;
     const a = (e.content.columnWidths.reduce(
-      (m, x) => (m || 0) + (x || 120),
+      (m, p) => (m || 0) + (p || 120),
       0
     ) || 0) * 0.75, o = t, y = A(o), i = P(o, { width: a });
-    return /* @__PURE__ */ f("table:table", { "table:name": e.id, "table:style-name": i, children: [
-      (r = e.content.rows[0]) == null ? void 0 : r.cells.map((m, x) => {
-        const u = (e.content.columnWidths[x] || 120) * 0.75, c = o.registerStyle((_) => /* @__PURE__ */ l("style:style", { "style:name": _, "style:family": "table-column", children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ x("table:table", { "table:name": e.id, "table:style-name": i, children: [
+      (r = e.content.rows[0]) == null ? void 0 : r.cells.map((m, p) => {
+        const u = (e.content.columnWidths[p] || 120) * 0.75, c = o.registerStyle((_) => /* @__PURE__ */ l("style:style", { "style:name": _, "style:family": "table-column", children: /* @__PURE__ */ l(
           "style:table-column-properties",
           {
             "style:column-width": `${u}pt`
           }
         ) }));
-        return /* @__PURE__ */ l("table:table-column", { "table:style-name": c }, x);
+        return /* @__PURE__ */ l("table:table-column", { "table:style-name": c }, p);
       }),
-      e.content.rows.map((m, x) => /* @__PURE__ */ l("table:table-row", { children: m.cells.map((g, u) => {
-        const c = T(g);
+      e.content.rows.map((m, p) => /* @__PURE__ */ l("table:table-row", { children: m.cells.map((d, u) => {
+        const c = T(d);
         return /* @__PURE__ */ l(
           "table:table-cell",
           {
@@ -297,23 +301,23 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
             "style:paragraph-properties-text-align": c.props.textAlignment,
             children: /* @__PURE__ */ l("text:p", { "text:style-name": "Standard", children: t.transformInlineContent(c.content) })
           },
-          `${x}-${u}`
+          `${p}-${u}`
         );
-      }) }, x))
+      }) }, p))
     ] });
   },
   codeBlock: (e) => {
     var n;
     const t = ((n = e.content[0]) == null ? void 0 : n.text) || "";
-    return /* @__PURE__ */ f("text:p", { "text:style-name": "Codeblock", children: [
+    return /* @__PURE__ */ x("text:p", { "text:style-name": "Codeblock", children: [
       ...t.split(`
-`).map((s, a) => /* @__PURE__ */ f(h, { children: [
+`).map((s, a) => /* @__PURE__ */ x(h, { children: [
         a !== 0 && /* @__PURE__ */ l("text:line-break", {}),
         s
       ] }))
     ] });
   },
-  file: async (e) => /* @__PURE__ */ f(h, { children: [
+  file: async (e) => /* @__PURE__ */ x(h, { children: [
     /* @__PURE__ */ l("text:p", { "style:style-name": "Standard", children: e.props.url ? /* @__PURE__ */ l(
       "text:a",
       {
@@ -327,7 +331,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
     ) : "Open file" }),
     e.props.caption && /* @__PURE__ */ l("text:p", { "text:style-name": "Caption", children: e.props.caption })
   ] }),
-  video: (e) => /* @__PURE__ */ f(h, { children: [
+  video: (e) => /* @__PURE__ */ x(h, { children: [
     /* @__PURE__ */ l("text:p", { "style:style-name": "Standard", children: /* @__PURE__ */ l(
       "text:a",
       {
@@ -341,7 +345,7 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
     ) }),
     e.props.caption && /* @__PURE__ */ l("text:p", { "text:style-name": "Caption", children: e.props.caption })
   ] }),
-  audio: (e) => /* @__PURE__ */ f(h, { children: [
+  audio: (e) => /* @__PURE__ */ x(h, { children: [
     /* @__PURE__ */ l("text:p", { "style:style-name": "Standard", children: /* @__PURE__ */ l(
       "text:a",
       {
@@ -376,8 +380,20 @@ const L = (e) => Array.from({ length: e }, () => /* @__PURE__ */ l("text:tab", {
   italic: (e) => e ? { "fo:font-style": "italic" } : {},
   underline: (e) => e ? { "style:text-underline-style": "solid" } : {},
   strike: (e) => e ? { "style:text-line-through-style": "solid" } : {},
-  textColor: (e, t) => e ? { "fo:color": t.options.colors[e].text } : {},
-  backgroundColor: (e, t) => e ? { "fo:background-color": t.options.colors[e].background } : {},
+  textColor: (e, t) => {
+    var s;
+    if (!e)
+      return {};
+    const n = (s = t.options.colors[e]) == null ? void 0 : s.text;
+    return n ? { "fo:color": n } : {};
+  },
+  backgroundColor: (e, t) => {
+    var s;
+    if (!e)
+      return {};
+    const n = (s = t.options.colors[e]) == null ? void 0 : s.background;
+    return n ? { "fo:background-color": n } : {};
+  },
   code: (e) => e ? { "style:font-name": "Courier New" } : {}
 }, J = {
   blockMapping: O,
@@ -1551,11 +1567,11 @@ class K extends M {
     return a;
   }
   async toODTDocument(n, s) {
-    const a = (p) => {
+    const a = (f) => {
       const z = /<([a-zA-Z0-9:]+)\s+?(?:xml)ns(?::[a-zA-Z0-9]+)?=".*"(.*)>/g;
       let w = "";
-      return typeof p == "string" ? w = p : w = new XMLSerializer().serializeToString(p), w.replace(z, "<$1$2>");
-    }, o = await this.transformBlocks(n), y = Array.from(this.automaticStyles.values()), i = Array.from(this.pictures.values()), r = await this.loadFonts(), m = a((s == null ? void 0 : s.header) || ""), x = a((s == null ? void 0 : s.footer) || ""), g = /* @__PURE__ */ f(
+      return typeof f == "string" ? w = f : w = new XMLSerializer().serializeToString(f), w.replace(z, "<$1$2>");
+    }, o = await this.transformBlocks(n), y = Array.from(this.automaticStyles.values()), i = Array.from(this.pictures.values()), r = await this.loadFonts(), m = a((s == null ? void 0 : s.header) || ""), p = a((s == null ? void 0 : s.footer) || ""), d = /* @__PURE__ */ x(
       "office:document-content",
       {
         "xmlns:office": "urn:oasis:names:tc:opendocument:xmlns:office:1.0",
@@ -1569,16 +1585,16 @@ class K extends M {
         "xmlns:loext": "urn:org:documentfoundation:names:experimental:office:xmlns:loext:1.0",
         "office:version": "1.3",
         children: [
-          /* @__PURE__ */ l("office:font-face-decls", { children: r.map((p) => /* @__PURE__ */ l(
+          /* @__PURE__ */ l("office:font-face-decls", { children: r.map((f) => /* @__PURE__ */ l(
             "style:font-face",
             {
-              "style:name": p.name,
-              "svg:font-family": p.name,
+              "style:name": f.name,
+              "svg:font-family": f.name,
               "style:font-pitch": "variable",
               children: /* @__PURE__ */ l("svg:font-face-src", { children: /* @__PURE__ */ l(
                 "svg:font-face-uri",
                 {
-                  "xlink:href": `Fonts/${p.fileName}`,
+                  "xlink:href": `Fonts/${f.fileName}`,
                   "xlink:type": "simple",
                   "loext:font-style": "normal",
                   "loext:font-weight": "normal",
@@ -1588,7 +1604,7 @@ class K extends M {
             }
           )) }),
           /* @__PURE__ */ l("office:automatic-styles", { children: y }),
-          (m || x) && /* @__PURE__ */ l("office:master-styles", { children: /* @__PURE__ */ f(
+          (m || p) && /* @__PURE__ */ l("office:master-styles", { children: /* @__PURE__ */ x(
             "style:master-page",
             {
               "style:name": "Standard",
@@ -1603,11 +1619,11 @@ class K extends M {
                     }
                   }
                 ),
-                x && /* @__PURE__ */ l(
+                p && /* @__PURE__ */ l(
                   "style:footer",
                   {
                     dangerouslySetInnerHTML: {
-                      __html: x
+                      __html: p
                     }
                   }
                 )
@@ -1617,7 +1633,7 @@ class K extends M {
           /* @__PURE__ */ l("office:body", { children: /* @__PURE__ */ l("office:text", { children: o }) })
         ]
       }
-    ), u = /* @__PURE__ */ f(
+    ), u = /* @__PURE__ */ x(
       "manifest:manifest",
       {
         "xmlns:manifest": "urn:oasis:names:tc:opendocument:xmlns:manifest:1.0",
@@ -1644,18 +1660,18 @@ class K extends M {
               "manifest:full-path": "styles.xml"
             }
           ),
-          i.map((p) => /* @__PURE__ */ l(
+          i.map((f) => /* @__PURE__ */ l(
             "manifest:file-entry",
             {
-              "manifest:media-type": p.file.type,
-              "manifest:full-path": `Pictures/${p.fileName}`
+              "manifest:media-type": f.file.type,
+              "manifest:full-path": `Pictures/${f.fileName}`
             }
           )),
-          r.map((p) => /* @__PURE__ */ l(
+          r.map((f) => /* @__PURE__ */ l(
             "manifest:file-entry",
             {
               "manifest:media-type": "application/x-font-ttf",
-              "manifest:full-path": `Fonts/${p.fileName}`
+              "manifest:full-path": `Fonts/${f.fileName}`
             }
           ))
         ]
@@ -1673,13 +1689,13 @@ class K extends M {
         extendedTimestamp: !1
       }
     );
-    const _ = C(g), F = C(u);
-    return c.add("content.xml", new v(_)), c.add("styles.xml", new v(j)), c.add("META-INF/manifest.xml", new v(F)), r.forEach((p) => {
-      c.add(`Fonts/${p.fileName}`, new k(p.data));
-    }), i.forEach((p) => {
+    const _ = C(d), F = C(u);
+    return c.add("content.xml", new v(_)), c.add("styles.xml", new v(j)), c.add("META-INF/manifest.xml", new v(F)), r.forEach((f) => {
+      c.add(`Fonts/${f.fileName}`, new k(f.data));
+    }), i.forEach((f) => {
       c.add(
-        `Pictures/${p.fileName}`,
-        new k(p.file)
+        `Pictures/${f.fileName}`,
+        new k(f.file)
       );
     }), c.close();
   }