feat: Checkbox/TODO list item block

packages/core/src/api/exporters/html/__snapshots__/lists/basic/internal.html

@@ -1 +1 @@
-<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 2</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="4"><div class="bn-block" data-node-type="blockContainer" data-id="4"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 2</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="5"><div class="bn-block" data-node-type="blockContainer" data-id="5"><div class="bn-block-content" data-content-type="checkListItem" data-checked="false"><input type="checkbox"><p class="bn-inline-content">Check List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="6"><div class="bn-block" data-node-type="blockContainer" data-id="6"><div class="bn-block-content" data-content-type="checkListItem" data-checked="true"><input type="checkbox" checked=""><p class="bn-inline-content">Check List Item 2</p></div></div></div></div>
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 2</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="4"><div class="bn-block" data-node-type="blockContainer" data-id="4"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 2</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="5"><div class="bn-block" data-node-type="blockContainer" data-id="5"><div class="bn-block-content" data-content-type="checkListItem"><input type="checkbox"><p class="bn-inline-content">Check List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="6"><div class="bn-block" data-node-type="blockContainer" data-id="6"><div class="bn-block-content" data-content-type="checkListItem" data-checked="true"><input type="checkbox" checked=""><p class="bn-inline-content">Check List Item 2</p></div></div></div></div>

packages/core/src/api/exporters/html/__snapshots__/lists/nested/internal.html

@@ -1 +1 @@
-<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="4"><div class="bn-block" data-node-type="blockContainer" data-id="4"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="5"><div class="bn-block" data-node-type="blockContainer" data-id="5"><div class="bn-block-content" data-content-type="checkListItem" data-checked="false"><input type="checkbox"><p class="bn-inline-content">Check List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="6"><div class="bn-block" data-node-type="blockContainer" data-id="6"><div class="bn-block-content" data-content-type="checkListItem" data-checked="true"><input type="checkbox" checked=""><p class="bn-inline-content">Check List Item 2</p></div></div></div></div></div></div></div></div></div></div>
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content">Bullet List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="4"><div class="bn-block" data-node-type="blockContainer" data-id="4"><div class="bn-block-content" data-content-type="numberedListItem" data-index="null"><p class="bn-inline-content">Numbered List Item 2</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="5"><div class="bn-block" data-node-type="blockContainer" data-id="5"><div class="bn-block-content" data-content-type="checkListItem"><input type="checkbox"><p class="bn-inline-content">Check List Item 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="6"><div class="bn-block" data-node-type="blockContainer" data-id="6"><div class="bn-block-content" data-content-type="checkListItem" data-checked="true"><input type="checkbox" checked=""><p class="bn-inline-content">Check List Item 2</p></div></div></div></div></div></div></div></div></div></div>

packages/core/src/api/parsers/html/__snapshots__/paste/list-test.json

@@ -52,6 +52,42 @@
  },
  {
  "id": "4",
+ "type": "checkListItem",
+ "props": {
+ "textColor": "default",
+ "backgroundColor": "default",
+ "textAlignment": "left",
+ "checked": false
+ },
+ "content": [
+ {
+ "type": "text",
+ "text": "Fourth",
+ "styles": {}
+ }
+ ],
+ "children": []
+ },
+ {
+ "id": "5",
+ "type": "checkListItem",
+ "props": {
+ "textColor": "default",
+ "backgroundColor": "default",
+ "textAlignment": "left",
+ "checked": false
+ },
+ "content": [
+ {
+ "type": "text",
+ "text": "Fifth",
+ "styles": {}
+ }
+ ],
+ "children": []
+ },
+ {
+ "id": "6",
  "type": "bulletListItem",
  "props": {
  "textColor": "default",
@@ -67,7 +103,7 @@
  ],
  "children": [
  {
- "id": "5",
+ "id": "7",
  "type": "bulletListItem",
  "props": {
  "textColor": "default",
@@ -84,7 +120,7 @@
  "children": []
  },
  {
- "id": "6",
+ "id": "8",
  "type": "bulletListItem",
  "props": {
  "textColor": "default",
@@ -99,6 +135,42 @@
  }
  ],
  "children": []
+ },
+ {
+ "id": "9",
+ "type": "checkListItem",
+ "props": {
+ "textColor": "default",
+ "backgroundColor": "default",
+ "textAlignment": "left",
+ "checked": false
+ },
+ "content": [
+ {
+ "type": "text",
+ "text": "Child 3",
+ "styles": {}
+ }
+ ],
+ "children": []
+ },
+ {
+ "id": "10",
+ "type": "checkListItem",
+ "props": {
+ "textColor": "default",
+ "backgroundColor": "default",
+ "textAlignment": "left",
+ "checked": false
+ },
+ "content": [
+ {
+ "type": "text",
+ "text": "Child 4",
+ "styles": {}
+ }
+ ],
+ "children": []
  }
  ]
  }

packages/core/src/api/parsers/html/__snapshots__/paste/parse-mixed-nested-lists.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": "numberedListItem",
  "props": {
  "textColor": "default",
@@ -33,7 +50,7 @@
  "children": []
  },
  {
- "id": "3",
+ "id": "4",
  "type": "numberedListItem",
  "props": {
  "textColor": "default",
@@ -52,7 +69,7 @@
  ]
  },
  {
- "id": "4",
+ "id": "5",
  "type": "bulletListItem",
  "props": {
  "textColor": "default",
@@ -69,7 +86,78 @@
  "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",
+ "backgroundColor": "default",
+ "textAlignment": "left"
+ },
+ "content": [
+ {
+ "type": "text",
+ "text": "Numbered List Item",
+ "styles": {}
+ }
+ ],
+ "children": [
+ {
+ "id": "8",
+ "type": "checkListItem",
+ "props": {
+ "textColor": "default",
+ "backgroundColor": "default",
+ "textAlignment": "left",
+ "checked": true
+ },
+ "content": [
+ {
+ "type": "text",
+ "text": "Nested Check List Item",
+ "styles": {}
+ }
+ ],
+ "children": []
+ },
+ {
+ "id": "9",
+ "type": "checkListItem",
+ "props": {
+ "textColor": "default",
+ "backgroundColor": "default",
+ "textAlignment": "left",
+ "checked": false
+ },
+ "content": [
+ {
+ "type": "text",
+ "text": "Nested Check List Item",
+ "styles": {}
+ }
+ ],
+ "children": []
+ }
+ ]
+ },
+ {
+ "id": "10",
  "type": "numberedListItem",
  "props": {
  "textColor": "default",
@@ -83,9 +171,45 @@
  "styles": {}
  }
  ],
+ "children": []
+ },
+ {
+ "id": "11",
+ "type": "checkListItem",
+ "props": {
+ "textColor": "default",
+ "backgroundColor": "default",
+ "textAlignment": "left",
+ "checked": true
+ },
+ "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": "6",
+ "id": "13",
  "type": "bulletListItem",
  "props": {
  "textColor": "default",
@@ -102,7 +226,7 @@
  "children": []
  },
  {
- "id": "7",
+ "id": "14",
  "type": "bulletListItem",
  "props": {
  "textColor": "default",
@@ -121,17 +245,18 @@
  ]
  },
  {
- "id": "8",
- "type": "numberedListItem",
+ "id": "15",
+ "type": "checkListItem",
  "props": {
  "textColor": "default",
  "backgroundColor": "default",
- "textAlignment": "left"
+ "textAlignment": "left",
+ "checked": true
  },
  "content": [
  {
  "type": "text",
- "text": "Numbered List Item",
+ "text": "Nested Check List Item",
  "styles": {}
  }
  ],