@ckeditor/ckeditor5-image 34.1.0 → 35.0.1

package/lang/translations/th.po

@@ -22,15 +22,15 @@ msgstr "วิดเจ็ตรูปภาพ"
 
 msgctxt "The label for the image style button that wraps text around the image."
 msgid "Wrap text"
-msgstr ""
+msgstr "ตัดคำข้อความ"
 
 msgctxt "The label for the image style button that breaks the text around the image."
 msgid "Break text"
-msgstr ""
+msgstr "แบ่งข้อความ"
 
 msgctxt "The label for the image style button that places the image inside the line of text."
 msgid "In line"
-msgstr ""
+msgstr "ในบรรทัด"
 
 msgctxt "The label for the Side image option."
 msgid "Side image"
@@ -78,36 +78,44 @@ msgstr "เครื่องมือรูปภาพ"
 
 msgctxt "The label used for the dropdown in the image toolbar containing defined resize options."
 msgid "Resize image"
-msgstr ""
+msgstr "ปรับขนาดภาพ"
 
 msgctxt "The label used for the standalone resize options buttons in the image toolbar."
 msgid "Resize image to %0"
-msgstr ""
+msgstr "ปรับขนาดภาพเป็น %0"
 
 msgctxt "The accessibility label of the standalone image resize reset option button in the image toolbar for screen readers."
 msgid "Resize image to the original size"
-msgstr ""
+msgstr "ปรับขนาดภาพเป็นขนาดเดิม"
 
 msgctxt "The default label for the resize option that resets the size of the image."
 msgid "Original"
-msgstr ""
+msgstr "ดั้งเดิม"
 
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
-msgstr ""
+msgstr "รายการปรับขนาดภาพ"
 
 msgctxt "The label of the form submit button if the image source URL input has no value."
 msgid "Insert"
-msgstr ""
+msgstr "แทรก"
 
 msgctxt "The label of the form submit button if the image source URL input has a value."
 msgid "Update"
-msgstr ""
+msgstr "อัปเดต"
 
 msgctxt "The input label for the Insert image via URL form."
 msgid "Insert image via URL"
-msgstr ""
+msgstr "แทรกภาพผ่าน URL"
 
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
-msgstr ""
+msgstr "อัปเดต URL ภาพ"
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr "คำบรรยายภาพ"
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr "คำบรรยายภาพ: %0"

package/lang/translations/tk.po

@@ -111,3 +111,11 @@ msgstr ""
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr ""
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr ""
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr ""

package/lang/translations/tr.po

@@ -22,15 +22,15 @@ msgstr "resim aracı"
 
 msgctxt "The label for the image style button that wraps text around the image."
 msgid "Wrap text"
-msgstr ""
+msgstr "Metni kaydır"
 
 msgctxt "The label for the image style button that breaks the text around the image."
 msgid "Break text"
-msgstr ""
+msgstr "Metni böl"
 
 msgctxt "The label for the image style button that places the image inside the line of text."
 msgid "In line"
-msgstr ""
+msgstr "Aynı hizada"
 
 msgctxt "The label for the Side image option."
 msgid "Side image"
@@ -94,11 +94,11 @@ msgstr "Orijinal"
 
 msgctxt "The accessibility label of the image resize dropdown for screen readers."
 msgid "Image resize list"
-msgstr ""
+msgstr "Resim yeniden boyutlandırma listesi"
 
 msgctxt "The label of the form submit button if the image source URL input has no value."
 msgid "Insert"
-msgstr ""
+msgstr "Ekle"
 
 msgctxt "The label of the form submit button if the image source URL input has a value."
 msgid "Update"
@@ -106,8 +106,16 @@ msgstr "Güncelle"
 
 msgctxt "The input label for the Insert image via URL form."
 msgid "Insert image via URL"
-msgstr ""
+msgstr "URL ile görüntü ekle"
 
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
-msgstr ""
+msgstr "Görüntü URL'sini güncelle"
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr "Resim için başlık"
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr "Resim için başlık: %0"

package/lang/translations/ug.po

@@ -111,3 +111,11 @@ msgstr ""
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr ""
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr ""
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr ""

package/lang/translations/uk.po

@@ -22,15 +22,15 @@ msgstr "Віджет зображення"
 
 msgctxt "The label for the image style button that wraps text around the image."
 msgid "Wrap text"
-msgstr ""
+msgstr "Обернути текст"
 
 msgctxt "The label for the image style button that breaks the text around the image."
 msgid "Break text"
-msgstr ""
+msgstr "Розірвати тексту"
 
 msgctxt "The label for the image style button that places the image inside the line of text."
 msgid "In line"
-msgstr ""
+msgstr "В тексті"
 
 msgctxt "The label for the Side image option."
 msgid "Side image"
@@ -111,3 +111,11 @@ msgstr "Вставити зображення через посилання"
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr "Оновити посилання на зображення"
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr "Підпис до зображення"
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr "Підпис до зображення: %0"

package/lang/translations/ur.po

@@ -111,3 +111,11 @@ msgstr ""
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr ""
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr ""
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr ""

package/lang/translations/uz.po

@@ -111,3 +111,11 @@ msgstr "Rasmni URL orqali kiritish"
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr "Rasm URL manzilini o'zgartirish"
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr ""
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr ""

package/lang/translations/vi.po

@@ -22,15 +22,15 @@ msgstr "tiện ích ảnh"
 
 msgctxt "The label for the image style button that wraps text around the image."
 msgid "Wrap text"
-msgstr ""
+msgstr "Bọc văn bản"
 
 msgctxt "The label for the image style button that breaks the text around the image."
 msgid "Break text"
-msgstr ""
+msgstr "Ngắt văn bản"
 
 msgctxt "The label for the image style button that places the image inside the line of text."
 msgid "In line"
-msgstr ""
+msgstr "Nội dòng"
 
 msgctxt "The label for the Side image option."
 msgid "Side image"
@@ -111,3 +111,11 @@ msgstr "Chèn ảnh từ URL"
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr "Cập nhật ảnh từ URL"
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr "Chú thích cho hình ảnh"
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr "Chú thích cho hình ảnh: %0"

package/lang/translations/zh-cn.po

@@ -18,19 +18,19 @@ msgstr ""
 
 msgctxt "The label for the image widget."
 msgid "image widget"
-msgstr "图像小部件"
+msgstr "图片组件"
 
 msgctxt "The label for the image style button that wraps text around the image."
 msgid "Wrap text"
-msgstr ""
+msgstr "文字环绕"
 
 msgctxt "The label for the image style button that breaks the text around the image."
 msgid "Break text"
-msgstr ""
+msgstr "文字断行"
 
 msgctxt "The label for the image style button that places the image inside the line of text."
 msgid "In line"
-msgstr ""
+msgstr "行内"
 
 msgctxt "The label for the Side image option."
 msgid "Side image"
@@ -38,7 +38,7 @@ msgstr "图片侧边显示"
 
 msgctxt "The label for the Full size image option."
 msgid "Full size image"
-msgstr "图片通栏显示"
+msgstr "全尺寸图片"
 
 msgctxt "The label for the Left aligned image option."
 msgid "Left aligned image"
@@ -111,3 +111,11 @@ msgstr "通过URL地址插入图片"
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr "更新图片URL地址"
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr "图片说明："
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr "图片说明：%0"

package/lang/translations/zh.po

@@ -22,15 +22,15 @@ msgstr "圖片小工具"
 
 msgctxt "The label for the image style button that wraps text around the image."
 msgid "Wrap text"
-msgstr ""
+msgstr "文繞圖"
 
 msgctxt "The label for the image style button that breaks the text around the image."
 msgid "Break text"
-msgstr ""
+msgstr "上及下"
 
 msgctxt "The label for the image style button that places the image inside the line of text."
 msgid "In line"
-msgstr ""
+msgstr "行中"
 
 msgctxt "The label for the Side image option."
 msgid "Side image"
@@ -111,3 +111,11 @@ msgstr "使用連結插入圖片"
 msgctxt "The input label for the Insert image via URL form for a pre-existing image."
 msgid "Update image URL"
 msgstr "更新圖片連結"
+
+msgctxt "Text used by screen readers do describe an image when the image has no text alternative."
+msgid "Caption for the image"
+msgstr "影像的標題"
+
+msgctxt "Text used by screen readers do describe an image when there is a text alternative available, e.g. 'Caption for image: this is a description of the image.'"
+msgid "Caption for image: %0"
+msgstr "影像標題：%0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-image",
-  "version": "34.1.0",
+  "version": "35.0.1",
   "description": "Image feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,40 +12,40 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "^34.1.0",
-    "ckeditor5": "^34.1.0",
+    "@ckeditor/ckeditor5-ui": "^35.0.1",
+    "ckeditor5": "^35.0.1",
     "lodash-es": "^4.17.15"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-adapter-ckfinder": "^34.1.0",
-    "@ckeditor/ckeditor5-autoformat": "^34.1.0",
-    "@ckeditor/ckeditor5-basic-styles": "^34.1.0",
-    "@ckeditor/ckeditor5-block-quote": "^34.1.0",
-    "@ckeditor/ckeditor5-ckfinder": "^34.1.0",
-    "@ckeditor/ckeditor5-clipboard": "^34.1.0",
-    "@ckeditor/ckeditor5-cloud-services": "^34.1.0",
-    "@ckeditor/ckeditor5-core": "^34.1.0",
+    "@ckeditor/ckeditor5-adapter-ckfinder": "^35.0.1",
+    "@ckeditor/ckeditor5-autoformat": "^35.0.1",
+    "@ckeditor/ckeditor5-basic-styles": "^35.0.1",
+    "@ckeditor/ckeditor5-block-quote": "^35.0.1",
+    "@ckeditor/ckeditor5-ckfinder": "^35.0.1",
+    "@ckeditor/ckeditor5-clipboard": "^35.0.1",
+    "@ckeditor/ckeditor5-cloud-services": "^35.0.1",
+    "@ckeditor/ckeditor5-core": "^35.0.1",
     "@ckeditor/ckeditor5-dev-utils": "^30.0.0",
-    "@ckeditor/ckeditor5-easy-image": "^34.1.0",
-    "@ckeditor/ckeditor5-editor-classic": "^34.1.0",
-    "@ckeditor/ckeditor5-engine": "^34.1.0",
-    "@ckeditor/ckeditor5-enter": "^34.1.0",
-    "@ckeditor/ckeditor5-essentials": "^34.1.0",
-    "@ckeditor/ckeditor5-heading": "^34.1.0",
-    "@ckeditor/ckeditor5-html-embed": "^34.1.0",
-    "@ckeditor/ckeditor5-indent": "^34.1.0",
-    "@ckeditor/ckeditor5-link": "^34.1.0",
-    "@ckeditor/ckeditor5-list": "^34.1.0",
-    "@ckeditor/ckeditor5-media-embed": "^34.1.0",
-    "@ckeditor/ckeditor5-paragraph": "^34.1.0",
-    "@ckeditor/ckeditor5-table": "^34.1.0",
-    "@ckeditor/ckeditor5-theme-lark": "^34.1.0",
-    "@ckeditor/ckeditor5-typing": "^34.1.0",
-    "@ckeditor/ckeditor5-undo": "^34.1.0",
-    "@ckeditor/ckeditor5-upload": "^34.1.0",
-    "@ckeditor/ckeditor5-utils": "^34.1.0",
-    "@ckeditor/ckeditor5-watchdog": "^34.1.0",
-    "@ckeditor/ckeditor5-widget": "^34.1.0",
+    "@ckeditor/ckeditor5-easy-image": "^35.0.1",
+    "@ckeditor/ckeditor5-editor-classic": "^35.0.1",
+    "@ckeditor/ckeditor5-engine": "^35.0.1",
+    "@ckeditor/ckeditor5-enter": "^35.0.1",
+    "@ckeditor/ckeditor5-essentials": "^35.0.1",
+    "@ckeditor/ckeditor5-heading": "^35.0.1",
+    "@ckeditor/ckeditor5-html-embed": "^35.0.1",
+    "@ckeditor/ckeditor5-indent": "^35.0.1",
+    "@ckeditor/ckeditor5-link": "^35.0.1",
+    "@ckeditor/ckeditor5-list": "^35.0.1",
+    "@ckeditor/ckeditor5-media-embed": "^35.0.1",
+    "@ckeditor/ckeditor5-paragraph": "^35.0.1",
+    "@ckeditor/ckeditor5-table": "^35.0.1",
+    "@ckeditor/ckeditor5-theme-lark": "^35.0.1",
+    "@ckeditor/ckeditor5-typing": "^35.0.1",
+    "@ckeditor/ckeditor5-undo": "^35.0.1",
+    "@ckeditor/ckeditor5-upload": "^35.0.1",
+    "@ckeditor/ckeditor5-utils": "^35.0.1",
+    "@ckeditor/ckeditor5-watchdog": "^35.0.1",
+    "@ckeditor/ckeditor5-widget": "^35.0.1",
     "webpack": "^5.58.1",
     "webpack-cli": "^4.9.0"
   },
@@ -67,7 +67,8 @@
     "src",
     "theme",
     "build",
-    "ckeditor5-metadata.json"
+    "ckeditor5-metadata.json",
+    "CHANGELOG.md"
   ],
   "scripts": {
     "dll:build": "webpack"

package/src/image/ui/utils.js

@@ -40,7 +40,7 @@ export function getBalloonPositionData( editor ) {
 	const imageUtils = editor.plugins.get( 'ImageUtils' );
 
 	return {
-		target: editingView.domConverter.viewToDom( imageUtils.getClosestSelectedImageWidget( editingView.document.selection ) ),
+		target: editingView.domConverter.mapViewToDom( imageUtils.getClosestSelectedImageWidget( editingView.document.selection ) ),
 		positions: [
 			defaultPositions.northArrowSouth,
 			defaultPositions.northArrowSouthWest,

package/src/imagecaption/imagecaptionediting.js

@@ -81,6 +81,7 @@ export default class ImageCaptionEditing extends Plugin {
 
 		this._setupConversion();
 		this._setupImageTypeCommandsIntegration();
+		this._registerCaptionReconversion();
 	}
 
 	/**
@@ -132,7 +133,10 @@ export default class ImageCaptionEditing extends Plugin {
 					keepOnFocus: true
 				} );
 
-				return toWidgetEditable( figcaptionElement, writer );
+				const imageAlt = modelElement.parent.getAttribute( 'alt' );
+				const label = imageAlt ? t( 'Caption for image: %0', [ imageAlt ] ) : t( 'Caption for the image' );
+
+				return toWidgetEditable( figcaptionElement, writer, { label } );
 			}
 		} );
 	}
@@ -242,4 +246,39 @@ export default class ImageCaptionEditing extends Plugin {
 	_saveCaption( imageModelElement, caption ) {
 		this._savedCaptionsMap.set( imageModelElement, caption.toJSON() );
 	}
+
+	/**
+	 * Reconverts image caption when image alt attribute changes.
+	 * The change of alt attribute is reflected in caption's aria-label attribute.
+	 *
+	 * @private
+	 */
+	_registerCaptionReconversion() {
+		const editor = this.editor;
+		const model = editor.model;
+		const imageUtils = editor.plugins.get( 'ImageUtils' );
+		const imageCaptionUtils = editor.plugins.get( 'ImageCaptionUtils' );
+
+		model.document.on( 'change:data', () => {
+			const changes = model.document.differ.getChanges();
+
+			for ( const change of changes ) {
+				if ( change.attributeKey !== 'alt' ) {
+					continue;
+				}
+
+				const image = change.range.start.nodeAfter;
+
+				if ( imageUtils.isBlockImage( image ) ) {
+					const caption = imageCaptionUtils.getCaptionFromImageModelElement( image );
+
+					if ( !caption ) {
+						return;
+					}
+
+					editor.editing.reconvertItem( caption );
+				}
+			}
+		} );
+	}
 }

package/src/imageinsert/imageinsertui.js

@@ -7,8 +7,9 @@
  * @module image/imageinsert/imageinsertui
  */
 
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin, icons } from 'ckeditor5/src/core';
 import ImageInsertPanelView from './ui/imageinsertpanelview';
+import { SplitButtonView, createDropdown } from 'ckeditor5/src/ui';
 import { prepareIntegrations } from './utils';
 
 /**
@@ -54,41 +55,66 @@ export default class ImageInsertUI extends Plugin {
 	 */
 	_createDropdownView( locale ) {
 		const editor = this.editor;
-		const imageInsertView = new ImageInsertPanelView( locale, prepareIntegrations( editor ) );
-		const command = editor.commands.get( 'uploadImage' );
-
-		const dropdownView = imageInsertView.dropdownView;
-		const splitButtonView = dropdownView.buttonView;
-
-		splitButtonView.actionView = editor.ui.componentFactory.create( 'uploadImage' );
-		// After we replaced action button with `uploadImage` component,
-		// we have lost a proper styling and some minor visual quirks have appeared.
-		// Brining back original split button classes helps fix the button styling
-		// See https://github.com/ckeditor/ckeditor5/issues/7986.
-		splitButtonView.actionView.extendTemplate( {
+		const t = locale.t;
+
+		const uploadImageCommand = editor.commands.get( 'uploadImage' );
+		const insertImageCommand = editor.commands.get( 'insertImage' );
+
+		/**
+		 * The dropdown view responsible for displaying the image insert UI.
+		 *
+		 * @member {module:ui/dropdown/dropdownview~DropdownView}
+		 */
+		this.dropdownView = createDropdown( locale, uploadImageCommand ? SplitButtonView : undefined );
+
+		const buttonView = this.dropdownView.buttonView;
+		const panelView = this.dropdownView.panelView;
+
+		buttonView.set( {
+			label: t( 'Insert image' ),
+			icon: icons.image,
+			tooltip: true
+		} );
+
+		panelView.extendTemplate( {
 			attributes: {
-				class: 'ck ck-button ck-splitbutton__action'
+				class: 'ck-image-insert__panel'
 			}
 		} );
 
-		return this._setUpDropdown( dropdownView, imageInsertView, command );
+		if ( uploadImageCommand ) {
+			const splitButtonView = this.dropdownView.buttonView;
+
+			splitButtonView.actionView = editor.ui.componentFactory.create( 'uploadImage' );
+			// After we replaced action button with `uploadImage` component,
+			// we have lost a proper styling and some minor visual quirks have appeared.
+			// Brining back original split button classes helps fix the button styling
+			// See https://github.com/ckeditor/ckeditor5/issues/7986.
+			splitButtonView.actionView.extendTemplate( {
+				attributes: {
+					class: 'ck ck-button ck-splitbutton__action'
+				}
+			} );
+		}
+
+		return this._setUpDropdown( uploadImageCommand || insertImageCommand );
 	}
 
 	/**
 	 * Sets up the dropdown view.
 	 *
-	 * @param {module:ui/dropdown/dropdownview~DropdownView} dropdownView A dropdownView.
-	 * @param {module:image/imageinsert/ui/imageinsertpanelview~ImageInsertPanelView} imageInsertView An imageInsertView.
-	 * @param {module:core/command~Command} command An insertImage command
+	 * @param {module:core/command~Command} command An uploadImage or insertImage command.
 	 *
 	 * @private
 	 * @returns {module:ui/dropdown/dropdownview~DropdownView}
 	 */
-	_setUpDropdown( dropdownView, imageInsertView, command ) {
+	_setUpDropdown( command ) {
 		const editor = this.editor;
 		const t = editor.t;
+		const imageInsertView = new ImageInsertPanelView( editor.locale, prepareIntegrations( editor ) );
 		const insertButtonView = imageInsertView.insertButtonView;
 		const insertImageViaUrlForm = imageInsertView.getIntegration( 'insertImageViaUrl' );
+		const dropdownView = this.dropdownView;
 		const panelView = dropdownView.panelView;
 		const imageUtils = this.editor.plugins.get( 'ImageUtils' );
 
@@ -104,8 +130,6 @@ export default class ImageInsertUI extends Plugin {
 			const selectedElement = editor.model.document.selection.getSelectedElement();
 
 			if ( dropdownView.isOpen ) {
-				imageInsertView.focus();
-
 				if ( imageUtils.isImage( selectedElement ) ) {
 					imageInsertView.imageURLInputValue = selectedElement.getAttribute( 'src' );
 					insertButtonView.label = t( 'Update' );

package/src/imageinsert/ui/imageinsertpanelview.js

@@ -8,7 +8,7 @@
  */
 
 import { icons } from 'ckeditor5/src/core';
-import { ButtonView, View, SplitButtonView, ViewCollection, submitHandler, createDropdown, FocusCycler } from 'ckeditor5/src/ui';
+import { ButtonView, View, ViewCollection, submitHandler, FocusCycler } from 'ckeditor5/src/ui';
 import { Collection, FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils';
 
 import ImageInsertFormRowView from './imageinsertformrowview';
@@ -49,13 +49,6 @@ export default class ImageInsertPanelView extends View {
 		 */
 		this.cancelButtonView = cancelButtonView;
 
-		/**
-		 * The dropdown view.
-		 *
-		 * @member {module:ui/dropdown/dropdownview~DropdownView}
-		 */
-		this.dropdownView = this._createDropdownView( locale );
-
 		/**
 		 * The value of the URL input.
 		 *
@@ -223,35 +216,6 @@ export default class ImageInsertPanelView extends View {
 		return this._integrations.find( integration => integration.name === name );
 	}
 
-	/**
-	 * Creates the dropdown view.
-	 *
-	 * @param {module:utils/locale~Locale} locale The localization services instance.
-	 *
-	 * @private
-	 * @returns {module:ui/dropdown/dropdownview~DropdownView}
-	 */
-	_createDropdownView( locale ) {
-		const t = locale.t;
-		const dropdownView = createDropdown( locale, SplitButtonView );
-		const splitButtonView = dropdownView.buttonView;
-		const panelView = dropdownView.panelView;
-
-		splitButtonView.set( {
-			label: t( 'Insert image' ),
-			icon: icons.image,
-			tooltip: true
-		} );
-
-		panelView.extendTemplate( {
-			attributes: {
-				class: 'ck-image-insert__panel'
-			}
-		} );
-
-		return dropdownView;
-	}
-
 	/**
 	 * Creates the following form controls:
 	 *

package/src/imageinsert.js

@@ -9,6 +9,7 @@
 
 import { Plugin } from 'ckeditor5/src/core';
 import ImageUpload from './imageupload';
+import ImageInsertViaUrl from './imageinsertviaurl';
 import ImageInsertUI from './imageinsert/imageinsertui';
 
 /**
@@ -37,7 +38,7 @@ export default class ImageInsert extends Plugin {
 	 * @inheritDoc
 	 */
 	static get requires() {
-		return [ ImageUpload, ImageInsertUI ];
+		return [ ImageUpload, ImageInsertViaUrl, ImageInsertUI ];
 	}
 }