@ckeditor/ckeditor5-image 40.1.0 → 41.0.0

package/src/imagestyle/imagestyleediting.js

@@ -1,15 +1,15 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagestyle/imagestyleediting
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageStyleCommand from './imagestylecommand';
-import ImageUtils from '../imageutils';
-import utils from './utils';
-import { viewToModelStyleAttribute, modelToViewStyleAttribute } from './converters';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageStyleCommand from './imagestylecommand.js';
+import ImageUtils from '../imageutils.js';
+import utils from './utils.js';
+import { viewToModelStyleAttribute, modelToViewStyleAttribute } from './converters.js';
 /**
  * The image style engine plugin. It sets the default configuration, creates converters and registers
  * {@link module:image/imagestyle/imagestylecommand~ImageStyleCommand ImageStyleCommand}.

package/src/imagestyle/imagestyleui.d.ts

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagestyle/imagestyleui
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageStyleEditing from './imagestyleediting';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageStyleEditing from './imagestyleediting.js';
 import '../../theme/imagestyle.css';
 /**
  * The image style UI plugin.

package/src/imagestyle/imagestyleui.js

@@ -1,15 +1,15 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagestyle/imagestyleui
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { ButtonView, createDropdown, addToolbarToDropdown, SplitButtonView } from 'ckeditor5/src/ui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { ButtonView, createDropdown, addToolbarToDropdown, SplitButtonView } from 'ckeditor5/src/ui.js';
 import { isObject, identity } from 'lodash-es';
-import ImageStyleEditing from './imagestyleediting';
-import utils from './utils';
+import ImageStyleEditing from './imagestyleediting.js';
+import utils from './utils.js';
 import '../../theme/imagestyle.css';
 /**
  * The image style UI plugin.

package/src/imagestyle/utils.d.ts

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagestyle/utils
  */
-import { type Editor, type PluginCollection } from 'ckeditor5/src/core';
-import type { ImageStyleConfig, ImageStyleDropdownDefinition, ImageStyleOptionDefinition } from '../imageconfig';
+import { type Editor, type PluginCollection } from 'ckeditor5/src/core.js';
+import type { ImageStyleConfig, ImageStyleDropdownDefinition, ImageStyleOptionDefinition } from '../imageconfig.js';
 /**
  * Default image style options provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#styles}
  * configuration.

package/src/imagestyle/utils.js

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagestyle/utils
  */
-import { icons } from 'ckeditor5/src/core';
-import { logWarning } from 'ckeditor5/src/utils';
+import { icons } from 'ckeditor5/src/core.js';
+import { logWarning } from 'ckeditor5/src/utils.js';
 const { objectFullWidth, objectInline, objectLeft, objectRight, objectCenter, objectBlockLeft, objectBlockRight } = icons;
 /**
  * Default image style options provided by the plugin that can be referred in the {@link module:image/imageconfig~ImageConfig#styles}

package/src/imagestyle.d.ts

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagestyle
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageStyleEditing from './imagestyle/imagestyleediting';
-import ImageStyleUI from './imagestyle/imagestyleui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageStyleEditing from './imagestyle/imagestyleediting.js';
+import ImageStyleUI from './imagestyle/imagestyleui.js';
 /**
  * The image style plugin.
  *

package/src/imagestyle.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagestyle
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageStyleEditing from './imagestyle/imagestyleediting';
-import ImageStyleUI from './imagestyle/imagestyleui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageStyleEditing from './imagestyle/imagestyleediting.js';
+import ImageStyleUI from './imagestyle/imagestyleui.js';
 /**
  * The image style plugin.
  *

package/src/imagetextalternative/imagetextalternativecommand.d.ts

@@ -1,11 +1,11 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/imagetextalternativecommand
  */
-import { Command } from 'ckeditor5/src/core';
+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.
  */

package/src/imagetextalternative/imagetextalternativecommand.js

@@ -1,11 +1,11 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/imagetextalternativecommand
  */
-import { Command } from 'ckeditor5/src/core';
+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.
  */

package/src/imagetextalternative/imagetextalternativeediting.d.ts

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/imagetextalternativeediting
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageUtils from '../imageutils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageUtils from '../imageutils.js';
 /**
  * The image text alternative editing plugin.
  *

package/src/imagetextalternative/imagetextalternativeediting.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/imagetextalternativeediting
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageTextAlternativeCommand from './imagetextalternativecommand';
-import ImageUtils from '../imageutils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageTextAlternativeCommand from './imagetextalternativecommand.js';
+import ImageUtils from '../imageutils.js';
 /**
  * The image text alternative editing plugin.
  *

package/src/imagetextalternative/imagetextalternativeui.d.ts

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/imagetextalternativeui
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { ContextualBalloon } from 'ckeditor5/src/ui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { ContextualBalloon } from 'ckeditor5/src/ui.js';
 /**
  * The image text alternative UI plugin.
  *

package/src/imagetextalternative/imagetextalternativeui.js

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/imagetextalternativeui
  */
-import { Plugin, icons } from 'ckeditor5/src/core';
-import { ButtonView, ContextualBalloon, clickOutsideHandler, CssTransitionDisablerMixin } from 'ckeditor5/src/ui';
-import TextAlternativeFormView from './ui/textalternativeformview';
-import { repositionContextualBalloon, getBalloonPositionData } from '../image/ui/utils';
+import { Plugin, icons } from 'ckeditor5/src/core.js';
+import { ButtonView, ContextualBalloon, clickOutsideHandler, CssTransitionDisablerMixin } from 'ckeditor5/src/ui.js';
+import TextAlternativeFormView from './ui/textalternativeformview.js';
+import { repositionContextualBalloon, getBalloonPositionData } from '../image/ui/utils.js';
 /**
  * The image text alternative UI plugin.
  *

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

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/ui/textalternativeformview
  */
-import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type InputView } from 'ckeditor5/src/ui';
-import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils';
+import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, type InputView, type FocusableView } from 'ckeditor5/src/ui.js';
+import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
 import '../../../theme/textalternativeform.css';
 import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
 /**
@@ -36,7 +36,7 @@ export default class TextAlternativeFormView extends View {
     /**
      * A collection of views which can be focused in the form.
      */
-    protected readonly _focusables: ViewCollection;
+    protected readonly _focusables: ViewCollection<FocusableView>;
     /**
      * Helps cycling over {@link #_focusables} in the form.
      */
@@ -70,3 +70,21 @@ export default class TextAlternativeFormView extends View {
      */
     private _createLabeledInputView;
 }
+/**
+ * Fired when the form view is submitted.
+ *
+ * @eventName ~TextAlternativeFormView#submit
+ */
+export type TextAlternativeFormViewSubmitEvent = {
+    name: 'submit';
+    args: [];
+};
+/**
+ * Fired when the form view is canceled.
+ *
+ * @eventName ~TextAlternativeFormView#cancel
+ */
+export type TextAlternativeFormViewCancelEvent = {
+    name: 'cancel';
+    args: [];
+};

package/src/imagetextalternative/ui/textalternativeformview.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative/ui/textalternativeformview
  */
-import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, createLabeledInputText, submitHandler } from 'ckeditor5/src/ui';
-import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils';
-import { icons } from 'ckeditor5/src/core';
+import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, createLabeledInputText, submitHandler } from 'ckeditor5/src/ui.js';
+import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils.js';
+import { icons } from 'ckeditor5/src/core.js';
 import '../../../theme/textalternativeform.css';
 // See: #8833.
 // eslint-disable-next-line ckeditor5-rules/ckeditor-imports

package/src/imagetextalternative.d.ts

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting';
-import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting.js';
+import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui.js';
 /**
  * The image text alternative plugin.
  *

package/src/imagetextalternative.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetextalternative
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting';
-import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui';
+import { Plugin } from 'ckeditor5/src/core.js';
+import ImageTextAlternativeEditing from './imagetextalternative/imagetextalternativeediting.js';
+import ImageTextAlternativeUI from './imagetextalternative/imagetextalternativeui.js';
 /**
  * The image text alternative plugin.
  *

package/src/imagetoolbar.d.ts

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetoolbar
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { WidgetToolbarRepository } from 'ckeditor5/src/widget';
-import ImageUtils from './imageutils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { WidgetToolbarRepository } from 'ckeditor5/src/widget.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).
  *

package/src/imagetoolbar.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imagetoolbar
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { WidgetToolbarRepository } from 'ckeditor5/src/widget';
-import ImageUtils from './imageutils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
+import ImageUtils from './imageutils.js';
 import { isObject } from 'lodash-es';
 /**
  * The image toolbar plugin. It creates and manages the image toolbar (the toolbar displayed when an image is selected).

package/src/imageupload/imageuploadediting.d.ts

@@ -1,16 +1,16 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imageupload/imageuploadediting
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core';
-import { type Element, type Writer, type DataTransfer } from 'ckeditor5/src/engine';
-import { Notification } from 'ckeditor5/src/ui';
-import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
-import { FileRepository, type UploadResponse, type FileLoader } from 'ckeditor5/src/upload';
-import ImageUtils from '../imageutils';
+import { Plugin, type Editor } from 'ckeditor5/src/core.js';
+import { type Element, type Writer, type DataTransfer } 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';
 /**
  * The editing part of the image upload feature. It registers the `'uploadImage'` command
  * and the `imageUpload` command as an aliased name.

package/src/imageupload/imageuploadediting.js

@@ -1,20 +1,20 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imageupload/imageuploadediting
  */
-import { Plugin } from 'ckeditor5/src/core';
-import { UpcastWriter } from 'ckeditor5/src/engine';
-import { Notification } from 'ckeditor5/src/ui';
-import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
-import { FileRepository } from 'ckeditor5/src/upload';
-import { env } from 'ckeditor5/src/utils';
-import ImageUtils from '../imageutils';
-import UploadImageCommand from './uploadimagecommand';
-import { fetchLocalImage, isLocalImage } from '../../src/imageupload/utils';
-import { createImageTypeRegExp } from './utils';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { UpcastWriter } 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 { fetchLocalImage, isLocalImage } from '../../src/imageupload/utils.js';
+import { createImageTypeRegExp } from './utils.js';
 /**
  * The editing part of the image upload feature. It registers the `'uploadImage'` command
  * and the `imageUpload` command as an aliased name.

package/src/imageupload/imageuploadprogress.d.ts

@@ -1,11 +1,11 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imageupload/imageuploadprogress
  */
-import { type Editor, Plugin } from 'ckeditor5/src/core';
+import { type Editor, Plugin } from 'ckeditor5/src/core.js';
 import '../../theme/imageuploadprogress.css';
 import '../../theme/imageuploadicon.css';
 import '../../theme/imageuploadloader.css';

package/src/imageupload/imageuploadprogress.js

@@ -1,13 +1,13 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imageupload/imageuploadprogress
  */
 /* globals setTimeout */
-import { Plugin } from 'ckeditor5/src/core';
-import { FileRepository } from 'ckeditor5/src/upload';
+import { Plugin } from 'ckeditor5/src/core.js';
+import { FileRepository } from 'ckeditor5/src/upload.js';
 import '../../theme/imageuploadprogress.css';
 import '../../theme/imageuploadicon.css';
 import '../../theme/imageuploadloader.css';

package/src/imageupload/imageuploadui.d.ts

@@ -1,8 +1,8 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin } from 'ckeditor5/src/core.js';
 /**
  * The image upload button plugin.
  *

package/src/imageupload/imageuploadui.js

@@ -1,10 +1,10 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { Plugin, icons } from 'ckeditor5/src/core';
-import { FileDialogButtonView } from 'ckeditor5/src/upload';
-import { createImageTypeRegExp } from './utils';
+import { Plugin, icons } from 'ckeditor5/src/core.js';
+import { FileDialogButtonView } from 'ckeditor5/src/upload.js';
+import { createImageTypeRegExp } from './utils.js';
 /**
  * The image upload button plugin.
  *
@@ -33,14 +33,12 @@ export default class ImageUploadUI extends Plugin {
             const imageTypesRegExp = createImageTypeRegExp(imageTypes);
             view.set({
                 acceptedType: imageTypes.map(type => `image/${type}`).join(','),
-                allowMultipleFiles: true
-            });
-            view.buttonView.set({
-                label: t('Insert image'),
-                icon: icons.image,
+                allowMultipleFiles: true,
+                label: t('Upload image from computer'),
+                icon: icons.imageUpload,
                 tooltip: true
             });
-            view.buttonView.bind('isEnabled').to(command);
+            view.bind('isEnabled').to(command);
             view.on('done', (evt, files) => {
                 const imagesToUpload = Array.from(files).filter(file => imageTypesRegExp.test(file.type));
                 if (imagesToUpload.length) {
@@ -53,5 +51,31 @@ export default class ImageUploadUI extends Plugin {
         // Setup `uploadImage` button and add `imageUpload` button as an alias for backward compatibility.
         editor.ui.componentFactory.add('uploadImage', componentCreator);
         editor.ui.componentFactory.add('imageUpload', componentCreator);
+        if (editor.plugins.has('ImageInsertUI')) {
+            const imageInsertUI = editor.plugins.get('ImageInsertUI');
+            const command = editor.commands.get('uploadImage');
+            imageInsertUI.registerIntegration({
+                name: 'upload',
+                observable: command,
+                buttonViewCreator: () => {
+                    const uploadImageButton = editor.ui.componentFactory.create('uploadImage');
+                    uploadImageButton.bind('label').to(imageInsertUI, 'isImageSelected', isImageSelected => isImageSelected ?
+                        t('Replace image from computer') :
+                        t('Upload image from computer'));
+                    return uploadImageButton;
+                },
+                formViewCreator: () => {
+                    const uploadImageButton = editor.ui.componentFactory.create('uploadImage');
+                    uploadImageButton.withText = true;
+                    uploadImageButton.bind('label').to(imageInsertUI, 'isImageSelected', isImageSelected => isImageSelected ?
+                        t('Replace from computer') :
+                        t('Upload from computer'));
+                    uploadImageButton.on('execute', () => {
+                        imageInsertUI.dropdownView.isOpen = false;
+                    });
+                    return uploadImageButton;
+                }
+            });
+        }
     }
 }

package/src/imageupload/uploadimagecommand.d.ts

@@ -1,9 +1,9 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { Command } from 'ckeditor5/src/core';
-import { type ArrayOrItem } from 'ckeditor5/src/utils';
+import { Command } from 'ckeditor5/src/core.js';
+import { type ArrayOrItem } from 'ckeditor5/src/utils.js';
 /**
  * @module image/imageupload/uploadimagecommand
  */

package/src/imageupload/uploadimagecommand.js

@@ -1,10 +1,10 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { FileRepository } from 'ckeditor5/src/upload';
-import { Command } from 'ckeditor5/src/core';
-import { toArray } from 'ckeditor5/src/utils';
+import { FileRepository } from 'ckeditor5/src/upload.js';
+import { Command } from 'ckeditor5/src/core.js';
+import { toArray } from 'ckeditor5/src/utils.js';
 /**
  * @module image/imageupload/uploadimagecommand
  */

package/src/imageupload/utils.d.ts

@@ -1,12 +1,12 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imageupload/utils
  */
-import type { ViewElement } from 'ckeditor5/src/engine';
-import type ImageUtils from '../imageutils';
+import type { ViewElement } from 'ckeditor5/src/engine.js';
+import type ImageUtils from '../imageutils.js';
 /**
  * Creates a regular expression used to test for image files.
  *

package/src/imageupload/utils.js

@@ -1,8 +1,8 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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
  */
-import { global } from 'ckeditor5/src/utils';
+import { global } from 'ckeditor5/src/utils.js';
 /**
  * Creates a regular expression used to test for image files.
  *

package/src/imageupload.d.ts

@@ -1,14 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @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 image/imageupload
  */
-import { Plugin } from 'ckeditor5/src/core';
-import ImageUploadUI from './imageupload/imageuploadui';
-import ImageUploadProgress from './imageupload/imageuploadprogress';
-import ImageUploadEditing from './imageupload/imageuploadediting';
+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';
 /**
  * The image upload plugin.
  *