@blocknote/xl-pdf-exporter 0.30.0 → 0.31.0

package/src/pdf/pdfExporter.tsx

@@ -42,7 +42,7 @@ type Options = ExporterOptions & {
 export class PDFExporter<
   B extends BlockSchema,
   S extends StyleSchema,
-  I extends InlineContentSchema
+  I extends InlineContentSchema,
 > extends Exporter<
   B,
   I,
@@ -92,7 +92,7 @@ export class PDFExporter<
       TextProps["style"], // RS
       React.ReactElement<Text> // TS
     >["mappings"],
-    options?: Partial<Options>
+    options?: Partial<Options>,
   ) {
     const defaults = {
       emojiSource: {
@@ -125,7 +125,7 @@ export class PDFExporter<
    */
   public async transformBlocks(
     blocks: Block<B, I, S>[], // Or BlockFromConfig<B[keyof B], I, S>?
-    nestingLevel = 0
+    nestingLevel = 0,
   ): Promise<React.ReactElement<Text>[]> {
     const ret: React.ReactElement<Text>[] = [];
     let numberedListIndex = 0;
@@ -140,7 +140,7 @@ export class PDFExporter<
       const self = await this.mapBlock(
         b as any,
         nestingLevel,
-        numberedListIndex
+        numberedListIndex,
       ); // TODO: any
 
       if (b.type === "pageBreak") {
@@ -156,7 +156,8 @@ export class PDFExporter<
               paddingVertical: 3 * PIXELS_PER_POINT,
               ...this.styles.block,
               ...style,
-            }}>
+            }}
+          >
             {self}
           </View>
           {children.length > 0 && (
@@ -164,11 +165,12 @@ export class PDFExporter<
               style={{
                 marginLeft: FONT_SIZE * 1.5 * PIXELS_PER_POINT,
                 ...this.styles.blockChildren,
-              }}>
+              }}
+            >
               {children}
             </View>
           )}
-        </>
+        </>,
       );
     }
 
@@ -184,7 +186,7 @@ export class PDFExporter<
       Font.registerEmojiSource(this.options.emojiSource);
     }
     let font = await loadFontDataUrl(
-      await import("@shared/assets/fonts/inter/Inter_18pt-Regular.ttf")
+      await import("@shared/assets/fonts/inter/Inter_18pt-Regular.ttf"),
     );
     Font.register({
       family: "Inter",
@@ -192,7 +194,7 @@ export class PDFExporter<
     });
 
     font = await loadFontDataUrl(
-      await import("@shared/assets/fonts/inter/Inter_18pt-Italic.ttf")
+      await import("@shared/assets/fonts/inter/Inter_18pt-Italic.ttf"),
     );
     Font.register({
       family: "Inter",
@@ -201,7 +203,7 @@ export class PDFExporter<
     });
 
     font = await loadFontDataUrl(
-      await import("@shared/assets/fonts/inter/Inter_18pt-Bold.ttf")
+      await import("@shared/assets/fonts/inter/Inter_18pt-Bold.ttf"),
     );
     Font.register({
       family: "Inter",
@@ -210,7 +212,7 @@ export class PDFExporter<
     });
 
     font = await loadFontDataUrl(
-      await import("@shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf")
+      await import("@shared/assets/fonts/inter/Inter_18pt-BoldItalic.ttf"),
     );
     Font.register({
       family: "Inter",
@@ -220,7 +222,7 @@ export class PDFExporter<
     });
 
     font = await loadFontDataUrl(
-      await import("@shared/assets/fonts/GeistMono-Regular.ttf")
+      await import("@shared/assets/fonts/GeistMono-Regular.ttf"),
     );
     Font.register({
       family: "GeistMono",
@@ -246,7 +248,7 @@ export class PDFExporter<
        * The React component passed must be a React-PDF component
        */
       footer?: React.ReactElement;
-    } = {}
+    } = {},
   ) {
     await this.registerFonts();
 
@@ -269,7 +271,8 @@ export class PDFExporter<
                   right: this.styles.page.paddingHorizontal || 0,
                 },
                 this.styles.footer,
-              ]}>
+              ]}
+            >
               {options.footer}
             </View>
           )}
@@ -279,7 +282,7 @@ export class PDFExporter<
   }
 
   protected blocknoteDefaultPropsToReactPDFStyle(
-    props: Partial<DefaultProps>
+    props: Partial<DefaultProps>,
   ): Style {
     return {
       textAlign: props.textAlignment,
@@ -299,8 +302,8 @@ export class PDFExporter<
         props.textAlignment === "right"
           ? "flex-end"
           : props.textAlignment === "center"
-          ? "center"
-          : undefined,
+            ? "center"
+            : undefined,
     };
   }
 }

package/src/pdf/util/listItem.tsx

@@ -26,7 +26,8 @@ export const CHECK_MARKER_UNCHECKED = (
     height="12"
     viewBox="0 -960 960 960"
     width="12"
-    fill="undefined">
+    fill="undefined"
+  >
     <Path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z" />
   </Svg>
 );
@@ -38,7 +39,8 @@ export const CHECK_MARKER_CHECKED = (
     height="12"
     viewBox="0 -960 960 960"
     width="12"
-    fill="undefined">
+    fill="undefined"
+  >
     <Path d="m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z" />
   </Svg>
 );

package/src/pdf/util/table/Table.tsx

@@ -66,7 +66,8 @@ export const Table = (props: {
             styles.row,
             rowIndex === props.data.rows.length - 1 ? styles.bottomCell : {},
           ]}
-          key={rowIndex}>
+          key={rowIndex}
+        >
           {row.cells.map((c, colIndex) => {
             const cell = mapTableCell(c);
 
@@ -101,7 +102,8 @@ export const Table = (props: {
                     textAlign: cell.props.textAlignment,
                   },
                 ]}
-                key={colIndex}>
+                key={colIndex}
+              >
                 {props.transformer.transformInlineContent(cell.content)}
               </View>
             );