@atlaskit/editor-plugin-media 8.8.0 → 8.10.0

package/dist/types/nodeviews/mediaNodeView/index.d.ts

@@ -4,20 +4,24 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
-import type { ExtractInjectionAPI, EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SharedInteractionState } from '@atlaskit/editor-plugin-interaction';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { getPosHandler, MediaOptions } from '../../types';
+import type { getPosHandler, getPosHandlerNode, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
 interface MediaNodeWithPluginStateComponentProps {
     interactionState?: SharedInteractionState['interactionState'];
     mediaProvider?: Promise<MediaProvider>;
-    width?: WidthPluginState;
 }
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
+    private hasBeenResized;
+    private resizeListenerBinding?;
+    getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;
+    getMaxWidthFromMediaSingleNode(mediaSingleNode: PMNode): number;
+    hasResizedListener: () => void;
     createDomRef(): HTMLElement;
     viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
     stopEvent(event: Event): boolean;
@@ -27,9 +31,14 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         height: number;
         width: number;
     }) => void;
-    renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
+    getMaxCardDimensions: () => {
+        width: string;
+        height: string;
+    };
+    renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
     renderMediaNodeWithProviders: ({ contextIdentifierProvider }: Providers) => React.JSX.Element;
     render(): React.JSX.Element;
+    destroy(): void;
 }
 export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
 export {};

package/dist/types/nodeviews/mediaSingle.d.ts

@@ -15,6 +15,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     forceViewUpdate: boolean;
     selectionType: number | null;
     unsubscribeToViewModeChange: (() => void) | undefined;
+    hasResized: boolean;
     createDomRef(): HTMLElement;
     getContentDOM(): {
         dom: HTMLDivElement;

package/dist/types/pm-plugins/commands.d.ts

@@ -3,5 +3,3 @@ import type { EditorCommand } from '@atlaskit/editor-common/types';
 export declare const showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
 export declare const hideMediaViewer: EditorCommand;
 export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
-export declare const showImageEditor: (media: MediaADFAttrs) => EditorCommand;
-export declare const hideImageEditor: EditorCommand;

package/dist/types/pm-plugins/main.d.ts

@@ -1,5 +1,5 @@
 import type { IntlShape } from 'react-intl-next';
-import type { MediaADFAttrs, RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -41,8 +41,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
         (isUploading: boolean): void;
     }[];
     uploadInProgressSubscriptionsNotified: boolean;
-    isImageEditorVisible?: boolean;
-    imageEditorSelectedMedia?: MediaADFAttrs;
     lastAddedMediaSingleFileIds: {
         id: string;
         selectionPosition: number;
@@ -74,7 +72,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     getMediaOptions: () => MediaPluginOptions;
     setIsResizing(isResizing: boolean): void;
     setResizingWidth(width: number): void;
-    setImageEditorVisibility(isVisible: boolean): void;
     updateElement(): void;
     private isMediaSchemaNode;
     private getDomElement;

package/dist/types/pm-plugins/types.d.ts

@@ -32,11 +32,9 @@ export interface MediaPluginState {
     handleMediaNodeRemoval: (node: PMNode | undefined, getPos: ProsemirrorGetPosHandler) => void;
     handleMediaNodeUnmount: (oldNode: PMNode) => void;
     ignoreLinks: boolean;
-    imageEditorSelectedMedia?: MediaADFAttrs;
     insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, insertMediaVia?: InsertMediaVia) => void;
     isFullscreen: boolean;
     isIdentifierInEditorScope: (identifier: Identifier) => boolean;
-    isImageEditorVisible?: boolean;
     isMediaViewerVisible?: boolean;
     isResizing: boolean;
     lastAddedMediaSingleFileIds: {
@@ -58,7 +56,6 @@ export interface MediaPluginState {
     resizingWidth: number;
     selectedMediaContainerNode: () => PMNode | undefined;
     setBrowseFn: (browseFn: () => void) => void;
-    setImageEditorVisibility: (isVisible: boolean) => void;
     setIsResizing(isResizing: boolean): void;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     setResizingWidth(width: number): void;

package/dist/types/ui/ResizableMediaSingle/index.d.ts

@@ -13,6 +13,7 @@ type State = {
     resizedPctWidth?: number;
 };
 export default class ResizableMediaSingle extends React.Component<Props, State> {
+    private hasResized;
     state: State;
     componentDidUpdate(prevProps: Props): boolean;
     private displayGrid;

package/dist/types-ts4.5/mediaPluginType.d.ts

@@ -14,6 +14,7 @@ import type { FocusPlugin } from '@atlaskit/editor-plugin-focus';
 import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
 import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
+import type { MediaEditingPlugin } from '@atlaskit/editor-plugin-media-editing';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
@@ -38,7 +39,8 @@ export type MediaPluginDependencies = [
     OptionalPlugin<FeatureFlagsPlugin>,
     OptionalPlugin<ConnectivityPlugin>,
     OptionalPlugin<InteractionPlugin>,
-    OptionalPlugin<ToolbarPlugin>
+    OptionalPlugin<ToolbarPlugin>,
+    OptionalPlugin<MediaEditingPlugin>
 ];
 export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
     actions: {
@@ -59,9 +61,7 @@ export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
         setProvider: (provider: Promise<MediaProvider>) => boolean;
     };
     commands: {
-        hideImageEditor: EditorCommand;
         hideMediaViewer: EditorCommand;
-        showImageEditor: (media: MediaADFAttrs) => EditorCommand;
         showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
         trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
     };

package/dist/types-ts4.5/nodeviews/mediaNodeView/index.d.ts

@@ -4,20 +4,24 @@ import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import type { ContextIdentifierProvider, MediaProvider, ProviderFactory, Providers } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
-import type { ExtractInjectionAPI, EditorContainerWidth as WidthPluginState } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { SharedInteractionState } from '@atlaskit/editor-plugin-interaction';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaNextEditorPluginType } from '../../mediaPluginType';
-import type { getPosHandler, MediaOptions } from '../../types';
+import type { getPosHandler, getPosHandlerNode, MediaOptions } from '../../types';
 import type { MediaNodeViewProps } from '../types';
 interface MediaNodeWithPluginStateComponentProps {
     interactionState?: SharedInteractionState['interactionState'];
     mediaProvider?: Promise<MediaProvider>;
-    width?: WidthPluginState;
 }
 declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
     private isSelected;
+    private hasBeenResized;
+    private resizeListenerBinding?;
+    getMediaSingleNode(getPos: getPosHandlerNode): PMNode | null;
+    getMaxWidthFromMediaSingleNode(mediaSingleNode: PMNode): number;
+    hasResizedListener: () => void;
     createDomRef(): HTMLElement;
     viewShouldUpdate(nextNode: PMNode, decorations: Decoration[]): boolean;
     stopEvent(event: Event): boolean;
@@ -27,9 +31,14 @@ declare class MediaNodeView extends SelectionBasedNodeView<MediaNodeViewProps> {
         height: number;
         width: number;
     }) => void;
-    renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ width: editorWidth, mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
+    getMaxCardDimensions: () => {
+        width: string;
+        height: string;
+    };
+    renderMediaNodeWithState: (contextIdentifierProvider?: Promise<ContextIdentifierProvider>) => ({ mediaProvider, interactionState, }: MediaNodeWithPluginStateComponentProps) => React.JSX.Element;
     renderMediaNodeWithProviders: ({ contextIdentifierProvider }: Providers) => React.JSX.Element;
     render(): React.JSX.Element;
+    destroy(): void;
 }
 export declare const ReactMediaNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, mediaOptions: MediaOptions | undefined, pluginInjectionApi: ExtractInjectionAPI<MediaNextEditorPluginType> | undefined) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaNodeView;
 export {};

package/dist/types-ts4.5/nodeviews/mediaSingle.d.ts

@@ -15,6 +15,7 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     forceViewUpdate: boolean;
     selectionType: number | null;
     unsubscribeToViewModeChange: (() => void) | undefined;
+    hasResized: boolean;
     createDomRef(): HTMLElement;
     getContentDOM(): {
         dom: HTMLDivElement;

package/dist/types-ts4.5/pm-plugins/commands.d.ts

@@ -3,5 +3,3 @@ import type { EditorCommand } from '@atlaskit/editor-common/types';
 export declare const showMediaViewer: (media: MediaADFAttrs) => EditorCommand;
 export declare const hideMediaViewer: EditorCommand;
 export declare const trackMediaPaste: (attrs: MediaADFAttrs) => EditorCommand;
-export declare const showImageEditor: (media: MediaADFAttrs) => EditorCommand;
-export declare const hideImageEditor: EditorCommand;

package/dist/types-ts4.5/pm-plugins/main.d.ts

@@ -1,5 +1,5 @@
 import type { IntlShape } from 'react-intl-next';
-import type { MediaADFAttrs, RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
 import type { InsertMediaVia } from '@atlaskit/editor-common/analytics';
 import type { Dispatch } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
@@ -41,8 +41,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
         (isUploading: boolean): void;
     }[];
     uploadInProgressSubscriptionsNotified: boolean;
-    isImageEditorVisible?: boolean;
-    imageEditorSelectedMedia?: MediaADFAttrs;
     lastAddedMediaSingleFileIds: {
         id: string;
         selectionPosition: number;
@@ -74,7 +72,6 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     getMediaOptions: () => MediaPluginOptions;
     setIsResizing(isResizing: boolean): void;
     setResizingWidth(width: number): void;
-    setImageEditorVisibility(isVisible: boolean): void;
     updateElement(): void;
     private isMediaSchemaNode;
     private getDomElement;

package/dist/types-ts4.5/pm-plugins/types.d.ts

@@ -32,11 +32,9 @@ export interface MediaPluginState {
     handleMediaNodeRemoval: (node: PMNode | undefined, getPos: ProsemirrorGetPosHandler) => void;
     handleMediaNodeUnmount: (oldNode: PMNode) => void;
     ignoreLinks: boolean;
-    imageEditorSelectedMedia?: MediaADFAttrs;
     insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, insertMediaVia?: InsertMediaVia) => void;
     isFullscreen: boolean;
     isIdentifierInEditorScope: (identifier: Identifier) => boolean;
-    isImageEditorVisible?: boolean;
     isMediaViewerVisible?: boolean;
     isResizing: boolean;
     lastAddedMediaSingleFileIds: {
@@ -58,7 +56,6 @@ export interface MediaPluginState {
     resizingWidth: number;
     selectedMediaContainerNode: () => PMNode | undefined;
     setBrowseFn: (browseFn: () => void) => void;
-    setImageEditorVisibility: (isVisible: boolean) => void;
     setIsResizing(isResizing: boolean): void;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     setResizingWidth(width: number): void;

package/dist/types-ts4.5/ui/ResizableMediaSingle/index.d.ts

@@ -13,6 +13,7 @@ type State = {
     resizedPctWidth?: number;
 };
 export default class ResizableMediaSingle extends React.Component<Props, State> {
+    private hasResized;
     state: State;
     componentDidUpdate(prevProps: Props): boolean;
     private displayGrid;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-media",
-	"version": "8.8.0",
+	"version": "8.10.0",
 	"description": "Media plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -62,12 +62,11 @@
 		"@atlaskit/media-picker": "^70.1.0",
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.5.0",
-		"@atlaskit/modal-dialog": "^14.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^17.0.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.0.0",
+		"@atlaskit/tmp-editor-statsig": "^16.3.0",
 		"@atlaskit/tokens": "^9.0.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@babel/runtime": "^7.0.0",
@@ -79,7 +78,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.46.0",
+		"@atlaskit/editor-common": "^110.50.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",

package/dist/cjs/ui/ImageEditor/ModalWrapper.js

@@ -1,69 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RenderImageEditor = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _mediaClient = require("@atlaskit/media-client");
-var _utils = require("../toolbar/utils");
-var _index = require("./index");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-var RenderImageEditor = exports.RenderImageEditor = function RenderImageEditor(_ref) {
-  var mediaClientConfig = _ref.mediaClientConfig,
-    onClose = _ref.onClose,
-    selectedNodeAttrs = _ref.selectedNodeAttrs,
-    errorReporter = _ref.errorReporter,
-    onSave = _ref.onSave;
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    imageUrl = _useState2[0],
-    setImageUrl = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var getImageUrl = function getImageUrl() {
-      if ((0, _utils.isExternalMedia)(selectedNodeAttrs)) {
-        // External image - use the URL directly
-        setImageUrl(selectedNodeAttrs.url || '');
-      } else {
-        // File media - use MediaClient to get the image URL
-        var id = selectedNodeAttrs.id,
-          _selectedNodeAttrs$co = selectedNodeAttrs.collection,
-          collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
-        try {
-          var mediaClient = new _mediaClient.MediaClient(mediaClientConfig);
-
-          // Subscribe to file state to get file information
-          var subscription = mediaClient.file.getFileState(id, {
-            collectionName: collection
-          }).subscribe(function (fileState) {
-            if (fileState.status === 'processed' || fileState.status === 'processing') {
-              // Get the image URL from the processed file
-              mediaClient.file.getFileBinaryURL(id, collection).then(function (url) {
-                setImageUrl(url);
-              });
-            }
-          });
-
-          // Cleanup subscription on unmount
-          return function () {
-            return subscription.unsubscribe();
-          };
-        } catch (error) {
-          if (errorReporter) {
-            errorReporter.captureException(error instanceof Error ? error : new Error(String(error)));
-          }
-          setImageUrl('');
-        }
-      }
-    };
-    getImageUrl();
-  }, [selectedNodeAttrs, mediaClientConfig, errorReporter]);
-  return /*#__PURE__*/_react.default.createElement(_index.ImageEditor, {
-    isOpen: true,
-    onClose: onClose,
-    imageUrl: imageUrl
-  });
-};

package/dist/cjs/ui/ImageEditor/index.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageEditor = void 0;
-var _react = require("@emotion/react");
-var _reactIntlNext = require("react-intl-next");
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var imageWrapper = (0, _react.css)({
-  maxHeight: 'calc(100vh - 250px)',
-  width: '100%',
-  overflow: 'hidden',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var imageStyle = (0, _react.css)({
-  maxWidth: '100%',
-  maxHeight: 'calc(100vh - 250px)',
-  width: 'auto',
-  height: 'auto',
-  objectFit: 'contain'
-});
-var ImageEditor = exports.ImageEditor = function ImageEditor(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    imageUrl = _ref.imageUrl;
-  return (0, _react.jsx)(_modalDialog.ModalTransition, null, isOpen && (0, _react.jsx)(_modalDialog.default, {
-    onClose: onClose,
-    width: 1800
-  }, (0, _react.jsx)("br", null), (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)("div", {
-    css: imageWrapper
-  }, imageUrl && (0, _react.jsx)("img", {
-    src: imageUrl,
-    alt: "Edit preview",
-    css: imageStyle
-  }))), (0, _react.jsx)(_modalDialog.ModalFooter, null, (0, _react.jsx)(_new.default, {
-    appearance: "subtle",
-    onClick: onClose
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, {
-    id: "editor.imageEditor.cancel",
-    defaultMessage: "Cancel"
-  })), (0, _react.jsx)(_new.default, {
-    appearance: "primary",
-    onClick: onClose
-  }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, {
-    id: "editor.imageEditor.done",
-    defaultMessage: "Done"
-  })))));
-};

package/dist/es2019/ui/ImageEditor/ModalWrapper.js

@@ -1,58 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { MediaClient } from '@atlaskit/media-client';
-import { isExternalMedia } from '../toolbar/utils';
-import { ImageEditor } from './index';
-export const RenderImageEditor = ({
-  mediaClientConfig,
-  onClose,
-  selectedNodeAttrs,
-  errorReporter,
-  // TODO: EDITOR-3779 - To implement saving image
-  // eslint-disable-next-line
-  onSave
-}) => {
-  const [imageUrl, setImageUrl] = useState('');
-  useEffect(() => {
-    const getImageUrl = () => {
-      if (isExternalMedia(selectedNodeAttrs)) {
-        // External image - use the URL directly
-        setImageUrl(selectedNodeAttrs.url || '');
-      } else {
-        // File media - use MediaClient to get the image URL
-        const {
-          id,
-          collection = ''
-        } = selectedNodeAttrs;
-        try {
-          const mediaClient = new MediaClient(mediaClientConfig);
-
-          // Subscribe to file state to get file information
-          const subscription = mediaClient.file.getFileState(id, {
-            collectionName: collection
-          }).subscribe(fileState => {
-            if (fileState.status === 'processed' || fileState.status === 'processing') {
-              // Get the image URL from the processed file
-              mediaClient.file.getFileBinaryURL(id, collection).then(url => {
-                setImageUrl(url);
-              });
-            }
-          });
-
-          // Cleanup subscription on unmount
-          return () => subscription.unsubscribe();
-        } catch (error) {
-          if (errorReporter) {
-            errorReporter.captureException(error instanceof Error ? error : new Error(String(error)));
-          }
-          setImageUrl('');
-        }
-      }
-    };
-    getImageUrl();
-  }, [selectedNodeAttrs, mediaClientConfig, errorReporter]);
-  return /*#__PURE__*/React.createElement(ImageEditor, {
-    isOpen: true,
-    onClose: onClose,
-    imageUrl: imageUrl
-  });
-};

package/dist/es2019/ui/ImageEditor/index.js

@@ -1,53 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button/new';
-import Modal, { ModalBody, ModalFooter, ModalTransition } from '@atlaskit/modal-dialog';
-const imageWrapper = css({
-  maxHeight: 'calc(100vh - 250px)',
-  width: '100%',
-  overflow: 'hidden',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-const imageStyle = css({
-  maxWidth: '100%',
-  maxHeight: 'calc(100vh - 250px)',
-  width: 'auto',
-  height: 'auto',
-  objectFit: 'contain'
-});
-export const ImageEditor = ({
-  isOpen,
-  onClose,
-  imageUrl
-}) => {
-  return jsx(ModalTransition, null, isOpen && jsx(Modal, {
-    onClose: onClose,
-    width: 1800
-  }, jsx("br", null), jsx(ModalBody, null, jsx("div", {
-    css: imageWrapper
-  }, imageUrl && jsx("img", {
-    src: imageUrl,
-    alt: "Edit preview",
-    css: imageStyle
-  }))), jsx(ModalFooter, null, jsx(Button, {
-    appearance: "subtle",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.cancel",
-    defaultMessage: "Cancel"
-  })), jsx(Button, {
-    appearance: "primary",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.done",
-    defaultMessage: "Done"
-  })))));
-};

package/dist/esm/ui/ImageEditor/ModalWrapper.js

@@ -1,60 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from 'react';
-import { MediaClient } from '@atlaskit/media-client';
-import { isExternalMedia } from '../toolbar/utils';
-import { ImageEditor } from './index';
-export var RenderImageEditor = function RenderImageEditor(_ref) {
-  var mediaClientConfig = _ref.mediaClientConfig,
-    onClose = _ref.onClose,
-    selectedNodeAttrs = _ref.selectedNodeAttrs,
-    errorReporter = _ref.errorReporter,
-    onSave = _ref.onSave;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    imageUrl = _useState2[0],
-    setImageUrl = _useState2[1];
-  useEffect(function () {
-    var getImageUrl = function getImageUrl() {
-      if (isExternalMedia(selectedNodeAttrs)) {
-        // External image - use the URL directly
-        setImageUrl(selectedNodeAttrs.url || '');
-      } else {
-        // File media - use MediaClient to get the image URL
-        var id = selectedNodeAttrs.id,
-          _selectedNodeAttrs$co = selectedNodeAttrs.collection,
-          collection = _selectedNodeAttrs$co === void 0 ? '' : _selectedNodeAttrs$co;
-        try {
-          var mediaClient = new MediaClient(mediaClientConfig);
-
-          // Subscribe to file state to get file information
-          var subscription = mediaClient.file.getFileState(id, {
-            collectionName: collection
-          }).subscribe(function (fileState) {
-            if (fileState.status === 'processed' || fileState.status === 'processing') {
-              // Get the image URL from the processed file
-              mediaClient.file.getFileBinaryURL(id, collection).then(function (url) {
-                setImageUrl(url);
-              });
-            }
-          });
-
-          // Cleanup subscription on unmount
-          return function () {
-            return subscription.unsubscribe();
-          };
-        } catch (error) {
-          if (errorReporter) {
-            errorReporter.captureException(error instanceof Error ? error : new Error(String(error)));
-          }
-          setImageUrl('');
-        }
-      }
-    };
-    getImageUrl();
-  }, [selectedNodeAttrs, mediaClientConfig, errorReporter]);
-  return /*#__PURE__*/React.createElement(ImageEditor, {
-    isOpen: true,
-    onClose: onClose,
-    imageUrl: imageUrl
-  });
-};

package/dist/esm/ui/ImageEditor/index.js

@@ -1,52 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { FormattedMessage } from 'react-intl-next';
-import Button from '@atlaskit/button/new';
-import Modal, { ModalBody, ModalFooter, ModalTransition } from '@atlaskit/modal-dialog';
-var imageWrapper = css({
-  maxHeight: 'calc(100vh - 250px)',
-  width: '100%',
-  overflow: 'hidden',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var imageStyle = css({
-  maxWidth: '100%',
-  maxHeight: 'calc(100vh - 250px)',
-  width: 'auto',
-  height: 'auto',
-  objectFit: 'contain'
-});
-export var ImageEditor = function ImageEditor(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    imageUrl = _ref.imageUrl;
-  return jsx(ModalTransition, null, isOpen && jsx(Modal, {
-    onClose: onClose,
-    width: 1800
-  }, jsx("br", null), jsx(ModalBody, null, jsx("div", {
-    css: imageWrapper
-  }, imageUrl && jsx("img", {
-    src: imageUrl,
-    alt: "Edit preview",
-    css: imageStyle
-  }))), jsx(ModalFooter, null, jsx(Button, {
-    appearance: "subtle",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.cancel",
-    defaultMessage: "Cancel"
-  })), jsx(Button, {
-    appearance: "primary",
-    onClick: onClose
-  }, jsx(FormattedMessage, {
-    id: "editor.imageEditor.done",
-    defaultMessage: "Done"
-  })))));
-};