diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/property-editor-ui-tiptap-toolbar-configuration.element.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/property-editor-ui-tiptap-toolbar-configuration.element.ts index cb9dc749f5..6dc6643142 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/property-editor-ui-tiptap-toolbar-configuration.element.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/property-editor-ui-tiptap-toolbar-configuration.element.ts @@ -17,7 +17,7 @@ type ToolbarConfig = { label: string; icon?: string; selected: boolean; - group: string; + category: string; }; type ToolbarItems = Array<{ @@ -101,7 +101,7 @@ export class UmbPropertyEditorUiTiptapToolbarConfigurationElement }); const grouped = this._toolbarConfig.reduce((acc: any, item) => { - const group = item.group || 'miscellaneous'; // Assign to "miscellaneous" if no group + const group = item.category || 'miscellaneous'; // Assign to "miscellaneous" if no group if (!acc[group]) { acc[group] = []; diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/tiptap/manifests.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/tiptap/manifests.ts index d1a5464205..9110cbbd33 100644 --- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/tiptap/manifests.ts +++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/property-editors/tiptap/manifests.ts @@ -24,59 +24,59 @@ export const manifests: Array = [ alias: 'toolbar', value: [ // Clipboard Group - { alias: 'undo', label: 'Undo', icon: 'undo', group: 'clipboard' }, - { alias: 'redo', label: 'Redo', icon: 'redo', group: 'clipboard' }, - { alias: 'cut', label: 'Cut', icon: 'cut', group: 'clipboard' }, - { alias: 'copy', label: 'Copy', icon: 'copy', group: 'clipboard' }, - { alias: 'paste', label: 'Paste', icon: 'paste', group: 'clipboard' }, + { alias: 'undo', label: 'Undo', icon: 'undo', category: 'clipboard' }, + { alias: 'redo', label: 'Redo', icon: 'redo', category: 'clipboard' }, + { alias: 'cut', label: 'Cut', icon: 'cut', category: 'clipboard' }, + { alias: 'copy', label: 'Copy', icon: 'copy', category: 'clipboard' }, + { alias: 'paste', label: 'Paste', icon: 'paste', category: 'clipboard' }, // Formatting Group - { alias: 'bold', label: 'Bold', icon: 'bold', group: 'formatting' }, - { alias: 'italic', label: 'Italic', icon: 'italic', group: 'formatting' }, - { alias: 'underline', label: 'Underline', icon: 'underline', group: 'formatting' }, - { alias: 'strikethrough', label: 'Strikethrough', icon: 'strike-through', group: 'formatting' }, - { alias: 'removeformat', label: 'Remove format', icon: 'remove-formatting', group: 'formatting' }, + { alias: 'bold', label: 'Bold', icon: 'bold', category: 'formatting' }, + { alias: 'italic', label: 'Italic', icon: 'italic', category: 'formatting' }, + { alias: 'underline', label: 'Underline', icon: 'underline', category: 'formatting' }, + { alias: 'strikethrough', label: 'Strikethrough', icon: 'strike-through', category: 'formatting' }, + { alias: 'removeformat', label: 'Remove format', icon: 'remove-formatting', category: 'formatting' }, // Color Group - { alias: 'forecolor', label: 'Text color', icon: 'text-color', group: 'color' }, - { alias: 'backcolor', label: 'Background color', icon: 'highlight-bg-color', group: 'color' }, + { alias: 'forecolor', label: 'Text color', icon: 'text-color', category: 'color' }, + { alias: 'backcolor', label: 'Background color', icon: 'highlight-bg-color', category: 'color' }, // Alignment Group - { alias: 'alignleft', label: 'Align left', icon: 'align-left', group: 'alignment' }, - { alias: 'aligncenter', label: 'Align center', icon: 'align-center', group: 'alignment' }, - { alias: 'alignright', label: 'Align right', icon: 'align-right', group: 'alignment' }, - { alias: 'alignjustify', label: 'Justify justify', icon: 'align-justify', group: 'alignment' }, + { alias: 'alignleft', label: 'Align left', icon: 'align-left', category: 'alignment' }, + { alias: 'aligncenter', label: 'Align center', icon: 'align-center', category: 'alignment' }, + { alias: 'alignright', label: 'Align right', icon: 'align-right', category: 'alignment' }, + { alias: 'alignjustify', label: 'Justify justify', icon: 'align-justify', category: 'alignment' }, // List Group - { alias: 'bullist', label: 'Bullet list', icon: 'unordered-list', group: 'list' }, - { alias: 'numlist', label: 'Numbered list', icon: 'ordered-list', group: 'list' }, + { alias: 'bullist', label: 'Bullet list', icon: 'unordered-list', category: 'list' }, + { alias: 'numlist', label: 'Numbered list', icon: 'ordered-list', category: 'list' }, // Indentation Group - { alias: 'outdent', label: 'Outdent', icon: 'outdent', group: 'indentation' }, - { alias: 'indent', label: 'Indent', icon: 'indent', group: 'indentation' }, + { alias: 'outdent', label: 'Outdent', icon: 'outdent', category: 'indentation' }, + { alias: 'indent', label: 'Indent', icon: 'indent', category: 'indentation' }, // Insert Elements Group - { alias: 'anchor', label: 'Anchor', icon: 'bookmark', group: 'insert' }, - { alias: 'table', label: 'Table', icon: 'table', group: 'insert' }, - { alias: 'hr', label: 'Horizontal rule', icon: 'horizontal-rule', group: 'insert' }, - { alias: 'charmap', label: 'Character map', icon: 'insert-character', group: 'insert' }, + { alias: 'anchor', label: 'Anchor', icon: 'bookmark', category: 'insert' }, + { alias: 'table', label: 'Table', icon: 'table', category: 'insert' }, + { alias: 'hr', label: 'Horizontal rule', icon: 'horizontal-rule', category: 'insert' }, + { alias: 'charmap', label: 'Character map', icon: 'insert-character', category: 'insert' }, // Direction Group - { alias: 'rtl', label: 'Right to left', icon: 'rtl', group: 'direction' }, - { alias: 'ltr', label: 'Left to right', icon: 'ltr', group: 'direction' }, + { alias: 'rtl', label: 'Right to left', icon: 'rtl', category: 'direction' }, + { alias: 'ltr', label: 'Left to right', icon: 'ltr', category: 'direction' }, // Text Transformation Group - { alias: 'subscript', label: 'Subscript', icon: 'subscript', group: 'text-transformation' }, - { alias: 'superscript', label: 'Superscript', icon: 'superscript', group: 'text-transformation' }, + { alias: 'subscript', label: 'Subscript', icon: 'subscript', category: 'text-transformation' }, + { alias: 'superscript', label: 'Superscript', icon: 'superscript', category: 'text-transformation' }, // Styling and Font Group - { alias: 'styles', label: 'Style select', icon: 'permanent-pen', group: 'styling' }, - { alias: 'fontname', label: 'Font select', icon: 'text-color', group: 'styling' }, - { alias: 'fontsize', label: 'Font size', icon: 'text-color', group: 'styling' }, + { alias: 'styles', label: 'Style select', icon: 'permanent-pen', category: 'styling' }, + { alias: 'fontname', label: 'Font select', icon: 'text-color', category: 'styling' }, + { alias: 'fontsize', label: 'Font size', icon: 'text-color', category: 'styling' }, // Block Element Group - { alias: 'blockquote', label: 'Blockquote', icon: 'quote', group: 'block-elements' }, - { alias: 'formatblock', label: 'Format block', icon: 'format', group: 'block-elements' }, + { alias: 'blockquote', label: 'Blockquote', icon: 'quote', category: 'block-elements' }, + { alias: 'formatblock', label: 'Format block', icon: 'format', category: 'block-elements' }, ], }, ],