Fix breaking change from CKE5 v45+ with icons for alert and panel plugins

Author: smulvih2

modules/custom/wxt_ext/wxt_ext_editor/js/build/wxt_alert.js

@@ -36,11 +36,9 @@ export default class AlertUI extends Plugin {
             const headingLevel = formView.headingDropdown.selectedValue || 'h3';
 
             if (alerttype === null || typeof alerttype === 'undefined') {
-                return; // Optionally show validation message
+                return;
             }
 
-            console.log(alerttype);
-
             let selectionAncestors = editor.model.document.selection.getFirstPosition().getAncestors();
             let selectionIsAlert = false;
             let selection = null;

modules/custom/wxt_ext/wxt_ext_editor/js/build/wxt_panel.js

@@ -7,7 +7,7 @@ import {
     ViewModel,
 } from 'ckeditor5/src/ui';
 import { Collection } from 'ckeditor5/src/utils';
-import { icons } from 'ckeditor5/src/core';
+import { IconCheck, IconCancel } from 'ckeditor5/src/icons';
 import { AlertClasses } from './alertcssclasses';
 
 /*
@@ -26,9 +26,9 @@ export default class FormView extends View {
         const headingItems = new Collection();
 
         // Create save and cancel buttons
-        this.saveButtonView = this._createButton('Save', icons.check, 'ck-button-save');
+        this.saveButtonView = this._createButton('Save', IconCheck, 'ck-button-save');
         this.saveButtonView.type = 'submit';
-        this.cancelButtonView = this._createButton('Cancel', icons.cancel, 'ck-button-cancel');
+        this.cancelButtonView = this._createButton('Cancel', IconCancel, 'ck-button-cancel');
         this.cancelButtonView.delegate('execute').to(this, 'cancel');
 
         // create button for each alert class and add to the collection of buttons for the dropdown list 

modules/custom/wxt_ext/wxt_ext_editor/js/ckeditor5_plugins/wxt_alert/src/alertui.js

@@ -7,7 +7,7 @@ import {
     ViewModel
 } from 'ckeditor5/src/ui';
 import { Collection } from 'ckeditor5/src/utils'
-import { icons } from 'ckeditor5/src/core';
+import { IconCheck, IconCancel } from 'ckeditor5/src/icons';
 import { PanelClasses } from './panelcssclasses';
 
 /*
@@ -26,9 +26,9 @@ export default class FormView extends View {
         const headingItems = new Collection();
 
         // Create save and cancel buttons
-        this.saveButtonView = this._createButton('Save', icons.check, 'ck-button-save');
+        this.saveButtonView = this._createButton('Save', IconCheck, 'ck-button-save');
         this.saveButtonView.type = 'submit';
-        this.cancelButtonView = this._createButton('Cancel', icons.cancel, 'ck-button-cancel');
+        this.cancelButtonView = this._createButton('Cancel', IconCancel, 'ck-button-cancel');
         this.cancelButtonView.delegate('execute').to(this, 'cancel');
 
         // Create the dropdown list from array of panel classes

modules/custom/wxt_ext/wxt_ext_editor/js/ckeditor5_plugins/wxt_alert/src/alertview.js

@@ -10,7 +10,7 @@
     },
     "devDependencies": {
         "@ckeditor/ckeditor5-dev-utils": "^30.5.0",
-        "ckeditor5": "^41.3.1",
+        "ckeditor5": "^45.2.0",
         "css-loader": "^6.7.3",
         "raw-loader": "^4.0.2",
         "terser-webpack-plugin": "^5.2.0",