@ckeditor/ckeditor5-image 45.2.1 → 46.0.0-alpha.1

package/src/imagestyle/utils.js

@@ -24,6 +24,8 @@ import { IconObjectCenter, IconObjectFullWidth, IconObjectInline, IconObjectInli
  * * **`'inline'`** is an inline image without any CSS class,
  * * **`'block'`** is a block image without any CSS class,
  * * **`'side'`** is a block image styled with the `image-style-side` CSS class.
+ *
+ * @internal
  */
 export const DEFAULT_OPTIONS = {
     // This style represents an image placed in the line of text.
@@ -114,6 +116,8 @@ export const DEFAULT_OPTIONS = {
  * See {@link module:image/imageconfig~ImageStyleOptionDefinition#icon} to learn more.
  *
  * There are 7 default icons available: `'full'`, `'left'`, `'inlineLeft'`, `'center'`, `'right'`, `'inlineRight'`, and `'inline'`.
+ *
+ * @internal
  */
 export const DEFAULT_ICONS = /* #__PURE__ */ (() => ({
     full: IconObjectFullWidth,
@@ -134,6 +138,8 @@ export const DEFAULT_ICONS = /* #__PURE__ */ (() => ({
  * those that wraps the text around the image,
  * * **`'imageStyle:breakText'`**, which contains the `alignBlockLeft`, `alignCenter` and `alignBlockRight` options, that is,
  * those that breaks the text around the image.
+ *
+ * @internal
  */
 export const DEFAULT_DROPDOWN_DEFINITIONS = [{
         name: 'imageStyle:wrapText',
@@ -316,12 +322,12 @@ function warnInvalidStyle(info) {
      */
     logWarning('image-style-configuration-definition-invalid', info);
 }
-export default {
+/**
+ * @internal
+ */
+export const utils = {
     normalizeStyles,
     getDefaultStylesConfiguration,
     getDefaultDropdownDefinitions,
-    warnInvalidStyle,
-    DEFAULT_OPTIONS,
-    DEFAULT_ICONS,
-    DEFAULT_DROPDOWN_DEFINITIONS
+    warnInvalidStyle
 };

package/src/imagestyle.d.ts

@@ -6,8 +6,8 @@
  * @module image/imagestyle
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageStyleEditing from './imagestyle/imagestyleediting.js';
-import ImageStyleUI from './imagestyle/imagestyleui.js';
+import { ImageStyleEditing } from './imagestyle/imagestyleediting.js';
+import { ImageStyleUI } from './imagestyle/imagestyleui.js';
 /**
  * The image style plugin.
  *
@@ -20,7 +20,7 @@ import ImageStyleUI from './imagestyle/imagestyleui.js';
  * It provides a default configuration, which can be extended or overwritten.
  * Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
  */
-export default class ImageStyle extends Plugin {
+export declare class ImageStyle extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagestyle.js

@@ -6,8 +6,8 @@
  * @module image/imagestyle
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageStyleEditing from './imagestyle/imagestyleediting.js';
-import ImageStyleUI from './imagestyle/imagestyleui.js';
+import { ImageStyleEditing } from './imagestyle/imagestyleediting.js';
+import { ImageStyleUI } from './imagestyle/imagestyleui.js';
 /**
  * The image style plugin.
  *
@@ -20,7 +20,7 @@ import ImageStyleUI from './imagestyle/imagestyleui.js';
  * It provides a default configuration, which can be extended or overwritten.
  * Read more about the {@link module:image/imageconfig~ImageConfig#styles image styles configuration}.
  */
-export default class ImageStyle extends Plugin {
+export class ImageStyle extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativecommand.d.ts

@@ -9,7 +9,7 @@ import { Command } from 'ckeditor5/src/core.js';
 /**
  * The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
  */
-export default class ImageTextAlternativeCommand extends Command {
+export declare class ImageTextAlternativeCommand extends Command {
     /**
      * The command value: `false` if there is no `alt` attribute, otherwise the value of the `alt` attribute.
      *

package/src/imagetextalternative/imagetextalternativecommand.js

@@ -9,7 +9,7 @@ import { Command } from 'ckeditor5/src/core.js';
 /**
  * The image text alternative command. It is used to change the `alt` attribute of `<imageBlock>` and `<imageInline>` model elements.
  */
-export default class ImageTextAlternativeCommand extends Command {
+export class ImageTextAlternativeCommand extends Command {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativeediting.d.ts

@@ -6,13 +6,13 @@
  * @module image/imagetextalternative/imagetextalternativeediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUtils from '../imageutils.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The image text alternative editing plugin.
  *
  * Registers the `'imageTextAlternative'` command.
  */
-export default class ImageTextAlternativeEditing extends Plugin {
+export declare class ImageTextAlternativeEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativeediting.js

@@ -6,14 +6,14 @@
  * @module image/imagetextalternative/imagetextalternativeediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageTextAlternativeCommand from './imagetextalternativecommand.js';
-import ImageUtils from '../imageutils.js';
+import { ImageTextAlternativeCommand } from './imagetextalternativecommand.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The image text alternative editing plugin.
  *
  * Registers the `'imageTextAlternative'` command.
  */
-export default class ImageTextAlternativeEditing extends Plugin {
+export class ImageTextAlternativeEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative/imagetextalternativeui.d.ts

@@ -12,7 +12,7 @@ import { ContextualBalloon } from 'ckeditor5/src/ui.js';
  *
  * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageTextAlternativeUI extends Plugin {
+export declare class ImageTextAlternativeUI extends Plugin {
     /**
      * The contextual balloon plugin instance.
      */

package/src/imagetextalternative/imagetextalternativeui.js

@@ -8,14 +8,14 @@
 import { Plugin } from 'ckeditor5/src/core.js';
 import { ButtonView, ContextualBalloon, clickOutsideHandler, CssTransitionDisablerMixin } from 'ckeditor5/src/ui.js';
 import { IconTextAlternative } from 'ckeditor5/src/icons.js';
-import TextAlternativeFormView from './ui/textalternativeformview.js';
+import { TextAlternativeFormView } from './ui/textalternativeformview.js';
 import { repositionContextualBalloon, getBalloonPositionData } from '../image/ui/utils.js';
 /**
  * The image text alternative UI plugin.
  *
  * The plugin uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageTextAlternativeUI extends Plugin {
+export class ImageTextAlternativeUI extends Plugin {
     /**
      * The contextual balloon plugin instance.
      */

package/src/imagetextalternative/ui/textalternativeformview.d.ts

@@ -12,8 +12,10 @@ import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.c
 import '@ckeditor/ckeditor5-ui/theme/components/form/form.css';
 /**
  * The TextAlternativeFormView class.
+ *
+ * @internal
  */
-export default class TextAlternativeFormView extends View {
+export declare class TextAlternativeFormView extends View {
     /**
      * Tracks information about the DOM focus in the form.
      */
@@ -81,6 +83,7 @@ export default class TextAlternativeFormView extends View {
  * Fired when the form view is submitted.
  *
  * @eventName ~TextAlternativeFormView#submit
+ * @internal
  */
 export type TextAlternativeFormViewSubmitEvent = {
     name: 'submit';
@@ -90,6 +93,7 @@ export type TextAlternativeFormViewSubmitEvent = {
  * Fired when the form view is canceled.
  *
  * @eventName ~TextAlternativeFormView#cancel
+ * @internal
  */
 export type TextAlternativeFormViewCancelEvent = {
     name: 'cancel';

package/src/imagetextalternative/ui/textalternativeformview.js

@@ -16,8 +16,10 @@ import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.c
 import '@ckeditor/ckeditor5-ui/theme/components/form/form.css';
 /**
  * The TextAlternativeFormView class.
+ *
+ * @internal
  */
-export default class TextAlternativeFormView extends View {
+export class TextAlternativeFormView extends View {
     /**
      * Tracks information about the DOM focus in the form.
      */

package/src/imagetextalternative.d.ts

@@ -6,8 +6,8 @@
  * @module image/imagetextalternative
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting.js';
-import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui.js';
+import { ImageTextAlternativeEditing } from './imagetextalternative/imagetextalternativeediting.js';
+import { ImageTextAlternativeUI } from './imagetextalternative/imagetextalternativeui.js';
 /**
  * The image text alternative plugin.
  *
@@ -17,7 +17,7 @@ import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeu
  *  {@link module:image/imagetextalternative/imagetextalternativeediting~ImageTextAlternativeEditing}
  * and {@link module:image/imagetextalternative/imagetextalternativeui~ImageTextAlternativeUI} plugins.
  */
-export default class ImageTextAlternative extends Plugin {
+export declare class ImageTextAlternative extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetextalternative.js

@@ -6,8 +6,8 @@
  * @module image/imagetextalternative
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting.js';
-import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui.js';
+import { ImageTextAlternativeEditing } from './imagetextalternative/imagetextalternativeediting.js';
+import { ImageTextAlternativeUI } from './imagetextalternative/imagetextalternativeui.js';
 /**
  * The image text alternative plugin.
  *
@@ -17,7 +17,7 @@ import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeu
  *  {@link module:image/imagetextalternative/imagetextalternativeediting~ImageTextAlternativeEditing}
  * and {@link module:image/imagetextalternative/imagetextalternativeui~ImageTextAlternativeUI} plugins.
  */
-export default class ImageTextAlternative extends Plugin {
+export class ImageTextAlternative extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetoolbar.d.ts

@@ -7,7 +7,7 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
-import ImageUtils from './imageutils.js';
+import { ImageUtils } from './imageutils.js';
 /**
  * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).
  *
@@ -19,7 +19,7 @@ import ImageUtils from './imageutils.js';
  *
  * The toolbar uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageToolbar extends Plugin {
+export declare class ImageToolbar extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imagetoolbar.js

@@ -7,7 +7,7 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
-import ImageUtils from './imageutils.js';
+import { ImageUtils } from './imageutils.js';
 import { isObject } from 'es-toolkit/compat';
 /**
  * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).
@@ -20,7 +20,7 @@ import { isObject } from 'es-toolkit/compat';
  *
  * The toolbar uses the {@link module:ui/panel/balloon/contextualballoon~ContextualBalloon}.
  */
-export default class ImageToolbar extends Plugin {
+export class ImageToolbar extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/imageuploadediting.d.ts

@@ -6,19 +6,19 @@
  * @module image/imageupload/imageuploadediting
  */
 import { Plugin, type Editor } from 'ckeditor5/src/core.js';
-import { type Element, type Writer, type DataTransfer } from 'ckeditor5/src/engine.js';
+import { type ModelElement, type ModelWriter, type ViewDataTransfer } from 'ckeditor5/src/engine.js';
 import { Notification } from 'ckeditor5/src/ui.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
 import { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload.js';
-import ImageUtils from '../imageutils.js';
+import { ImageUtils } from '../imageutils.js';
 /**
  * The editing part of the image upload feature. It registers the `'uploadImage'` command
  * and the `imageUpload` command as an aliased name.
  *
  * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
- * that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
+ * that allows adding custom attributes to the {@link module:engine/model/element~ModelElement image element}.
  */
-export default class ImageUploadEditing extends Plugin {
+export declare class ImageUploadEditing extends Plugin {
     /**
      * @inheritDoc
      */
@@ -71,7 +71,7 @@ export default class ImageUploadEditing extends Plugin {
      * @param data Data object from which `srcset` will be created.
      * @param image The image element on which the `srcset` attribute will be set.
      */
-    protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: Element, writer: Writer): void;
+    protected _parseAndSetSrcsetAttributeOnImage(data: Record<string, unknown>, image: ModelElement, writer: ModelWriter): void;
     /**
      * Registers image upload converters.
      *
@@ -80,12 +80,14 @@ export default class ImageUploadEditing extends Plugin {
     private _registerConverters;
 }
 /**
+ * TODO move this to the clipboard package.
+ *
  * Returns `true` if non-empty `text/html` is included in the data transfer.
  */
-export declare function isHtmlIncluded(dataTransfer: DataTransfer): boolean;
+export declare function isHtmlInDataTransfer(dataTransfer: ViewDataTransfer): boolean;
 /**
  * An event fired when an image is uploaded. You can hook into this event to provide
- * custom attributes to the {@link module:engine/model/element~Element image element} based on the data from
+ * custom attributes to the {@link module:engine/model/element~ModelElement image element} based on the data from
  * the server.
  *
  * ```ts
@@ -122,7 +124,7 @@ export type ImageUploadCompleteData = {
      */
     data: UploadResponse;
     /**
-     * The model {@link module:engine/model/element~Element image element} that can be customized.
+     * The model {@link module:engine/model/element~ModelElement image element} that can be customized.
      */
-    imageElement: Element;
+    imageElement: ModelElement;
 };

package/src/imageupload/imageuploadediting.js

@@ -6,13 +6,13 @@
  * @module image/imageupload/imageuploadediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import { UpcastWriter } from 'ckeditor5/src/engine.js';
+import { ViewUpcastWriter } from 'ckeditor5/src/engine.js';
 import { Notification } from 'ckeditor5/src/ui.js';
 import { ClipboardPipeline } from 'ckeditor5/src/clipboard.js';
 import { FileRepository } from 'ckeditor5/src/upload.js';
 import { env } from 'ckeditor5/src/utils.js';
-import ImageUtils from '../imageutils.js';
-import UploadImageCommand from './uploadimagecommand.js';
+import { ImageUtils } from '../imageutils.js';
+import { UploadImageCommand } from './uploadimagecommand.js';
 import { fetchLocalImage, isLocalImage } from '../../src/imageupload/utils.js';
 import { createImageTypeRegExp } from './utils.js';
 /**
@@ -20,9 +20,9 @@ import { createImageTypeRegExp } from './utils.js';
  * and the `imageUpload` command as an aliased name.
  *
  * When an image is uploaded, it fires the {@link ~ImageUploadEditing#event:uploadComplete `uploadComplete`} event
- * that allows adding custom attributes to the {@link module:engine/model/element~Element image element}.
+ * that allows adding custom attributes to the {@link module:engine/model/element~ModelElement image element}.
  */
-export default class ImageUploadEditing extends Plugin {
+export class ImageUploadEditing extends Plugin {
     /**
      * @inheritDoc
      */
@@ -121,7 +121,7 @@ export default class ImageUploadEditing extends Plugin {
         this.listenTo(editor.editing.view.document, 'clipboardInput', (evt, data) => {
             // Skip if non empty HTML data is included.
             // https://github.com/ckeditor/ckeditor5-upload/issues/68
-            if (isHtmlIncluded(data.dataTransfer)) {
+            if (isHtmlInDataTransfer(data.dataTransfer)) {
                 return;
             }
             const images = Array.from(data.dataTransfer.files).filter(file => {
@@ -164,7 +164,7 @@ export default class ImageUploadEditing extends Plugin {
             if (!fetchableImages.length) {
                 return;
             }
-            const writer = new UpcastWriter(editor.editing.view.document);
+            const writer = new ViewUpcastWriter(editor.editing.view.document);
             for (const fetchableImage of fetchableImages) {
                 // Set attribute marking that the image was processed already.
                 writer.setAttribute('uploadProcessed', true, fetchableImage.imageElement);
@@ -462,9 +462,11 @@ export default class ImageUploadEditing extends Plugin {
     }
 }
 /**
+ * TODO move this to the clipboard package.
+ *
  * Returns `true` if non-empty `text/html` is included in the data transfer.
  */
-export function isHtmlIncluded(dataTransfer) {
+export function isHtmlInDataTransfer(dataTransfer) {
     return Array.from(dataTransfer.types).includes('text/html') && dataTransfer.getData('text/html') !== '';
 }
 function getImagesFromChangeItem(editor, item) {

package/src/imageupload/imageuploadprogress.d.ts

@@ -13,7 +13,7 @@ import '../../theme/imageuploadloader.css';
  * The image upload progress plugin.
  * It shows a placeholder when the image is read from the disk and a progress bar while the image is uploading.
  */
-export default class ImageUploadProgress extends Plugin {
+export declare class ImageUploadProgress extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/imageuploadprogress.js

@@ -14,7 +14,7 @@ import '../../theme/imageuploadloader.css';
  * The image upload progress plugin.
  * It shows a placeholder when the image is read from the disk and a progress bar while the image is uploading.
  */
-export default class ImageUploadProgress extends Plugin {
+export class ImageUploadProgress extends Plugin {
     /**
      * @inheritDoc
      */
@@ -176,7 +176,7 @@ function _showCompleteIcon(viewFigure, writer, view) {
     }, 3000);
 }
 /**
- * Create progress bar element using {@link module:engine/view/uielement~UIElement}.
+ * Create progress bar element using {@link module:engine/view/uielement~ViewUIElement}.
  */
 function _createProgressBar(writer) {
     const progressBar = writer.createUIElement('div', { class: 'ck-progress-bar' });
@@ -184,7 +184,7 @@ function _createProgressBar(writer) {
     return progressBar;
 }
 /**
- * Create placeholder element using {@link module:engine/view/uielement~UIElement}.
+ * Create placeholder element using {@link module:engine/view/uielement~ViewUIElement}.
  */
 function _createPlaceholder(writer) {
     const placeholder = writer.createUIElement('div', { class: 'ck-upload-placeholder-loader' });
@@ -192,7 +192,7 @@ function _createPlaceholder(writer) {
     return placeholder;
 }
 /**
- * Returns {@link module:engine/view/uielement~UIElement} of given unique property from image figure element.
+ * Returns {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.
  * Returns `undefined` if element is not found.
  */
 function _getUIElement(imageFigure, uniqueProperty) {
@@ -203,7 +203,7 @@ function _getUIElement(imageFigure, uniqueProperty) {
     }
 }
 /**
- * Removes {@link module:engine/view/uielement~UIElement} of given unique property from image figure element.
+ * Removes {@link module:engine/view/uielement~ViewUIElement} of given unique property from image figure element.
  */
 function _removeUIElement(viewFigure, writer, uniqueProperty) {
     const element = _getUIElement(viewFigure, uniqueProperty);

package/src/imageupload/imageuploadui.d.ts

@@ -19,7 +19,7 @@ import { Plugin } from 'ckeditor5/src/core.js';
  * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are the default components
  * through which image upload is available.
  */
-export default class ImageUploadUI extends Plugin {
+export declare class ImageUploadUI extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/imageuploadui.js

@@ -22,7 +22,7 @@ import { createImageTypeRegExp } from './utils.js';
  * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are the default components
  * through which image upload is available.
  */
-export default class ImageUploadUI extends Plugin {
+export class ImageUploadUI extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload/uploadimagecommand.d.ts

@@ -38,7 +38,7 @@ import { type ArrayOrItem } from 'ckeditor5/src/utils.js';
  * } );
  * ```
  */
-export default class UploadImageCommand extends Command {
+export declare class UploadImageCommand extends Command {
     /**
      * The command property: `false` if there is no permission on image upload, otherwise `true`.
      *

package/src/imageupload/uploadimagecommand.js

@@ -39,7 +39,7 @@ import { toArray } from 'ckeditor5/src/utils.js';
  * } );
  * ```
  */
-export default class UploadImageCommand extends Command {
+export class UploadImageCommand extends Command {
     /**
      * Creates an instance of the `imageUlpoad` command. When executed, the command upload one of
      * the currently selected image from computer.

package/src/imageupload/utils.d.ts

@@ -6,7 +6,7 @@
  * @module image/imageupload/utils
  */
 import type { ViewElement } from 'ckeditor5/src/engine.js';
-import type ImageUtils from '../imageutils.js';
+import { type ImageUtils } from '../imageutils.js';
 /**
  * Creates a regular expression used to test for image files.
  *
@@ -20,6 +20,7 @@ export declare function createImageTypeRegExp(types: Array<string>): RegExp;
 /**
  * Creates a promise that fetches the image local source (Base64 or blob) and resolves with a `File` object.
  *
+ * @internal
  * @param image Image whose source to fetch.
  * @returns A promise which resolves when an image source is fetched and converted to a `File` instance.
  * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.
@@ -29,5 +30,6 @@ export declare function fetchLocalImage(image: ViewElement): Promise<File>;
  * Checks whether a given node is an image element with a local source (Base64 or blob).
  *
  * @param node The node to check.
+ * @internal
  */
 export declare function isLocalImage(imageUtils: ImageUtils, node: ViewElement): boolean;

package/src/imageupload/utils.js

@@ -20,6 +20,7 @@ export function createImageTypeRegExp(types) {
 /**
  * Creates a promise that fetches the image local source (Base64 or blob) and resolves with a `File` object.
  *
+ * @internal
  * @param image Image whose source to fetch.
  * @returns A promise which resolves when an image source is fetched and converted to a `File` instance.
  * It resolves with a `File` object. If there were any errors during file processing, the promise will be rejected.
@@ -51,6 +52,7 @@ export function fetchLocalImage(image) {
  * Checks whether a given node is an image element with a local source (Base64 or blob).
  *
  * @param node The node to check.
+ * @internal
  */
 export function isLocalImage(imageUtils, node) {
     if (!imageUtils.isInlineImageView(node) || !node.getAttribute('src')) {

package/src/imageupload.d.ts

@@ -6,9 +6,9 @@
  * @module image/imageupload
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUploadUI from './imageupload/imageuploadui.js';
-import ImageUploadProgress from './imageupload/imageuploadprogress.js';
-import ImageUploadEditing from './imageupload/imageuploadediting.js';
+import { ImageUploadUI } from './imageupload/imageuploadui.js';
+import { ImageUploadProgress } from './imageupload/imageuploadprogress.js';
+import { ImageUploadEditing } from './imageupload/imageuploadediting.js';
 /**
  * The image upload plugin.
  *
@@ -20,7 +20,7 @@ import ImageUploadEditing from './imageupload/imageuploadediting.js';
  * * {@link module:image/imageupload/imageuploadui~ImageUploadUI},
  * * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.
  */
-export default class ImageUpload extends Plugin {
+export declare class ImageUpload extends Plugin {
     /**
      * @inheritDoc
      */

package/src/imageupload.js

@@ -6,9 +6,9 @@
  * @module image/imageupload
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import ImageUploadUI from './imageupload/imageuploadui.js';
-import ImageUploadProgress from './imageupload/imageuploadprogress.js';
-import ImageUploadEditing from './imageupload/imageuploadediting.js';
+import { ImageUploadUI } from './imageupload/imageuploadui.js';
+import { ImageUploadProgress } from './imageupload/imageuploadprogress.js';
+import { ImageUploadEditing } from './imageupload/imageuploadediting.js';
 /**
  * The image upload plugin.
  *
@@ -20,7 +20,7 @@ import ImageUploadEditing from './imageupload/imageuploadediting.js';
  * * {@link module:image/imageupload/imageuploadui~ImageUploadUI},
  * * {@link module:image/imageupload/imageuploadprogress~ImageUploadProgress}.
  */
-export default class ImageUpload extends Plugin {
+export class ImageUpload extends Plugin {
     /**
      * @inheritDoc
      */