Explorar o código

Aligned code to changes in the WidgetToolbarRepository.

Maciej Bukowski %!s(int64=7) %!d(string=hai) anos
pai
achega
4102aa8a73

+ 6 - 6
packages/ckeditor5-image/src/imagetoolbar.js

@@ -9,14 +9,14 @@
 
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
 import { isImageWidgetSelected } from './image/utils';
-import WidgetToolbar from '@ckeditor/ckeditor5-widget/src/widgettoolbar';
+import WidgetToolbarRepository from '@ckeditor/ckeditor5-widget/src/widgettoolbarrepository';
 
 /**
  * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).
  *
  * For a detailed overview, check the {@glink features/image#image-contextual-toolbar image contextual toolbar} documentation.
  *
- * Instanecs of toolbar components (e.g. buttons) are created using the editor's
+ * Instances of toolbar components (e.g. buttons) are created using the editor's
  * {@link module:ui/componentfactory~ComponentFactory component factory}
  * based on the {@link module:image/image~ImageConfig#toolbar `image.toolbar` configuration option}.
  *
@@ -29,7 +29,7 @@ export default class ImageToolbar extends Plugin {
 	 * @inheritDoc
 	 */
 	static get requires() {
-		return [ WidgetToolbar ];
+		return [ WidgetToolbarRepository ];
 	}
 
 	/**
@@ -44,11 +44,11 @@ export default class ImageToolbar extends Plugin {
 	 */
 	afterInit() {
 		const editor = this.editor;
-		const widgetToolbar = editor.plugins.get( 'WidgetToolbar' );
+		const widgetToolbarRepository = editor.plugins.get( WidgetToolbarRepository );
 
-		widgetToolbar.add( 'image', {
+		widgetToolbarRepository.register( 'image', {
 			toolbarItems: editor.config.get( 'image.toolbar' ) || [],
-			isVisible: isImageWidgetSelected,
+			visibleWhen: isImageWidgetSelected,
 		} );
 	}
 }

+ 3 - 3
packages/ckeditor5-image/tests/imagetoolbar.js

@@ -19,7 +19,7 @@ import env from '@ckeditor/ckeditor5-utils/src/env';
 import testUtils from '@ckeditor/ckeditor5-core/tests/_utils/utils';
 
 describe( 'ImageToolbar', () => {
-	let editor, model, doc, toolbar, balloon, widgetToolbar, editorElement;
+	let editor, model, doc, toolbar, balloon, widgetToolbarRepository, editorElement;
 
 	testUtils.createSinonSandbox();
 
@@ -41,8 +41,8 @@ describe( 'ImageToolbar', () => {
 				editor = newEditor;
 				model = newEditor.model;
 				doc = model.document;
-				widgetToolbar = editor.plugins.get( 'WidgetToolbar' );
-				toolbar = widgetToolbar._toolbars.get( 'image' ).view;
+				widgetToolbarRepository = editor.plugins.get( 'WidgetToolbarRepository' );
+				toolbar = widgetToolbarRepository._toolbars.get( 'image' ).view;
 				balloon = editor.plugins.get( 'ContextualBalloon' );
 			} );
 	} );