Added localizations for Tiptap extension group names

Author: leekelleher

src/assets/lang/en.ts

@@ -2628,4 +2628,10 @@ export default {
 		wordWrapConfigLabel: 'Word wrap',
 		wordWrapConfigDescription: 'Enable word wrapping in the code editor.',
 	},
+	tiptap: {
+		extGroup_formatting: 'Text formatting',
+		extGroup_interactive: 'Interactive elements',
+		extGroup_media: 'Embeds and media',
+		extGroup_structure: 'Content structure',
+	}
 } as UmbLocalizationDictionary;

src/packages/rte/tiptap/extensions/core/manifests.ts

@@ -11,7 +11,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-blockquote',
 			label: 'Blockquote',
-			group: 'Content Structure',
+			group: '#tiptap_extGroup_structure',
 		},
 	},
 	{
@@ -24,7 +24,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-bold',
 			label: 'Bold',
-			group: 'Text Formatting',
+			group: '#tiptap_extGroup_formatting',
 		},
 	},
 	{
@@ -37,7 +37,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-code',
 			label: 'Code Block',
-			group: 'Content Structure',
+			group: '#tiptap_extGroup_structure',
 		},
 	},
 	{
@@ -49,7 +49,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-embed',
 			label: '#general_embed',
-			group: 'Media and Embeds',
+			group: '#tiptap_extGroup_media',
 		},
 	},
 	{
@@ -61,7 +61,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-link',
 			label: '#defaultdialogs_urlLinkPicker',
-			group: 'Interactive Elements',
+			group: '#tiptap_extGroup_interactive',
 		},
 	},
 	{
@@ -73,7 +73,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-frame',
 			label: 'Figure',
-			group: 'Media and Embeds',
+			group: '#tiptap_extGroup_media',
 		},
 	},
 	{
@@ -86,7 +86,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-horizontal-rule',
 			label: 'Horizontal Rule',
-			group: 'Content Structure',
+			group: '#tiptap_extGroup_structure',
 		},
 	},
 	{
@@ -97,7 +97,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-picture',
 			label: 'Image',
-			group: 'Media and Embeds',
+			group: '#tiptap_extGroup_media',
 		},
 	},
 	{
@@ -110,7 +110,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-italic',
 			label: 'Italic',
-			group: 'Text Formatting',
+			group: '#tiptap_extGroup_formatting',
 		},
 	},
 	{
@@ -123,7 +123,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-strikethrough',
 			label: 'Strike',
-			group: 'Text Formatting',
+			group: '#tiptap_extGroup_formatting',
 		},
 	},
 	{
@@ -162,7 +162,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-table',
 			label: 'Table',
-			group: 'Interactive Elements',
+			group: '#tiptap_extGroup_interactive',
 		},
 	},
 	{
@@ -175,7 +175,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-underline',
 			label: 'Underline',
-			group: 'Text Formatting',
+			group: '#tiptap_extGroup_formatting',
 		},
 	},
 	{
@@ -186,7 +186,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-heading-1',
 			label: 'Heading',
-			group: 'Text Formatting',
+			group: '#tiptap_extGroup_formatting',
 		},
 	},
 	{
@@ -197,7 +197,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-ordered-list',
 			label: 'Ordered List',
-			group: 'Content Structure',
+			group: '#tiptap_extGroup_structure',
 		},
 	},
 	{
@@ -208,7 +208,7 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-text-align-justify',
 			label: 'Text Align',
-			group: 'Content Structure',
+			group: '#tiptap_extGroup_structure',
 		},
 	},
 ];

src/packages/rte/tiptap/extensions/manifests.ts

@@ -85,7 +85,7 @@ const umbExtensions: Array<ManifestTiptapExtension> = [
 		meta: {
 			icon: 'icon-image-up',
 			label: 'Media upload',
-			group: 'Media and Embeds',
+			group: '#tiptap_extGroup_media',
 		},
 	},
 ];

src/packages/rte/tiptap/plugins/manifests.ts

@@ -8,9 +8,9 @@ export const manifests: Array<ManifestTiptapExtension | ManifestTiptapToolbarExt
 		name: 'Block Tiptap Extension',
 		api: () => import('./block.extension.js'),
 		meta: {
-			icon: 'icon-block',
+			icon: 'icon-plugin',
 			label: 'Block',
-			group: 'Interactive Elements',
+			group: '#tiptap_extGroup_interactive',
 		},
 	},
 	{

src/packages/rte/tiptap/property-editors/property-editor-ui-tiptap-extensions-configuration.element.ts

@@ -122,7 +122,7 @@ export class UmbPropertyEditorUiTiptapExtensionsConfigurationElement
 					this._extensionCategories,
 					(category) => html`
 						<div class="category">
-							<p class="category-name">${category.category}</p>
+							<p class="category-name">${this.localize.string(category.category)}</p>
 							${repeat(
 								category.extensions,
 								(item) => html`