@blocknote/xl-odt-exporter 0.26.0 → 0.27.2

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1742379519208,"assets":[{"name":"blocknote-xl-odt-exporter.umd.cjs","size":698991},{"name":"blocknote-xl-odt-exporter.umd.cjs.map","size":745972}],"chunks":[{"id":"642be88","entry":true,"initial":true,"files":["blocknote-xl-odt-exporter.umd.cjs"],"names":["index"]}],"modules":[{"name":"./src/odt/defaultSchema/blocks.tsx","size":13524,"chunks":["642be88"]},{"name":"./src/odt/defaultSchema/inlineContent.tsx","size":533,"chunks":["642be88"]},{"name":"./src/odt/defaultSchema/styles.ts","size":963,"chunks":["642be88"]},{"name":"./src/odt/defaultSchema/index.ts","size":199,"chunks":["642be88"]},{"name":"../../shared/util/fileUtil.ts","size":604,"chunks":["642be88"]},{"name":"../../shared/util/imageUtil.ts","size":710,"chunks":["642be88"]},{"name":"./src/odt/template/styles.xml?raw","size":76781,"chunks":["642be88"]},{"name":"./src/odt/odtExporter.tsx","size":9974,"chunks":["642be88"]},{"name":"./src/index.ts","size":0,"chunks":["642be88"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Regular.ttf","size":456958,"chunks":["642be88"]},{"name":"../../shared/assets/fonts/GeistMono-Regular.ttf","size":155049,"chunks":["642be88"]}]}
+{"builtAt":1743885358060,"assets":[{"name":"blocknote-xl-odt-exporter.umd.cjs","size":698972},{"name":"blocknote-xl-odt-exporter.umd.cjs.map","size":747000}],"chunks":[{"id":"642be88","entry":true,"initial":true,"files":["blocknote-xl-odt-exporter.umd.cjs"],"names":["index"]}],"modules":[{"name":"./src/odt/defaultSchema/blocks.tsx","size":14185,"chunks":["642be88"]},{"name":"./src/odt/defaultSchema/inlineContent.tsx","size":533,"chunks":["642be88"]},{"name":"./src/odt/defaultSchema/styles.ts","size":963,"chunks":["642be88"]},{"name":"./src/odt/defaultSchema/index.ts","size":199,"chunks":["642be88"]},{"name":"../../shared/util/fileUtil.ts","size":214,"chunks":["642be88"]},{"name":"../../shared/util/imageUtil.ts","size":592,"chunks":["642be88"]},{"name":"./src/odt/template/styles.xml?raw","size":76781,"chunks":["642be88"]},{"name":"./src/odt/odtExporter.tsx","size":9974,"chunks":["642be88"]},{"name":"./src/index.ts","size":0,"chunks":["642be88"]},{"name":"../../shared/assets/fonts/inter/Inter_18pt-Regular.ttf","size":456958,"chunks":["642be88"]},{"name":"../../shared/assets/fonts/GeistMono-Regular.ttf","size":155049,"chunks":["642be88"]}]}

package/package.json

@@ -2,8 +2,14 @@
   "name": "@blocknote/xl-odt-exporter",
   "homepage": "https://github.com/TypeCellOS/BlockNote",
   "private": false,
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TypeCellOS/BlockNote.git",
+    "directory": "packages/xl-odt-exporter"
+  },
   "license": "AGPL-3.0 OR PROPRIETARY",
-  "version": "0.26.0",
+  "version": "0.27.2",
   "files": [
     "dist",
     "types",
@@ -41,29 +47,25 @@
       "require": "./dist/style.css"
     }
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --build && vite build",
-    "lint": "eslint src --max-warnings 0",
-    "test": "vitest --run",
-    "test-watch": "vitest watch",
-    "clean": "rimraf dist && rimraf types"
-  },
   "dependencies": {
-    "@blocknote/core": "^0.26.0",
+    "@blocknote/core": "^0.27.2",
     "@zip.js/zip.js": "^2.7.57",
     "buffer": "^6.0.3",
     "image-meta": "^0.2.1"
   },
   "devDependencies": {
     "@testing-library/react": "^16.0.1",
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.9",
     "prettier": "^2.7.1",
     "rollup-plugin-webpack-stats": "^0.2.2",
     "typescript": "^5.0.4",
     "vite": "^5.3.4",
     "vite-plugin-eslint": "^1.8.1",
     "vitest": "^2.0.3",
-    "xml-formatter": "^3.6.3"
+    "xml-formatter": "^3.6.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || >= 19.0.0-rc",
@@ -74,9 +76,12 @@
       "../../.eslintrc.js"
     ]
   },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "gitHead": "7d8c79c62c750db921208c373e6ae7b0c42f994c"
-}
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --build && vite build",
+    "lint": "eslint src --max-warnings 0",
+    "test": "vitest --run",
+    "test-watch": "vitest watch",
+    "clean": "rimraf dist && rimraf types"
+  }
+}

package/src/odt/defaultSchema/blocks.tsx

@@ -17,10 +17,14 @@ const createParagraphStyle = (
   exporter: ODTExporter<any, any, any>,
   props: Partial<DefaultProps>,
   parentStyleName = "Standard",
-  styleAttributes: Record<string, string> = {}
+  styleAttributes: Record<string, string> = {},
+  paragraphStyleAttributes: Record<string, string> = {},
+  textStyleAttributes: Record<string, string> = {}
 ) => {
-  const paragraphStyles: Record<string, string> = {};
-  const textStyles: Record<string, string> = {};
+  const paragraphStyles: Record<string, string> = {
+    ...paragraphStyleAttributes,
+  };
+  const textStyles: Record<string, string> = { ...textStyleAttributes };
 
   if (props.textAlignment && props.textAlignment !== "left") {
     const alignmentMap = {
@@ -201,6 +205,30 @@ export const odtBlockMappingForDefaultSchema: BlockMapping<
     );
   },
 
+  quote: (block, exporter, nestingLevel) => {
+    const customStyleName = createParagraphStyle(
+      exporter as ODTExporter<any, any, any>,
+      block.props,
+      "Standard",
+      {},
+      {
+        "fo:border-left": "2pt solid #7D797A",
+        "fo:padding-left": "0.25in",
+      },
+      {
+        "fo:color": "#7D797A",
+      }
+    );
+    const styleName = customStyleName;
+
+    return (
+      <text:p text:style-name={styleName}>
+        {getTabs(nestingLevel)}
+        {exporter.transformInlineContent(block.content)}
+      </text:p>
+    );
+  },
+
   /**
    * Note: we wrap each list item in it's own list element.
    * This is not the cleanest solution, it would be nicer to recognize subsequent

package/src/odt/defaultSchema/inlineContent.tsx

@@ -6,8 +6,8 @@ import {
 export const odtInlineContentMappingForDefaultSchema: InlineContentMapping<
   DefaultInlineContentSchema,
   any,
-  JSX.Element,
-  JSX.Element
+  React.JSX.Element,
+  React.JSX.Element
 > = {
   link: (ic, exporter) => {
     const content = ic.content.map((c) => exporter.transformStyledText(c));

package/src/odt/util/jsx.d.ts

@@ -1,55 +1,57 @@
-declare namespace JSX {
-  interface IntrinsicElements {
-    "office:document-content": any;
-    "office:body": any;
-    "office:text": any;
-    "office:automatic-styles": any;
-    "office:font-face-decls": any;
-    "office:master-styles": any;
-    "style:style": any;
-    "style:text-properties": any;
-    "style:master-page": any;
-    "style:header": any;
-    "style:footer": any;
-    "text:p": any;
-    "text:h": any;
-    "text:list-item": any;
-    "text:list": any;
-    "text:a": any;
-    "text:span": any;
-    "text:line-break": any;
-    "text:tab": any;
-    "draw:frame": any;
-    "draw:image": any;
-    "draw:text-box": any;
-    "table:table": any;
-    "table:table-row": any;
-    "table:table-cell": any;
-    "table:table-column": any;
-    "manifest:manifest": any;
-    "manifest:file-entry": any;
-    "style:paragraph-properties": any;
-    "style:background-fill": any;
-    "style:table-properties": any;
-    "style:table-cell-properties": any;
-    "style:table-column-properties": any;
-    "style:table-row-properties": any;
-    "style:font-face": any;
-    "svg:font-face-src": any;
-    "svg:font-face-uri": any;
-    "svg:font-face-format": any;
-    "loext:graphic-properties": any;
-  }
+declare module 'react/jsx-runtime' {
+  namespace JSX {
+    interface IntrinsicElements {
+      "office:document-content": any;
+      "office:body": any;
+      "office:text": any;
+      "office:automatic-styles": any;
+      "office:font-face-decls": any;
+      "office:master-styles": any;
+      "style:style": any;
+      "style:text-properties": any;
+      "style:master-page": any;
+      "style:header": any;
+      "style:footer": any;
+      "text:p": any;
+      "text:h": any;
+      "text:list-item": any;
+      "text:list": any;
+      "text:a": any;
+      "text:span": any;
+      "text:line-break": any;
+      "text:tab": any;
+      "draw:frame": any;
+      "draw:image": any;
+      "draw:text-box": any;
+      "table:table": any;
+      "table:table-row": any;
+      "table:table-cell": any;
+      "table:table-column": any;
+      "manifest:manifest": any;
+      "manifest:file-entry": any;
+      "style:paragraph-properties": any;
+      "style:background-fill": any;
+      "style:table-properties": any;
+      "style:table-cell-properties": any;
+      "style:table-column-properties": any;
+      "style:table-row-properties": any;
+      "style:font-face": any;
+      "svg:font-face-src": any;
+      "svg:font-face-uri": any;
+      "svg:font-face-format": any;
+      "loext:graphic-properties": any;
+    }
 
-  interface IntrinsicAttributes {
-    "text:style-name"?: string;
-    "style:style-name"?: string;
-    "style:name"?: string;
-    "style:family"?: string;
-    "style:background-fill"?: string;
-    "draw:fill"?: string;
-    "draw:fill-color"?: string;
-    "fo:border"?: string;
-    "fo:padding"?: string;
+    interface IntrinsicAttributes {
+      "text:style-name"?: string;
+      "style:style-name"?: string;
+      "style:name"?: string;
+      "style:family"?: string;
+      "style:background-fill"?: string;
+      "draw:fill"?: string;
+      "draw:fill-color"?: string;
+      "fo:border"?: string;
+      "fo:padding"?: string;
+    }
   }
-}
+}

package/types/src/odt/defaultSchema/blocks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BlockMapping, DefaultBlockSchema, pageBreakSchema } from "@blocknote/core";
-export declare const getTabs: (nestingLevel: number) => import("react/jsx-runtime").JSX.Element[];
+export declare const getTabs: (nestingLevel: number) => any[];
 export declare const odtBlockMappingForDefaultSchema: BlockMapping<DefaultBlockSchema & typeof pageBreakSchema.blockSchema, any, any, React.ReactNode, React.ReactNode>;

package/types/src/odt/defaultSchema/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const odtDefaultSchemaMappings: {
     blockMapping: import("@blocknote/core").BlockMapping<import("@blocknote/core").BlockSchemaFromSpecs<{
         paragraph: {
@@ -77,6 +76,40 @@ export declare const odtDefaultSchemaMappings: {
                 };
             }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
         };
+        quote: {
+            config: {
+                type: "quote";
+                content: "inline";
+                propSchema: {
+                    backgroundColor: {
+                        default: "default";
+                    };
+                    textColor: {
+                        default: "default";
+                    };
+                    textAlignment: {
+                        default: "left";
+                        values: readonly ["left", "center", "right", "justify"];
+                    };
+                };
+            };
+            implementation: import("@blocknote/core").TiptapBlockImplementation<{
+                type: "quote";
+                content: "inline";
+                propSchema: {
+                    backgroundColor: {
+                        default: "default";
+                    };
+                    textColor: {
+                        default: "default";
+                    };
+                    textAlignment: {
+                        default: "left";
+                        values: readonly ["left", "center", "right", "justify"];
+                    };
+                };
+            }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
+        };
         codeBlock: {
             config: {
                 type: "codeBlock";
@@ -84,7 +117,6 @@ export declare const odtDefaultSchemaMappings: {
                 propSchema: {
                     language: {
                         default: string;
-                        values: string[];
                     };
                 };
             };
@@ -94,7 +126,6 @@ export declare const odtDefaultSchemaMappings: {
                 propSchema: {
                     language: {
                         default: string;
-                        values: string[];
                     };
                 };
             }, any, import("@blocknote/core").InlineContentSchema, import("@blocknote/core").StyleSchema>;
@@ -474,7 +505,7 @@ export declare const odtDefaultSchemaMappings: {
             config: "link";
             implementation: any;
         };
-    }>, any, JSX.Element, JSX.Element>;
+    }>, any, import("react").JSX.Element, import("react").JSX.Element>;
     styleMapping: import("@blocknote/core").StyleMapping<import("@blocknote/core").StyleSchemaFromSpecs<{
         bold: {
             config: {

package/types/src/odt/defaultSchema/inlineContent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DefaultInlineContentSchema, InlineContentMapping } from "@blocknote/core";
-export declare const odtInlineContentMappingForDefaultSchema: InlineContentMapping<DefaultInlineContentSchema, any, JSX.Element, JSX.Element>;
+export declare const odtInlineContentMappingForDefaultSchema: InlineContentMapping<DefaultInlineContentSchema, any, React.JSX.Element, React.JSX.Element>;

package/types/src/odt/odtExporter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Block, BlockNoteSchema, BlockSchema, Exporter, ExporterOptions, InlineContentSchema, StyleSchema, StyledText } from "@blocknote/core";
 export declare class ODTExporter<B extends BlockSchema, S extends StyleSchema, I extends InlineContentSchema> extends Exporter<B, I, S, React.ReactNode, React.ReactNode, Record<string, string>, React.ReactNode> {
     protected readonly schema: BlockNoteSchema<B, I, S>;