@blocknote/core 0.28.0 → 0.29.0

package/src/api/testUtil/cases/defaultSchema.ts

@@ -1,1493 +0,0 @@
-import { EditorTestCases } from "../index.js";
-
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
-import {
-  DefaultBlockSchema,
-  DefaultInlineContentSchema,
-  DefaultStyleSchema,
-} from "../../../blocks/defaultBlocks.js";
-import {
-  pageBreakSchema,
-  withPageBreak,
-} from "../../../blocks/PageBreakBlockContent/schema.js";
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
-import { BlockNoteSchema } from "../../../editor/BlockNoteSchema.js";
-
-export const defaultSchemaTestCases: EditorTestCases<
-  DefaultBlockSchema & typeof pageBreakSchema.blockSchema,
-  DefaultInlineContentSchema,
-  DefaultStyleSchema
-> = {
-  name: "default schema",
-  createEditor: () => {
-    return BlockNoteEditor.create({
-      schema: withPageBreak(BlockNoteSchema.create()),
-      uploadFile: uploadToTmpFilesDotOrg_DEV_ONLY,
-      codeBlock: {
-        supportedLanguages: {
-          javascript: {
-            name: "JavaScript",
-            aliases: ["js"],
-          },
-          python: {
-            name: "Python",
-            aliases: ["py"],
-          },
-        },
-      },
-    });
-  },
-  documents: [
-    {
-      name: "paragraph/empty",
-      blocks: [
-        {
-          type: "paragraph",
-        },
-      ],
-    },
-    {
-      name: "paragraph/basic",
-      blocks: [
-        {
-          type: "paragraph",
-          content: "Paragraph",
-        },
-      ],
-    },
-    {
-      name: "paragraph/styled",
-      blocks: [
-        {
-          type: "paragraph",
-          props: {
-            textAlignment: "center",
-            textColor: "orange",
-            backgroundColor: "pink",
-          },
-          content: [
-            {
-              type: "text",
-              styles: {},
-              text: "Plain ",
-            },
-            {
-              type: "text",
-              styles: {
-                textColor: "red",
-              },
-              text: "Red Text ",
-            },
-            {
-              type: "text",
-              styles: {
-                backgroundColor: "blue",
-              },
-              text: "Blue Background ",
-            },
-            {
-              type: "text",
-              styles: {
-                textColor: "red",
-                backgroundColor: "blue",
-              },
-              text: "Mixed Colors",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "paragraph/nested",
-      blocks: [
-        {
-          type: "paragraph",
-          content: "Paragraph",
-          children: [
-            {
-              type: "paragraph",
-              content: "Nested Paragraph 1",
-            },
-            {
-              type: "paragraph",
-              content: "Nested Paragraph 2",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "paragraph/lineBreaks",
-      blocks: [
-        {
-          type: "paragraph",
-          content: "Line 1\nLine 2",
-        },
-      ],
-    },
-    {
-      name: "lists/basic",
-      blocks: [
-        {
-          type: "bulletListItem",
-          content: "Bullet List Item 1",
-        },
-        {
-          type: "bulletListItem",
-          content: "Bullet List Item 2",
-        },
-        {
-          type: "numberedListItem",
-          content: "Numbered List Item 1",
-        },
-        {
-          type: "numberedListItem",
-          content: "Numbered List Item 2",
-        },
-        {
-          type: "checkListItem",
-          content: "Check List Item 1",
-        },
-        {
-          type: "checkListItem",
-          props: {
-            checked: true,
-          },
-          content: "Check List Item 2",
-        },
-      ],
-    },
-    {
-      name: "lists/nested",
-      blocks: [
-        {
-          type: "bulletListItem",
-          content: "Bullet List Item 1",
-        },
-        {
-          type: "bulletListItem",
-          content: "Bullet List Item 2",
-          children: [
-            {
-              type: "numberedListItem",
-              content: "Numbered List Item 1",
-            },
-            {
-              type: "numberedListItem",
-              content: "Numbered List Item 2",
-              children: [
-                {
-                  type: "checkListItem",
-                  content: "Check List Item 1",
-                },
-                {
-                  type: "checkListItem",
-                  props: {
-                    checked: true,
-                  },
-                  content: "Check List Item 2",
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "codeBlock/empty",
-      blocks: [
-        {
-          type: "codeBlock",
-        },
-      ],
-    },
-    {
-      name: "codeBlock/defaultLanguage",
-      blocks: [
-        {
-          type: "codeBlock",
-          content: "console.log('Hello, world!');",
-        },
-      ],
-    },
-    {
-      name: "codeBlock/python",
-      blocks: [
-        {
-          type: "codeBlock",
-          props: { language: "python" },
-          content: "print('Hello, world!')",
-        },
-      ],
-    },
-    {
-      name: "codeBlock/contains-newlines",
-      blocks: [
-        {
-          type: "codeBlock",
-          props: { language: "javascript" },
-          content: "const hello = 'world';\nconsole.log(hello);\n",
-        },
-      ],
-    },
-    {
-      name: "pageBreak/basic",
-      blocks: [
-        {
-          type: "pageBreak",
-        },
-      ],
-    },
-    {
-      name: "file/button",
-      blocks: [
-        {
-          type: "file",
-        },
-      ],
-    },
-    {
-      name: "file/basic",
-      blocks: [
-        {
-          type: "file",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            caption: "Caption",
-          },
-        },
-      ],
-    },
-    {
-      name: "file/noName",
-      blocks: [
-        {
-          type: "file",
-          props: {
-            url: "exampleURL",
-            caption: "Caption",
-          },
-        },
-      ],
-    },
-    {
-      name: "file/noCaption",
-      blocks: [
-        {
-          type: "file",
-          props: {
-            name: "example",
-            url: "exampleURL",
-          },
-        },
-      ],
-    },
-    {
-      name: "file/nested",
-      blocks: [
-        {
-          type: "file",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            caption: "Caption",
-          },
-          children: [
-            {
-              type: "file",
-              props: {
-                name: "example",
-                url: "exampleURL",
-                caption: "Caption",
-              },
-            },
-          ],
-        },
-      ],
-    },
-    // Because images need to fetch the download URL async, their internal HTML
-    // is initially rendered without a `src` attribute, which is reflected in
-    // the tests.
-    {
-      name: "image/button",
-      blocks: [
-        {
-          type: "image",
-        },
-      ],
-    },
-    {
-      name: "image/basic",
-      blocks: [
-        {
-          type: "image",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            caption: "Caption",
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "image/noName",
-      blocks: [
-        {
-          type: "image",
-          props: {
-            url: "exampleURL",
-            caption: "Caption",
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "image/noCaption",
-      blocks: [
-        {
-          type: "image",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "image/noPreview",
-      blocks: [
-        {
-          type: "image",
-          props: {
-            name: "example",
-            url: "exampleURL",
-            caption: "Caption",
-            showPreview: false,
-            previewWidth: 256,
-          },
-        },
-      ],
-    },
-    {
-      name: "image/nested",
-      blocks: [
-        {
-          type: "image",
-          props: {
-            url: "exampleURL",
-            caption: "Caption",
-            previewWidth: 256,
-          },
-          children: [
-            {
-              type: "image",
-              props: {
-                url: "exampleURL",
-                caption: "Caption",
-                previewWidth: 256,
-              },
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "table/basic",
-      blocks: [
-        {
-          type: "table",
-          content: {
-            type: "tableContent",
-            rows: [
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        },
-      ],
-    },
-    {
-      name: "table/allColWidths",
-      blocks: [
-        {
-          type: "table",
-          content: {
-            type: "tableContent",
-            columnWidths: [100, 200, 300],
-            rows: [
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        },
-      ],
-    },
-    {
-      name: "table/mixedColWidths",
-      blocks: [
-        {
-          type: "table",
-          content: {
-            type: "tableContent",
-            columnWidths: [100, undefined, 300],
-            rows: [
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        },
-      ],
-    },
-    {
-      name: "table/mixedCellColors",
-      blocks: [
-        {
-          type: "table",
-          content: {
-            type: "tableContent",
-            columnWidths: [100, undefined, 300],
-            rows: [
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "red",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "blue",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "blue",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "yellow",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "red",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        },
-      ],
-    },
-    {
-      name: "table/mixedRowspansAndColspans",
-      blocks: [
-        {
-          type: "table",
-          content: {
-            type: "tableContent",
-            columnWidths: [100, 200, 300],
-            rows: [
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "red",
-                      colspan: 2,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "blue",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "yellow",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "red",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 2,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 2,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        },
-      ],
-    },
-    {
-      name: "table/headerRows",
-      blocks: [
-        {
-          type: "table",
-          content: {
-            headerRows: 1,
-            type: "tableContent",
-            rows: [
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        },
-      ],
-    },
-    {
-      name: "table/headerCols",
-      blocks: [
-        {
-          type: "table",
-          content: {
-            headerCols: 1,
-            type: "tableContent",
-            rows: [
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-              {
-                cells: [
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                  {
-                    type: "tableCell",
-                    content: ["Table Cell"],
-                    props: {
-                      backgroundColor: "default",
-                      colspan: 1,
-                      rowspan: 1,
-                      textAlignment: "left",
-                      textColor: "default",
-                    },
-                  },
-                ],
-              },
-            ],
-          },
-        },
-      ],
-    },
-    {
-      name: "link/basic",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "link",
-              href: "https://www.website.com",
-              content: "Website",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "link/styled",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "link",
-              href: "https://www.website.com",
-              content: [
-                {
-                  type: "text",
-                  text: "Web",
-                  styles: {
-                    bold: true,
-                  },
-                },
-                {
-                  type: "text",
-                  text: "site",
-                  styles: {},
-                },
-              ],
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "link/adjacent",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "link",
-              href: "https://www.website.com",
-              content: "Website",
-            },
-            {
-              type: "link",
-              href: "https://www.website2.com",
-              content: "Website2",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/basic",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "Text1\nText2",
-              styles: {},
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/multiple",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "Text1\nText2\nText3",
-              styles: {},
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/start",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "\nText1",
-              styles: {},
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/end",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "Text1\n",
-              styles: {},
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/only",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "\n",
-              styles: {},
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/styles",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "text",
-              text: "Text1\n",
-              styles: {},
-            },
-            {
-              type: "text",
-              text: "Text2",
-              styles: { bold: true },
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/link",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "link",
-              href: "https://www.website.com",
-              content: "Link1\nLink1",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "hardbreak/between-links",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "paragraph",
-          content: [
-            {
-              type: "link",
-              href: "https://www.website.com",
-              content: "Link1\n",
-            },
-            {
-              type: "link",
-              href: "https://www.website2.com",
-              content: "Link2",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      name: "complex/misc",
-      blocks: [
-        {
-          // id: UniqueID.options.generateID(),
-          type: "heading",
-          props: {
-            backgroundColor: "blue",
-            textColor: "yellow",
-            textAlignment: "right",
-            level: 2,
-          },
-          content: [
-            {
-              type: "text",
-              text: "Heading ",
-              styles: {
-                bold: true,
-                underline: true,
-              },
-            },
-            {
-              type: "text",
-              text: "2",
-              styles: {
-                italic: true,
-                strike: true,
-              },
-            },
-          ],
-          children: [
-            {
-              // id: UniqueID.options.generateID(),
-              type: "paragraph",
-              props: {
-                backgroundColor: "red",
-              },
-              content: "Paragraph",
-              children: [],
-            },
-            {
-              // id: UniqueID.options.generateID(),
-              type: "bulletListItem",
-              props: {},
-            },
-          ],
-        },
-      ],
-    },
-  ],
-};