@ckeditor/ckeditor5-upload 0.0.0-nightly-20231205.0 → 0.0.0-nightly-20231206.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-upload",
-  "version": "0.0.0-nightly-20231205.0",
+  "version": "0.0.0-nightly-20231206.0",
   "description": "Upload feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -11,9 +11,9 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20231205.0",
-    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20231205.0",
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20231205.0"
+    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20231206.0",
+    "@ckeditor/ckeditor5-utils": "0.0.0-nightly-20231206.0",
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20231206.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "GPL-2.0-or-later",

package/src/ui/filedialogbuttonview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module upload/ui/filedialogbuttonview
  */
-import { ButtonView, View } from '@ckeditor/ckeditor5-ui';
+import { ButtonView } from '@ckeditor/ckeditor5-ui';
 import type { Locale } from '@ckeditor/ckeditor5-utils';
 /**
  * The file dialog button view.
@@ -19,9 +19,6 @@ import type { Locale } from '@ckeditor/ckeditor5-utils';
  * view.set( {
  * 	acceptedType: 'image/*',
  * 	allowMultipleFiles: true
- * } );
- *
- * view.buttonView.set( {
  * 	label: t( 'Insert image' ),
  * 	icon: imageIcon,
  * 	tooltip: true
@@ -34,9 +31,11 @@ import type { Locale } from '@ckeditor/ckeditor5-utils';
  * } );
  * ```
  */
-export default class FileDialogButtonView extends View {
+export default class FileDialogButtonView extends ButtonView {
     /**
      * The button view of the component.
+     *
+     * @deprecated
      */
     buttonView: ButtonView;
     /**
@@ -63,9 +62,9 @@ export default class FileDialogButtonView extends View {
      */
     constructor(locale?: Locale);
     /**
-     * Focuses the {@link #buttonView}.
+     * @inheritDoc
      */
-    focus(): void;
+    render(): void;
 }
 /**
  * Fired when file dialog is closed with file selected.

package/src/ui/filedialogbuttonview.js

@@ -18,9 +18,6 @@ import { ButtonView, View } from '@ckeditor/ckeditor5-ui';
  * view.set( {
  * 	acceptedType: 'image/*',
  * 	allowMultipleFiles: true
- * } );
- *
- * view.buttonView.set( {
  * 	label: t( 'Insert image' ),
  * 	icon: imageIcon,
  * 	tooltip: true
@@ -33,36 +30,33 @@ import { ButtonView, View } from '@ckeditor/ckeditor5-ui';
  * } );
  * ```
  */
-export default class FileDialogButtonView extends View {
+export default class FileDialogButtonView extends ButtonView {
     /**
      * @inheritDoc
      */
     constructor(locale) {
         super(locale);
-        this.buttonView = new ButtonView(locale);
+        // For backward compatibility.
+        this.buttonView = this;
         this._fileInputView = new FileInputView(locale);
         this._fileInputView.bind('acceptedType').to(this);
         this._fileInputView.bind('allowMultipleFiles').to(this);
         this._fileInputView.delegate('done').to(this);
-        this.setTemplate({
-            tag: 'span',
+        this.on('execute', () => {
+            this._fileInputView.open();
+        });
+        this.extendTemplate({
             attributes: {
                 class: 'ck-file-dialog-button'
-            },
-            children: [
-                this.buttonView,
-                this._fileInputView
-            ]
-        });
-        this.buttonView.on('execute', () => {
-            this._fileInputView.open();
+            }
         });
     }
     /**
-     * Focuses the {@link #buttonView}.
+     * @inheritDoc
      */
-    focus() {
-        this.buttonView.focus();
+    render() {
+        super.render();
+        this.children.add(this._fileInputView);
     }
 }
 /**