@blocknote/core 0.13.2 → 0.13.4

package/src/api/parsers/html/__snapshots__/paste/parse-nested-lists-with-paragraphs.json

@@ -14,9 +14,26 @@
         "styles": {}
       }
     ],
+    "children": []
+  },
+  {
+    "id": "2",
+    "type": "bulletListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Bullet List Item",
+        "styles": {}
+      }
+    ],
     "children": [
       {
-        "id": "2",
+        "id": "3",
         "type": "bulletListItem",
         "props": {
           "textColor": "default",
@@ -33,7 +50,7 @@
         "children": []
       },
       {
-        "id": "3",
+        "id": "4",
         "type": "bulletListItem",
         "props": {
           "textColor": "default",
@@ -52,7 +69,7 @@
     ]
   },
   {
-    "id": "4",
+    "id": "5",
     "type": "bulletListItem",
     "props": {
       "textColor": "default",
@@ -69,7 +86,24 @@
     "children": []
   },
   {
-    "id": "5",
+    "id": "6",
+    "type": "numberedListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Numbered List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "7",
     "type": "numberedListItem",
     "props": {
       "textColor": "default",
@@ -85,7 +119,7 @@
     ],
     "children": [
       {
-        "id": "6",
+        "id": "8",
         "type": "numberedListItem",
         "props": {
           "textColor": "default",
@@ -102,7 +136,7 @@
         "children": []
       },
       {
-        "id": "7",
+        "id": "9",
         "type": "numberedListItem",
         "props": {
           "textColor": "default",
@@ -121,7 +155,7 @@
     ]
   },
   {
-    "id": "8",
+    "id": "10",
     "type": "numberedListItem",
     "props": {
       "textColor": "default",
@@ -136,5 +170,96 @@
       }
     ],
     "children": []
+  },
+  {
+    "id": "11",
+    "type": "checkListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "checked": false
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Checked List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "12",
+    "type": "checkListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "checked": false
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Checked List Item",
+        "styles": {}
+      }
+    ],
+    "children": [
+      {
+        "id": "13",
+        "type": "checkListItem",
+        "props": {
+          "textColor": "default",
+          "backgroundColor": "default",
+          "textAlignment": "left",
+          "checked": false
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Nested Checked List Item",
+            "styles": {}
+          }
+        ],
+        "children": []
+      },
+      {
+        "id": "14",
+        "type": "checkListItem",
+        "props": {
+          "textColor": "default",
+          "backgroundColor": "default",
+          "textAlignment": "left",
+          "checked": false
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Nested Checked List Item",
+            "styles": {}
+          }
+        ],
+        "children": []
+      }
+    ]
+  },
+  {
+    "id": "15",
+    "type": "checkListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "checked": false
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Checked List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
   }
 ]

package/src/api/parsers/html/__snapshots__/paste/parse-nested-lists.json

@@ -100,9 +100,26 @@
         "styles": {}
       }
     ],
+    "children": []
+  },
+  {
+    "id": "7",
+    "type": "numberedListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Numbered List Item",
+        "styles": {}
+      }
+    ],
     "children": [
       {
-        "id": "7",
+        "id": "8",
         "type": "numberedListItem",
         "props": {
           "textColor": "default",
@@ -119,7 +136,7 @@
         "children": []
       },
       {
-        "id": "8",
+        "id": "9",
         "type": "numberedListItem",
         "props": {
           "textColor": "default",
@@ -138,7 +155,7 @@
     ]
   },
   {
-    "id": "9",
+    "id": "10",
     "type": "numberedListItem",
     "props": {
       "textColor": "default",
@@ -153,5 +170,96 @@
       }
     ],
     "children": []
+  },
+  {
+    "id": "11",
+    "type": "checkListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "checked": false
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Check List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "12",
+    "type": "checkListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "checked": false
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Check List Item",
+        "styles": {}
+      }
+    ],
+    "children": [
+      {
+        "id": "13",
+        "type": "checkListItem",
+        "props": {
+          "textColor": "default",
+          "backgroundColor": "default",
+          "textAlignment": "left",
+          "checked": false
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Nested Check List Item",
+            "styles": {}
+          }
+        ],
+        "children": []
+      },
+      {
+        "id": "14",
+        "type": "checkListItem",
+        "props": {
+          "textColor": "default",
+          "backgroundColor": "default",
+          "textAlignment": "left",
+          "checked": false
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Nested Check List Item",
+            "styles": {}
+          }
+        ],
+        "children": []
+      }
+    ]
+  },
+  {
+    "id": "15",
+    "type": "checkListItem",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left",
+      "checked": false
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Nested Check List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
   }
 ]

package/src/api/parsers/html/parseHTML.test.ts

@@ -76,88 +76,147 @@ describe("Parse HTML", () => {
 
   it("list test", async () => {
     const html = `<ul>
-   <li>First</li>
-   <li>Second</li>
-   <li>Third</li>
-   <li>Five Parent
-   <ul>
-   <li>Child 1</li>
-   <li>Child 2</li>
-   </ul>
-   </li>
-   </ul>`;
+    <li>First</li>
+    <li>Second</li>
+    <li>Third</li>
+    <li>
+      <input type="checkbox">
+      Fourth
+    </li>
+    <li>
+      <input type="checkbox">
+      Fifth
+    </li>
+    <li>Five Parent
+      <ul>
+        <li>Child 1</li>
+        <li>Child 2</li>
+        <li>
+          <input type="checkbox">
+          Child 3
+        </li>
+        <li>
+          <input type="checkbox">
+          Child 4
+        </li>
+      </ul>
+    </li>
+  </ul>`;
     await parseHTMLAndCompareSnapshots(html, "list-test");
   });
 
   it("Parse nested lists", async () => {
     const html = `<ul>
     <li>Bullet List Item</li>
-      <li>Bullet List Item</li>
-        <ul>
-           <li>
-              Nested Bullet List Item
-           </li>
-           <li>
-              Nested Bullet List Item
-           </li>
-        </ul>
-     <li>
-        Bullet List Item
-     </li>
+    <li>Bullet List Item
+      <ul>
+        <li>Nested Bullet List Item</li>
+        <li>Nested Bullet List Item</li>
+      </ul>
+    </li>
+    <li>Bullet List Item</li>
   </ul>
   <ol>
-     <li>
-        Numbered List Item
-        <ol>
-           <li>
-              Nested Numbered List Item
-           </li>
-           <li>
-              Nested Numbered List Item
-           </li>
-        </ol>
-     </li>
-     <li>
-        Numbered List Item
-     </li>
-  </ol>`;
+    <li>Numbered List Item</li>
+    <li>Numbered List Item
+      <ol>
+        <li>Nested Numbered List Item</li>
+        <li>Nested Numbered List Item</li>
+      </ol>
+    </li>
+    <li>Numbered List Item</li>
+  </ol>
+  <ul>
+    <li>
+      <input type="checkbox">
+      Check List Item
+    </li>
+    <li>
+      <input type="checkbox">
+      Check List Item
+      <ul>
+        <li>
+          <input type="checkbox">
+          Nested Check List Item
+        </li>
+        <li>
+          <input type="checkbox">
+          Nested Check List Item
+        </li>
+      </ul>
+    </li>
+    <li>
+      <input type="checkbox">
+      Nested Check List Item
+    </li>
+  </ul>`;
 
     await parseHTMLAndCompareSnapshots(html, "parse-nested-lists");
   });
 
   it("Parse nested lists with paragraphs", async () => {
     const html = `<ul>
-     <li>
-        <p>Bullet List Item</p>
-        <ul>
-           <li>
-              <p>Nested Bullet List Item</p>
-           </li>
-           <li>
-              <p>Nested Bullet List Item</p>
-           </li>
-        </ul>
-     </li>
-     <li>
-        <p>Bullet List Item</p>
-     </li>
+    <li>
+      <p>Bullet List Item</p>
+    </li>
+    <li>
+      <p>Bullet List Item</p>
+      <ul>
+        <li>
+          <p>Nested Bullet List Item</p>
+        </li>
+        <li>
+          <p>Nested Bullet List Item</p>
+        </li>
+      </ul>
+    </li>
+    <li>
+      <p>Bullet List Item</p>
+    </li>
   </ul>
   <ol>
-     <li>
-        <p>Numbered List Item</p>
-        <ol>
-           <li>
-              <p>Nested Numbered List Item</p>
-           </li>
-           <li>
-              <p>Nested Numbered List Item</p>
-           </li>
-        </ol>
-     </li>
-     <li>
-        <p>Numbered List Item</p>
-     </li>
-  </ol>`;
+    <li>
+      <p>Numbered List Item</p>
+    </li>
+    <li>
+      <p>Numbered List Item</p>
+      <ol>
+        <li>
+          <p>Nested Numbered List Item</p>
+        </li>
+        <li>
+          <p>Nested Numbered List Item</p>
+        </li>
+      </ol>
+    </li>
+    <li>
+      <p>Numbered List Item</p>
+    </li>
+  </ol>
+  <ul>
+    <li>
+      <input type="checkbox">
+      <p>Checked List Item</p>
+    </li>
+    <li>
+      <input type="checkbox">
+      <p>Checked List Item</p>
+      <ul>
+        <li>
+          <input type="checkbox">
+          <p>Nested Checked List Item</p>
+        </li>
+        <li>
+          <label><input type="checkbox"></label>
+          <p>Nested Checked List Item</p>
+        </li>
+      </ul>
+    </li>
+    <li>
+      <input type="checkbox">
+      <p>Checked List Item</p>
+    </li>
+  </ul>`;
 
     await parseHTMLAndCompareSnapshots(
       html,
@@ -167,37 +226,49 @@ describe("Parse HTML", () => {
 
   it("Parse mixed nested lists", async () => {
     const html = `<ul>
-     <li>
-        Bullet List Item
-        <ol>
-           <li>
-              Nested Numbered List Item
-           </li>
-           <li>
-              Nested Numbered List Item
-           </li>
-        </ol>
-     </li>
-     <li>
-        Bullet List Item
-     </li>
+    <li>Bullet List Item</li>
+    <li>Bullet List Item
+      <ol>
+        <li>Nested Numbered List Item</li>
+        <li>Nested Numbered List Item</li>
+      </ol>
+    </li>
+    <li>Bullet List Item</li>
   </ul>
   <ol>
-     <li>
-        Numbered List Item
-        <ul>
-           <li>
-              <p>Nested Bullet List Item</p>
-           </li>
-           <li>
-              <p>Nested Bullet List Item</p>
-           </li>
-        </ul>
-     </li>
-     <li>
-        Numbered List Item
-     </li>
-  </ol>`;
+    <li>Numbered List Item</li>
+    <li>Numbered List Item
+      <ul>
+        <li>
+          <input type="checkbox" checked>
+          Nested Check List Item
+        </li>
+        <li>
+          <input type="checkbox">
+          Nested Check List Item
+        </li>
+      </ul>
+    </li>
+    <li>Numbered List Item</li>
+  </ol>
+  <ul>
+    <li>
+      <input type="checkbox" checked>
+      Check List Item
+    </li>
+    <li>
+      <input type="checkbox">
+      Check List Item
+      <ul>
+        <li>Nested Bullet List Item</li>
+        <li>Nested Bullet List Item</li>
+      </ul>
+    </li>
+    <li>
+      <input type="checkbox" checked>
+      Nested Check List Item
+    </li>
+  </ul>`;
 
     await parseHTMLAndCompareSnapshots(html, "parse-mixed-nested-lists");
   });