@blocknote/xl-email-exporter 0.45.0 → 0.46.0

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

@@ -1,8 +1,8 @@
 import { jsx as n, jsxs as h } from "react/jsx-runtime";
-import { mapTableCell as V, Exporter as R, COLORS_DEFAULT as E } from "@blocknote/core";
-import { Text as f, Img as A, CodeBlock as D, dracula as F, Heading as W, Link as k, Section as v, Html as Z, Head as z, Body as N, Preview as _, Tailwind as O } from "@react-email/components";
-import { render as P } from "@react-email/render";
-import I from "react";
+import { mapTableCell as T, Exporter as V, COLORS_DEFAULT as R } from "@blocknote/core";
+import { Text as f, Img as E, CodeBlock as A, dracula as D, Heading as F, Link as I, Section as W, Html as Z, Head as z, Body as O, Preview as j, Tailwind as _ } from "@react-email/components";
+import { render as N } from "@react-email/render";
+import L from "react";
 const g = {
   fontSize: 16,
   lineHeight: 1.5,
@@ -75,7 +75,7 @@ const g = {
   codeBlock: {
     style: g
   }
-}, H = (r = m) => ({
+}, k = (r = m) => ({
   paragraph: (e, t) => {
     var l;
     return /* @__PURE__ */ n(
@@ -119,22 +119,22 @@ const g = {
     );
   },
   numberedListItem: (e, t, l) => {
-    var o;
+    var i;
     return /* @__PURE__ */ n(
       f,
       {
         ...r.numberedListItem,
         style: {
           ...m.numberedListItem.style,
-          ...(o = r.numberedListItem) == null ? void 0 : o.style
+          ...(i = r.numberedListItem) == null ? void 0 : i.style
         },
         children: t.transformInlineContent(e.content)
       }
     );
   },
   checkListItem: (e, t) => {
-    var i, a;
-    const o = ((i = e.props) == null ? void 0 : i.checked) ? /* @__PURE__ */ h(
+    var o, a;
+    const i = ((o = e.props) == null ? void 0 : o.checked) ? /* @__PURE__ */ h(
       "svg",
       {
         width: "18",
@@ -197,7 +197,7 @@ const g = {
           ...(a = r.checkListItem) == null ? void 0 : a.style
         },
         children: [
-          o,
+          i,
           /* @__PURE__ */ n("span", { children: t.transformInlineContent(e.content) })
         ]
       }
@@ -206,7 +206,7 @@ const g = {
   heading: (e, t) => {
     var l;
     return /* @__PURE__ */ n(
-      W,
+      F,
       {
         as: `h${e.props.level}`,
         ...r[`heading${e.props.level}`],
@@ -219,19 +219,19 @@ const g = {
     );
   },
   codeBlock: (e) => {
-    var l, o;
+    var l, i;
     const t = ((l = e.content[0]) == null ? void 0 : l.text) || "";
     return /* @__PURE__ */ n(
-      D,
+      A,
       {
         code: t,
         fontFamily: "'CommitMono', monospace",
         language: e.props.language,
-        theme: F,
+        theme: D,
         ...r.codeBlock,
         style: {
           ...m.codeBlock.style,
-          ...(o = r.codeBlock) == null ? void 0 : o.style
+          ...(i = r.codeBlock) == null ? void 0 : i.style
         }
       }
     );
@@ -333,7 +333,7 @@ const g = {
     ] });
   },
   image: (e) => /* @__PURE__ */ n(
-    A,
+    E,
     {
       src: e.props.url,
       width: e.props.previewWidth,
@@ -344,7 +344,7 @@ const g = {
     const l = e.content;
     if (!l || typeof l != "object" || !Array.isArray(l.rows))
       return /* @__PURE__ */ n(f, { ...r.tableError, children: "Table data not available" });
-    const o = l.headerRows ?? 0, i = l.headerCols ?? 0;
+    const i = l.headerRows ?? 0, o = l.headerCols ?? 0;
     return /* @__PURE__ */ n(
       "table",
       {
@@ -359,33 +359,33 @@ const g = {
         border: 0,
         cellPadding: 0,
         cellSpacing: 0,
-        children: /* @__PURE__ */ n("tbody", { children: l.rows.map((a, p) => /* @__PURE__ */ n("tr", { children: a.cells.map((u, s) => {
-          var L;
-          const c = V(u), d = p < o, b = s < i, C = d || b;
+        children: /* @__PURE__ */ n("tbody", { children: l.rows.map((a, s) => /* @__PURE__ */ n("tr", { children: a.cells.map((u, c) => {
+          var v;
+          const d = T(u), p = s < i, b = c < o, C = p || b;
           return /* @__PURE__ */ n(
             C ? "th" : "td",
             {
               style: {
                 border: "1px solid #ddd",
                 padding: "8px 12px",
-                background: c.props.backgroundColor !== "default" ? t.options.colors[c.props.backgroundColor].background : "inherit",
+                background: d.props.backgroundColor !== "default" ? t.options.colors[d.props.backgroundColor].background : "inherit",
                 fontWeight: C ? "bold" : void 0,
-                textAlign: c.props.textAlignment || "left",
-                color: c.props.textColor !== "default" ? t.options.colors[c.props.textColor].text : "inherit",
+                textAlign: d.props.textAlignment || "left",
+                color: d.props.textColor !== "default" ? t.options.colors[d.props.textColor].text : "inherit",
                 ...m.tableCell.style,
-                ...(L = r.tableCell) == null ? void 0 : L.style
+                ...(v = r.tableCell) == null ? void 0 : v.style
               },
-              ...(c.props.colspan || 1) > 1 && {
-                colSpan: c.props.colspan || 1
+              ...(d.props.colspan || 1) > 1 && {
+                colSpan: d.props.colspan || 1
               },
-              ...(c.props.rowspan || 1) > 1 && {
-                rowSpan: c.props.rowspan || 1
+              ...(d.props.rowspan || 1) > 1 && {
+                rowSpan: d.props.rowspan || 1
               },
-              children: t.transformInlineContent(c.content)
+              children: t.transformInlineContent(d.content)
             },
-            "row_" + p + "_col_" + s
+            "row_" + s + "_col_" + c
           );
-        }) }, "row-" + p)) })
+        }) }, "row-" + s)) })
       }
     );
   },
@@ -428,7 +428,7 @@ const g = {
       }
     }
   )
-}), j = H();
+}), P = k();
 function w({
   url: r,
   name: e,
@@ -436,7 +436,7 @@ function w({
   icon: l
 }) {
   return /* @__PURE__ */ h(
-    k,
+    I,
     {
       href: r,
       style: {
@@ -476,14 +476,14 @@ function x({
     }
   ) : null;
 }
-const S = {
+const H = {
   link: {}
-}, M = (r = S) => ({
-  link: (e, t) => /* @__PURE__ */ h(k, { href: e.href, ...r.link, children: [
+}, S = (r = H) => ({
+  link: (e, t) => /* @__PURE__ */ h(I, { href: e.href, ...r.link, children: [
     ...e.content.map((l) => t.transformStyledText(l))
   ] }),
   text: (e, t) => t.transformStyledText(e)
-}), q = M(), B = {}, T = (r = B) => ({
+}), q = S(), M = {}, B = (r = M) => ({
   bold: (e) => e ? {
     fontWeight: "bold"
   } : {},
@@ -506,34 +506,34 @@ const S = {
   code: (e) => e ? {
     fontFamily: "GeistMono"
   } : {}
-}), $ = T(), G = {
+}), $ = B(), G = {
   textStyles: m,
-  linkStyles: S,
-  styleTransformStyles: B
+  linkStyles: H,
+  styleTransformStyles: M
 }, Y = {
-  blockMapping: j,
+  blockMapping: P,
   inlineContentMapping: q,
   styleMapping: $
 }, ee = (r = G) => ({
-  blockMapping: H(
+  blockMapping: k(
     r.textStyles
   ),
-  inlineContentMapping: M(
+  inlineContentMapping: S(
     r.linkStyles
   ),
-  styleMapping: T(
+  styleMapping: B(
     r.styleTransformStyles
   )
 });
-class te extends R {
+class te extends V {
   constructor(e, t, l) {
-    const i = {
+    const o = {
       ...{
-        colors: E
+        colors: R
       },
       ...l
     };
-    super(e, t, i), this.schema = e;
+    super(e, t, o), this.schema = e;
   }
   transformStyledText(e) {
     const t = this.mapStyles(e.styles), l = Object.assign({}, ...t);
@@ -548,78 +548,78 @@ class te extends R {
     );
   }
   async renderGroupedListBlocks(e, t, l) {
-    const o = e[t].type, i = [];
+    const i = e[t].type, o = [];
     let a = t;
-    for (let u = 1; a < e.length && e[a].type === o; a++, u++) {
-      const s = e[a], c = await this.mapBlock(
-        s,
+    for (let u = 1; a < e.length && e[a].type === i; a++, u++) {
+      const c = e[a], d = await this.mapBlock(
+        c,
         l,
         u
       );
-      let d = [];
-      s.children && s.children.length > 0 && (d = await this.renderNestedLists(
-        s.children,
+      let p = [];
+      c.children && c.children.length > 0 && (p = await this.renderNestedLists(
+        c.children,
         l + 1,
-        s.id
-      )), i.push(
+        c.id
+      )), o.push(
         /* @__PURE__ */ h("li", { children: [
-          c,
-          d.length > 0 && d
-        ] }, s.id)
+          d,
+          p.length > 0 && p
+        ] }, c.id)
       );
     }
-    let p;
-    return o === "bulletListItem" || o === "toggleListItem" ? p = /* @__PURE__ */ n("ul", { className: "mb-2 list-disc pl-6", children: i }, e[t].id + "-ul") : p = /* @__PURE__ */ n(
+    let s;
+    return i === "bulletListItem" || i === "toggleListItem" ? s = /* @__PURE__ */ n("ul", { className: "mb-2 list-disc pl-6", children: o }, e[t].id + "-ul") : s = /* @__PURE__ */ n(
       "ol",
       {
         className: "mb-2 list-decimal pl-6",
         start: 1,
-        children: i
+        children: o
       },
       e[t].id + "-ol"
-    ), { element: p, nextIndex: a };
+    ), { element: s, nextIndex: a };
   }
   async renderNestedLists(e, t, l) {
-    const o = [];
-    let i = 0;
-    for (; i < e.length; ) {
-      const a = e[i];
+    const i = [];
+    let o = 0;
+    for (; o < e.length; ) {
+      const a = e[o];
       if (a.type === "bulletListItem" || a.type === "numberedListItem") {
-        const p = a.type, u = [];
-        let s = i;
-        for (let c = 1; s < e.length && e[s].type === p; s++, c++) {
-          const d = e[s], b = await this.mapBlock(
-            d,
+        const s = a.type, u = [];
+        let c = o;
+        for (let d = 1; c < e.length && e[c].type === s; c++, d++) {
+          const p = e[c], b = await this.mapBlock(
+            p,
             t,
-            c
+            d
           ), C = this.blocknoteDefaultPropsToReactEmailStyle(
-            d.props
+            p.props
           );
           let y = [];
-          d.children && d.children.length > 0 && (d.children[0] && (d.children[0].type === "bulletListItem" || d.children[0].type === "numberedListItem") ? y = await this.renderNestedLists(
-            d.children,
+          p.children && p.children.length > 0 && (p.children[0] && (p.children[0].type === "bulletListItem" || p.children[0].type === "numberedListItem") ? y = await this.renderNestedLists(
+            p.children,
             t + 1,
-            d.id
+            p.id
           ) : y = await this.transformBlocks(
-            d.children,
+            p.children,
             t + 1
           )), u.push(
             /* @__PURE__ */ h("li", { style: C, children: [
               b,
               y.length > 0 && /* @__PURE__ */ n("div", { style: { marginTop: "8px" }, children: y })
-            ] }, d.id)
+            ] }, p.id)
           );
         }
-        p === "bulletListItem" ? o.push(
+        s === "bulletListItem" ? i.push(
           /* @__PURE__ */ n(
             "ul",
             {
               className: "mb-2 list-disc pl-6",
               children: u
             },
-            l + "-ul-nested-" + i
+            l + "-ul-nested-" + o
           )
-        ) : o.push(
+        ) : i.push(
           /* @__PURE__ */ n(
             "ol",
             {
@@ -627,50 +627,50 @@ class te extends R {
               start: 1,
               children: u
             },
-            l + "-ol-nested-" + i
+            l + "-ol-nested-" + o
           )
-        ), i = s;
+        ), o = c;
       } else {
-        const p = await this.transformBlocks([a], t);
-        o.push(
-          /* @__PURE__ */ n(v, { style: { marginLeft: "24px" }, children: p }, a.id)
-        ), i++;
+        const s = await this.transformBlocks([a], t);
+        i.push(
+          /* @__PURE__ */ n(W, { style: { marginLeft: "24px" }, children: s }, a.id)
+        ), o++;
       }
     }
-    return o;
+    return i;
   }
   async transformBlocks(e, t = 0) {
     const l = [];
-    let o = 0;
-    for (; o < e.length; ) {
-      const i = e[o];
-      if (i.type === "bulletListItem" || i.type === "numberedListItem" || i.type === "toggleListItem") {
-        const { element: s, nextIndex: c } = await this.renderGroupedListBlocks(
+    let i = 0;
+    for (; i < e.length; ) {
+      const o = e[i];
+      if (o.type === "bulletListItem" || o.type === "numberedListItem" || o.type === "toggleListItem") {
+        const { element: c, nextIndex: d } = await this.renderGroupedListBlocks(
           e,
-          o,
+          i,
           t
         );
-        l.push(s), o = c;
+        l.push(c), i = d;
         continue;
       }
-      const a = await this.transformBlocks(i.children, t + 1), p = await this.mapBlock(i, t, 0), u = this.blocknoteDefaultPropsToReactEmailStyle(i.props);
+      const a = await this.transformBlocks(o.children, t + 1), s = await this.mapBlock(o, t, 0), u = this.blocknoteDefaultPropsToReactEmailStyle(o.props);
       l.push(
-        /* @__PURE__ */ h(I.Fragment, { children: [
-          /* @__PURE__ */ n(v, { style: u, children: p }),
+        /* @__PURE__ */ h(L.Fragment, { children: [
+          Object.entries(u).length > 0 ? /* @__PURE__ */ n("div", { style: u, children: s }) : s,
           a.length > 0 && /* @__PURE__ */ n("div", { style: { marginLeft: "24px" }, children: a })
-        ] }, i.id)
-      ), o++;
+        ] }, o.id)
+      ), i++;
     }
     return l;
   }
   async toReactEmailDocument(e, t) {
-    const l = await this.transformBlocks(e), o = (t == null ? void 0 : t.container) || (({ children: p }) => /* @__PURE__ */ n(I.Fragment, { children: p })), i = !globalThis.ReadableByteStreamController;
-    i && (globalThis.ReadableByteStreamController = (await import("web-streams-polyfill")).default.ReadableByteStreamController);
-    const a = await P(
+    const l = await this.transformBlocks(e), i = (t == null ? void 0 : t.container) || (({ children: s }) => /* @__PURE__ */ n(L.Fragment, { children: s })), o = !globalThis.ReadableByteStreamController;
+    o && (globalThis.ReadableByteStreamController = (await import("web-streams-polyfill")).default.ReadableByteStreamController);
+    const a = await N(
       /* @__PURE__ */ h(Z, { children: [
         /* @__PURE__ */ n(z, { children: t == null ? void 0 : t.head }),
         /* @__PURE__ */ h(
-          N,
+          O,
           {
             style: (t == null ? void 0 : t.bodyStyles) ?? {
               fontFamily: "'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
@@ -679,8 +679,8 @@ class te extends R {
               color: "#333"
             },
             children: [
-              (t == null ? void 0 : t.preview) && /* @__PURE__ */ n(_, { children: t.preview }),
-              /* @__PURE__ */ n(O, { children: /* @__PURE__ */ h(o, { children: [
+              (t == null ? void 0 : t.preview) && /* @__PURE__ */ n(j, { children: t.preview }),
+              /* @__PURE__ */ n(_, { children: /* @__PURE__ */ h(i, { children: [
                 t == null ? void 0 : t.header,
                 l,
                 t == null ? void 0 : t.footer
@@ -690,28 +690,31 @@ class te extends R {
         )
       ] })
     );
-    return i && delete globalThis.ReadableByteStreamController, a;
+    return o && delete globalThis.ReadableByteStreamController, a;
   }
   blocknoteDefaultPropsToReactEmailStyle(e) {
-    var t, l;
-    return {
-      textAlign: e.textAlignment,
-      backgroundColor: e.backgroundColor === "default" || !e.backgroundColor || (t = this.options.colors[e.backgroundColor]) == null ? void 0 : t.background,
-      color: e.textColor === "default" || !e.textColor || (l = this.options.colors[e.textColor]) == null ? void 0 : l.text,
+    var l, i;
+    const t = {
+      textAlign: e.textAlignment === "left" ? void 0 : e.textAlignment,
+      backgroundColor: e.backgroundColor === "default" || !e.backgroundColor || (l = this.options.colors[e.backgroundColor]) == null ? void 0 : l.background,
+      color: e.textColor === "default" || !e.textColor || (i = this.options.colors[e.textColor]) == null ? void 0 : i.text,
       alignItems: e.textAlignment === "right" ? "flex-end" : e.textAlignment === "center" ? "center" : void 0
     };
+    return Object.fromEntries(
+      Object.entries(t).filter(([o, a]) => a !== void 0)
+    );
   }
 }
 export {
   te as ReactEmailExporter,
-  H as createReactEmailBlockMappingForDefaultSchema,
-  M as createReactEmailInlineContentMappingForDefaultSchema,
-  T as createReactEmailStyleMappingForDefaultSchema,
+  k as createReactEmailBlockMappingForDefaultSchema,
+  S as createReactEmailInlineContentMappingForDefaultSchema,
+  B as createReactEmailStyleMappingForDefaultSchema,
   G as defaultReactEmailDefaultSchemaStyles,
-  S as defaultReactEmailLinkStyles,
-  B as defaultReactEmailStyleTransformStyles,
+  H as defaultReactEmailLinkStyles,
+  M as defaultReactEmailStyleTransformStyles,
   m as defaultReactEmailTextStyles,
-  j as reactEmailBlockMappingForDefaultSchema,
+  P as reactEmailBlockMappingForDefaultSchema,
   Y as reactEmailDefaultSchemaMappings,
   ee as reactEmailDefaultSchemaMappingsWithStyles,
   q as reactEmailInlineContentMappingForDefaultSchema,