@ckeditor/ckeditor5-upload 0.0.0-nightly-20240401.0 → 0.0.0-nightly-20240403.0

package/package.json

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

package/src/index.d.ts

@@ -6,8 +6,8 @@
  * @module upload
  */
 export { default as FileRepository, type UploadAdapter, type UploadResponse, type FileLoader } from './filerepository.js';
-export { default as FileDialogButtonView } from './ui/filedialogbuttonview.js';
 export { default as Base64UploadAdapter } from './adapters/base64uploadadapter.js';
 export { default as SimpleUploadAdapter } from './adapters/simpleuploadadapter.js';
 export type { SimpleUploadConfig } from './uploadconfig.js';
+export { FileDialogButtonView } from '@ckeditor/ckeditor5-ui';
 import './augmentation.js';

package/src/index.js

@@ -6,7 +6,8 @@
  * @module upload
  */
 export { default as FileRepository } from './filerepository.js';
-export { default as FileDialogButtonView } from './ui/filedialogbuttonview.js';
 export { default as Base64UploadAdapter } from './adapters/base64uploadadapter.js';
 export { default as SimpleUploadAdapter } from './adapters/simpleuploadadapter.js';
+// Backward compatibility for DLLs.
+export { FileDialogButtonView } from '@ckeditor/ckeditor5-ui';
 import './augmentation.js';

package/src/ui/filedialogbuttonview.d.ts

@@ -1,83 +0,0 @@
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module upload/ui/filedialogbuttonview
- */
-import { ButtonView } from '@ckeditor/ckeditor5-ui';
-import type { Locale } from '@ckeditor/ckeditor5-utils';
-/**
- * The file dialog button view.
- *
- * This component provides a button that opens the native file selection dialog.
- * It can be used to implement the UI of a file upload feature.
- *
- * ```ts
- * const view = new FileDialogButtonView( locale );
- *
- * view.set( {
- * 	acceptedType: 'image/*',
- * 	allowMultipleFiles: true
- * 	label: t( 'Insert image' ),
- * 	icon: imageIcon,
- * 	tooltip: true
- * } );
- *
- * view.on( 'done', ( evt, files ) => {
- * 	for ( const file of Array.from( files ) ) {
- * 		console.log( 'Selected file', file );
- * 	}
- * } );
- * ```
- */
-export default class FileDialogButtonView extends ButtonView {
-    /**
-     * The button view of the component.
-     *
-     * @deprecated
-     */
-    buttonView: ButtonView;
-    /**
-     * A hidden `<input>` view used to execute file dialog.
-     */
-    private _fileInputView;
-    /**
-     * Accepted file types. Can be provided in form of file extensions, media type or one of:
-     * * `audio/*`,
-     * * `video/*`,
-     * * `image/*`.
-     *
-     * @observable
-     */
-    acceptedType: string;
-    /**
-     * Indicates if multiple files can be selected. Defaults to `true`.
-     *
-     * @observable
-     */
-    allowMultipleFiles: boolean;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale?: Locale);
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-}
-/**
- * Fired when file dialog is closed with file selected.
- *
- * ```ts
- * view.on( 'done', ( evt, files ) => {
- * 	for ( const file of files ) {
- * 		console.log( 'Selected file', file );
- * 	}
- * }
- * ```
- */
-export type FileInputViewDoneEvent = {
-    name: 'done';
-    args: [files: FileList];
-};

package/src/ui/filedialogbuttonview.js

@@ -1,102 +0,0 @@
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module upload/ui/filedialogbuttonview
- */
-import { ButtonView, View } from '@ckeditor/ckeditor5-ui';
-/**
- * The file dialog button view.
- *
- * This component provides a button that opens the native file selection dialog.
- * It can be used to implement the UI of a file upload feature.
- *
- * ```ts
- * const view = new FileDialogButtonView( locale );
- *
- * view.set( {
- * 	acceptedType: 'image/*',
- * 	allowMultipleFiles: true
- * 	label: t( 'Insert image' ),
- * 	icon: imageIcon,
- * 	tooltip: true
- * } );
- *
- * view.on( 'done', ( evt, files ) => {
- * 	for ( const file of Array.from( files ) ) {
- * 		console.log( 'Selected file', file );
- * 	}
- * } );
- * ```
- */
-export default class FileDialogButtonView extends ButtonView {
-    /**
-     * @inheritDoc
-     */
-    constructor(locale) {
-        super(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.on('execute', () => {
-            this._fileInputView.open();
-        });
-        this.extendTemplate({
-            attributes: {
-                class: 'ck-file-dialog-button'
-            }
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        this.children.add(this._fileInputView);
-    }
-}
-/**
- * The hidden file input view class.
- */
-class FileInputView extends View {
-    /**
-     * @inheritDoc
-     */
-    constructor(locale) {
-        super(locale);
-        this.set('acceptedType', undefined);
-        this.set('allowMultipleFiles', false);
-        const bind = this.bindTemplate;
-        this.setTemplate({
-            tag: 'input',
-            attributes: {
-                class: [
-                    'ck-hidden'
-                ],
-                type: 'file',
-                tabindex: '-1',
-                accept: bind.to('acceptedType'),
-                multiple: bind.to('allowMultipleFiles')
-            },
-            on: {
-                // Removing from code coverage since we cannot programmatically set input element files.
-                change: bind.to(/* istanbul ignore next -- @preserve */ () => {
-                    if (this.element && this.element.files && this.element.files.length) {
-                        this.fire('done', this.element.files);
-                    }
-                    this.element.value = '';
-                })
-            }
-        });
-    }
-    /**
-     * Opens file dialog.
-     */
-    open() {
-        this.element.click();
-    }
-}