From 50b891a79a45c4d139ee9465671486488f1efdf1 Mon Sep 17 00:00:00 2001
From: leekelleher <leekelleher@gmail.com>
Date: Mon, 17 Feb 2025 15:47:27 +0000
Subject: [PATCH] Updates Tiptap mock data

and story.
---
 .../mocks/data/data-type/data-type.data.ts    | 44 +++++++++++++++++++
 .../src/mocks/data/document/document.data.ts  | 18 ++++++++
 .../property-editor-ui-tiptap.stories.ts      |  9 ++--
 3 files changed, 67 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/data-type/data-type.data.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/data-type/data-type.data.ts
index 28ca8df5ea..e318d6afd0 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/data/data-type/data-type.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/data/data-type/data-type.data.ts
@@ -1023,9 +1023,53 @@ export const data: Array<UmbMockDataTypeModel> = [
 		isDeletable: true,
 		canIgnoreStartNodes: false,
 		values: [
+			{
+				alias: 'extensions',
+				value: [
+					'Umb.Tiptap.RichTextEssentials',
+					'Umb.Tiptap.Embed',
+					'Umb.Tiptap.Figure',
+					'Umb.Tiptap.Image',
+					'Umb.Tiptap.Link',
+					'Umb.Tiptap.MediaUpload',
+					'Umb.Tiptap.Subscript',
+					'Umb.Tiptap.Superscript',
+					'Umb.Tiptap.Table',
+					'Umb.Tiptap.TextAlign',
+					'Umb.Tiptap.Underline',
+				],
+			},
+			{
+				alias: 'toolbar',
+				value: [
+					[
+						[
+							'Umb.Tiptap.Toolbar.SourceEditor',
+							'Umb.Tiptap.Toolbar.Undo',
+							'Umb.Tiptap.Toolbar.Redo',
+							'Umb.Tiptap.Toolbar.StyleSelect',
+							'Umb.Tiptap.Toolbar.Bold',
+							'Umb.Tiptap.Toolbar.Italic',
+							'Umb.Tiptap.Toolbar.TextAlignLeft',
+							'Umb.Tiptap.Toolbar.TextAlignCenter',
+							'Umb.Tiptap.Toolbar.TextAlignRight',
+							'Umb.Tiptap.Toolbar.BulletList',
+							'Umb.Tiptap.Toolbar.OrderedList',
+							'Umb.Tiptap.Toolbar.Blockquote',
+							'Umb.Tiptap.Toolbar.Link',
+							'Umb.Tiptap.Toolbar.Unlink',
+							'Umb.Tiptap.Toolbar.HorizontalRule',
+							'Umb.Tiptap.Toolbar.Table',
+							'Umb.Tiptap.Toolbar.MediaPicker',
+							'Umb.Tiptap.Toolbar.EmbeddedMedia',
+						],
+					],
+				],
+			},
 			{ alias: 'dimensions', value: { height: 500 } },
 			{ alias: 'maxImageSize', value: 500 },
 			{ alias: 'ignoreUserStartNodes', value: false },
+			{ alias: 'overlaySize', value: 'medium' },
 		],
 	},
 	{
diff --git a/src/Umbraco.Web.UI.Client/src/mocks/data/document/document.data.ts b/src/Umbraco.Web.UI.Client/src/mocks/data/document/document.data.ts
index cabad2395c..2d378c26fe 100644
--- a/src/Umbraco.Web.UI.Client/src/mocks/data/document/document.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/mocks/data/document/document.data.ts
@@ -914,6 +914,24 @@ export const data: Array<UmbMockDocumentModel> = [
 						<p>
 							Some value for the RTE with an <a href="https://google.com">external link</a> and an <a type="document" href="/{localLink:c05da24d-7740-447b-9cdc-bd8ce2172e38}">internal link</a> foo foo
 						</p>
+						<table style="width: 100%;">
+							<thead>
+								<tr>
+									<th>Name</th>
+									<th>Alias</th>
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<td>Lee</td>
+									<td>lke</td>
+								</tr>
+								<tr>
+									<td>Jacob</td>
+									<td>jov</td>
+								</tr>
+							</tbody>
+						</table>
 						<p>
 							<img width="384" height="228" loading="lazy" alt="Installer illustration" src="/umbraco/backoffice/assets/installer-illustration.svg" />
 						</p>
diff --git a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/property-editor-ui-tiptap.stories.ts b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/property-editor-ui-tiptap.stories.ts
index 268abd7649..feb8a9c7c8 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/property-editor-ui-tiptap.stories.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/tiptap/property-editors/tiptap/property-editor-ui-tiptap.stories.ts
@@ -20,7 +20,7 @@ const config = new UmbPropertyEditorConfigCollection([
 				['Umb.Tiptap.Toolbar.Bold', 'Umb.Tiptap.Toolbar.Italic', 'Umb.Tiptap.Toolbar.Underline'],
 				['Umb.Tiptap.Toolbar.TextAlignLeft', 'Umb.Tiptap.Toolbar.TextAlignCenter', 'Umb.Tiptap.Toolbar.TextAlignRight'],
 				['Umb.Tiptap.Toolbar.BulletList', 'Umb.Tiptap.Toolbar.OrderedList'],
-				['Umb.Tiptap.Toolbar.Blockquote', 'Umb.Tiptap.Toolbar.HorizontalRule'],
+				['Umb.Tiptap.Toolbar.Blockquote', 'Umb.Tiptap.Toolbar.HorizontalRule', 'Umb.Tiptap.Table'],
 				['Umb.Tiptap.Toolbar.Link', 'Umb.Tiptap.Toolbar.Unlink'],
 				['Umb.Tiptap.Toolbar.MediaPicker', 'Umb.Tiptap.Toolbar.EmbeddedMedia'],
 			],
@@ -29,16 +29,17 @@ const config = new UmbPropertyEditorConfigCollection([
 	{
 		alias: 'extensions',
 		value: [
+			'Umb.Tiptap.RichTextEssentials',
 			'Umb.Tiptap.Embed',
-			'Umb.Tiptap.Link',
 			'Umb.Tiptap.Figure',
 			'Umb.Tiptap.Image',
+			'Umb.Tiptap.Link',
+			'Umb.Tiptap.MediaUpload',
 			'Umb.Tiptap.Subscript',
 			'Umb.Tiptap.Superscript',
 			'Umb.Tiptap.Table',
-			'Umb.Tiptap.Underline',
 			'Umb.Tiptap.TextAlign',
-			'Umb.Tiptap.MediaUpload',
+			'Umb.Tiptap.Underline',
 		],
 	},
 ]);