@atlaskit/editor-core 188.12.1 → 188.12.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-core
 
+## 188.12.2
+
+### Patch Changes
+
+- [#40916](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40916) [`0b80e2e68ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0b80e2e68ea) - [ux] media single node with external type media should not show migration ui. Update external image with natural dimensions accordingly, and fixed whitespace issue in external image.
+
 ## 188.12.1
 
 ### Patch Changes

package/dist/cjs/plugins/paste/plugins/media.js

@@ -6,14 +6,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isImage = void 0;
 exports.transformSliceForMedia = transformSliceForMedia;
-exports.unwrapNestedMediaElements = exports.transformSliceToCorrectMediaWrapper = void 0;
+exports.unwrapNestedMediaElements = exports.transformSliceToMediaSingleWithNewExperience = exports.transformSliceToCorrectMediaWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _utils2 = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _mediaCommon = require("@atlaskit/media-common");
+var _mediaSingle = require("@atlaskit/editor-common/media-single");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Ensure correct layout in nested mode
+ *
+ * TODO: this func is only used in handlePaste, so layout update won't work for drop event
+ */
 function transformSliceForMedia(slice, schema) {
   var _schema$nodes = schema.nodes,
     mediaSingle = _schema$nodes.mediaSingle,
@@ -21,8 +27,6 @@ function transformSliceForMedia(slice, schema) {
     table = _schema$nodes.table,
     bulletList = _schema$nodes.bulletList,
     orderedList = _schema$nodes.orderedList,
-    media = _schema$nodes.media,
-    mediaInline = _schema$nodes.mediaInline,
     expand = _schema$nodes.expand,
     nestedExpand = _schema$nodes.nestedExpand;
   return function (selection) {
@@ -49,27 +53,6 @@ function transformSliceForMedia(slice, schema) {
         return node.type.name === 'mediaSingle' ? mediaSingle.createChecked(attrs, node.content, node.marks) : node;
       });
     }
-    var __mediaTraceId = (0, _mediaCommon.getRandomHex)(8);
-    newSlice = (0, _utils2.mapSlice)(newSlice, function (node) {
-      // This logic is duplicated in editor-plugin-ai where external images can be inserted
-      // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
-      // sharing dependencies with editor-core to support products using it with various versions
-      // of editor packages.
-      // The duplication is in the following file:
-      // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
-      if (node.type.name === 'media') {
-        return media.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
-          __external: node.attrs.type === 'external',
-          __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
-        }), node.content, node.marks);
-      }
-      if (node.type.name === 'mediaInline') {
-        return mediaInline.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
-          __mediaTraceId: __mediaTraceId
-        }), node.content, node.marks);
-      }
-      return node;
-    });
     return newSlice;
   };
 }
@@ -95,6 +78,49 @@ var transformSliceToCorrectMediaWrapper = exports.transformSliceToCorrectMediaWr
   });
 };
 
+/**
+ * This func will be called when copy & paste, drag & drop external html with media, media files, and slices from editor
+ * Because width may not be available when transform, DEFAULT_IMAGE_WIDTH is used as a fallback
+ *
+ */
+var transformSliceToMediaSingleWithNewExperience = exports.transformSliceToMediaSingleWithNewExperience = function transformSliceToMediaSingleWithNewExperience(slice, schema) {
+  var _schema$nodes3 = schema.nodes,
+    mediaInline = _schema$nodes3.mediaInline,
+    mediaSingle = _schema$nodes3.mediaSingle,
+    media = _schema$nodes3.media;
+  var newSlice = (0, _utils2.mapSlice)(slice, function (node) {
+    // This logic is duplicated in editor-plugin-ai where external images can be inserted
+    // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
+    // sharing dependencies with editor-core to support products using it with various versions
+    // of editor packages.
+    // The duplication is in the following file:
+    // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
+    if (node.type === mediaSingle) {
+      return (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') ? mediaSingle.createChecked({
+        width: node.attrs.width || _mediaSingle.DEFAULT_IMAGE_WIDTH,
+        widthType: node.attrs.widthType || 'pixel',
+        layout: node.attrs.layout
+      }, node.content, node.marks) : node;
+    }
+    return node;
+  });
+  return (0, _utils2.mapSlice)(newSlice, function (node) {
+    var __mediaTraceId = (0, _mediaCommon.getRandomHex)(8);
+    if (node.type === media) {
+      return media.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
+        __external: node.attrs.type === 'external',
+        __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
+      }), node.content, node.marks);
+    }
+    if (node.type.name === 'mediaInline') {
+      return mediaInline.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
+        __mediaTraceId: __mediaTraceId
+      }), node.content, node.marks);
+    }
+    return node;
+  });
+};
+
 /**
  * Check base styles to see if an element will be invisible when rendered in a document.
  * @param element

package/dist/cjs/plugins/paste/pm-plugins/main.js

@@ -395,6 +395,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         }
         slice = (0, _utils3.transformSingleLineCodeBlockToCodeMark)(slice, schema);
         slice = (0, _media.transformSliceToCorrectMediaWrapper)(slice, schema);
+        slice = (0, _media.transformSliceToMediaSingleWithNewExperience)(slice, schema);
         slice = (0, _utils5.transformSliceToDecisionList)(slice, schema);
 
         // splitting linebreaks into paragraphs must happen before upgrading text to lists

package/dist/cjs/version-wrapper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "188.12.1";
+var version = exports.version = "188.12.2";
 var nextMajorVersion = exports.nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/plugins/paste/plugins/media.js

@@ -2,6 +2,13 @@ import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { mapSlice, unwrap, removeNestedEmptyEls, walkUpTreeUntil } from '@atlaskit/editor-common/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getRandomHex } from '@atlaskit/media-common';
+import { DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
+
+/**
+ * Ensure correct layout in nested mode
+ *
+ * TODO: this func is only used in handlePaste, so layout update won't work for drop event
+ */
 export function transformSliceForMedia(slice, schema) {
   const {
     mediaSingle,
@@ -9,8 +16,6 @@ export function transformSliceForMedia(slice, schema) {
     table,
     bulletList,
     orderedList,
-    media,
-    mediaInline,
     expand,
     nestedExpand
   } = schema.nodes;
@@ -41,29 +46,6 @@ export function transformSliceForMedia(slice, schema) {
         return node.type.name === 'mediaSingle' ? mediaSingle.createChecked(attrs, node.content, node.marks) : node;
       });
     }
-    const __mediaTraceId = getRandomHex(8);
-    newSlice = mapSlice(newSlice, node => {
-      // This logic is duplicated in editor-plugin-ai where external images can be inserted
-      // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
-      // sharing dependencies with editor-core to support products using it with various versions
-      // of editor packages.
-      // The duplication is in the following file:
-      // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
-      if (node.type.name === 'media') {
-        return media.createChecked({
-          ...node.attrs,
-          __external: node.attrs.type === 'external',
-          __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
-        }, node.content, node.marks);
-      }
-      if (node.type.name === 'mediaInline') {
-        return mediaInline.createChecked({
-          ...node.attrs,
-          __mediaTraceId
-        }, node.content, node.marks);
-      }
-      return node;
-    });
     return newSlice;
   };
 }
@@ -90,6 +72,52 @@ export const transformSliceToCorrectMediaWrapper = (slice, schema) => {
   });
 };
 
+/**
+ * This func will be called when copy & paste, drag & drop external html with media, media files, and slices from editor
+ * Because width may not be available when transform, DEFAULT_IMAGE_WIDTH is used as a fallback
+ *
+ */
+export const transformSliceToMediaSingleWithNewExperience = (slice, schema) => {
+  const {
+    mediaInline,
+    mediaSingle,
+    media
+  } = schema.nodes;
+  const newSlice = mapSlice(slice, node => {
+    // This logic is duplicated in editor-plugin-ai where external images can be inserted
+    // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
+    // sharing dependencies with editor-core to support products using it with various versions
+    // of editor packages.
+    // The duplication is in the following file:
+    // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
+    if (node.type === mediaSingle) {
+      return getBooleanFF('platform.editor.media.extended-resize-experience') ? mediaSingle.createChecked({
+        width: node.attrs.width || DEFAULT_IMAGE_WIDTH,
+        widthType: node.attrs.widthType || 'pixel',
+        layout: node.attrs.layout
+      }, node.content, node.marks) : node;
+    }
+    return node;
+  });
+  return mapSlice(newSlice, node => {
+    const __mediaTraceId = getRandomHex(8);
+    if (node.type === media) {
+      return media.createChecked({
+        ...node.attrs,
+        __external: node.attrs.type === 'external',
+        __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
+      }, node.content, node.marks);
+    }
+    if (node.type.name === 'mediaInline') {
+      return mediaInline.createChecked({
+        ...node.attrs,
+        __mediaTraceId
+      }, node.content, node.marks);
+    }
+    return node;
+  });
+};
+
 /**
  * Check base styles to see if an element will be invisible when rendered in a document.
  * @param element

package/dist/es2019/plugins/paste/pm-plugins/main.js

@@ -5,19 +5,17 @@ import { MarkdownTransformer } from '@atlaskit/editor-markdown-transformer';
 import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { mapChildren } from '../../../utils/slice';
 import { getExtensionAutoConvertersFromProvider } from '@atlaskit/editor-common/extensions';
-import { isPastedFile as isPastedFileFromEvent } from '@atlaskit/editor-common/paste';
-import { transformSliceForMedia, transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../plugins/media';
+import { isPastedFile as isPastedFileFromEvent, md } from '@atlaskit/editor-common/paste';
+import { transformSliceForMedia, transformSliceToCorrectMediaWrapper, transformSliceToMediaSingleWithNewExperience, unwrapNestedMediaElements } from '../plugins/media';
 import { escapeLinks, htmlContainsSingleFile, isPastedFromWord, isPastedFromExcel, htmlHasInvalidLinkTags, removeDuplicateInvalidLinks, transformUnsupportedBlockCardToInline } from '../util';
-import { linkifyContent } from '@atlaskit/editor-common/utils';
+import { linkifyContent, measureRender } from '@atlaskit/editor-common/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
 import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics, handlePastePanelOrDecisionIntoListWithAnalytics, handlePasteNonNestableBlockNodesIntoListWithAnalytics } from './analytics';
 import { ACTION, analyticsPluginKey, INPUT_METHOD, PasteTypes } from '../../analytics';
 import { isInsideBlockQuote, insideTable, measurements } from '../../../utils';
-import { measureRender } from '@atlaskit/editor-common/utils';
 import { upgradeTextToLists, splitParagraphs } from '../commands';
-import { md } from '@atlaskit/editor-common/paste';
 import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
 import { containsAnyAnnotations, stripNonExistingAnnotations } from '../../annotation/utils';
 import { clipboardTextSerializer } from './clipboard-text-serializer';
@@ -365,6 +363,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         }
         slice = transformSingleLineCodeBlockToCodeMark(slice, schema);
         slice = transformSliceToCorrectMediaWrapper(slice, schema);
+        slice = transformSliceToMediaSingleWithNewExperience(slice, schema);
         slice = transformSliceToDecisionList(slice, schema);
 
         // splitting linebreaks into paragraphs must happen before upgrading text to lists

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "188.12.1";
+export const version = "188.12.2";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/esm/plugins/paste/plugins/media.js

@@ -5,6 +5,13 @@ import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { mapSlice, unwrap, removeNestedEmptyEls, walkUpTreeUntil } from '@atlaskit/editor-common/utils';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { getRandomHex } from '@atlaskit/media-common';
+import { DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
+
+/**
+ * Ensure correct layout in nested mode
+ *
+ * TODO: this func is only used in handlePaste, so layout update won't work for drop event
+ */
 export function transformSliceForMedia(slice, schema) {
   var _schema$nodes = schema.nodes,
     mediaSingle = _schema$nodes.mediaSingle,
@@ -12,8 +19,6 @@ export function transformSliceForMedia(slice, schema) {
     table = _schema$nodes.table,
     bulletList = _schema$nodes.bulletList,
     orderedList = _schema$nodes.orderedList,
-    media = _schema$nodes.media,
-    mediaInline = _schema$nodes.mediaInline,
     expand = _schema$nodes.expand,
     nestedExpand = _schema$nodes.nestedExpand;
   return function (selection) {
@@ -40,27 +45,6 @@ export function transformSliceForMedia(slice, schema) {
         return node.type.name === 'mediaSingle' ? mediaSingle.createChecked(attrs, node.content, node.marks) : node;
       });
     }
-    var __mediaTraceId = getRandomHex(8);
-    newSlice = mapSlice(newSlice, function (node) {
-      // This logic is duplicated in editor-plugin-ai where external images can be inserted
-      // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
-      // sharing dependencies with editor-core to support products using it with various versions
-      // of editor packages.
-      // The duplication is in the following file:
-      // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
-      if (node.type.name === 'media') {
-        return media.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
-          __external: node.attrs.type === 'external',
-          __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
-        }), node.content, node.marks);
-      }
-      if (node.type.name === 'mediaInline') {
-        return mediaInline.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
-          __mediaTraceId: __mediaTraceId
-        }), node.content, node.marks);
-      }
-      return node;
-    });
     return newSlice;
   };
 }
@@ -86,6 +70,49 @@ export var transformSliceToCorrectMediaWrapper = function transformSliceToCorrec
   });
 };
 
+/**
+ * This func will be called when copy & paste, drag & drop external html with media, media files, and slices from editor
+ * Because width may not be available when transform, DEFAULT_IMAGE_WIDTH is used as a fallback
+ *
+ */
+export var transformSliceToMediaSingleWithNewExperience = function transformSliceToMediaSingleWithNewExperience(slice, schema) {
+  var _schema$nodes3 = schema.nodes,
+    mediaInline = _schema$nodes3.mediaInline,
+    mediaSingle = _schema$nodes3.mediaSingle,
+    media = _schema$nodes3.media;
+  var newSlice = mapSlice(slice, function (node) {
+    // This logic is duplicated in editor-plugin-ai where external images can be inserted
+    // from external sources through the use of AI.  The editor-plugin-ai package is avoiding
+    // sharing dependencies with editor-core to support products using it with various versions
+    // of editor packages.
+    // The duplication is in the following file:
+    // packages/editor/editor-plugin-ai/src/prebuilt/content-transformers/markdown-to-pm/markdown-transformer.ts
+    if (node.type === mediaSingle) {
+      return getBooleanFF('platform.editor.media.extended-resize-experience') ? mediaSingle.createChecked({
+        width: node.attrs.width || DEFAULT_IMAGE_WIDTH,
+        widthType: node.attrs.widthType || 'pixel',
+        layout: node.attrs.layout
+      }, node.content, node.marks) : node;
+    }
+    return node;
+  });
+  return mapSlice(newSlice, function (node) {
+    var __mediaTraceId = getRandomHex(8);
+    if (node.type === media) {
+      return media.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
+        __external: node.attrs.type === 'external',
+        __mediaTraceId: node.attrs.type === 'external' ? null : __mediaTraceId
+      }), node.content, node.marks);
+    }
+    if (node.type.name === 'mediaInline') {
+      return mediaInline.createChecked(_objectSpread(_objectSpread({}, node.attrs), {}, {
+        __mediaTraceId: __mediaTraceId
+      }), node.content, node.marks);
+    }
+    return node;
+  });
+};
+
 /**
  * Check base styles to see if an element will be invisible when rendered in a document.
  * @param element

package/dist/esm/plugins/paste/pm-plugins/main.js

@@ -7,19 +7,17 @@ import { MarkdownTransformer } from '@atlaskit/editor-markdown-transformer';
 import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { mapChildren } from '../../../utils/slice';
 import { getExtensionAutoConvertersFromProvider } from '@atlaskit/editor-common/extensions';
-import { isPastedFile as isPastedFileFromEvent } from '@atlaskit/editor-common/paste';
-import { transformSliceForMedia, transformSliceToCorrectMediaWrapper, unwrapNestedMediaElements } from '../plugins/media';
+import { isPastedFile as isPastedFileFromEvent, md } from '@atlaskit/editor-common/paste';
+import { transformSliceForMedia, transformSliceToCorrectMediaWrapper, transformSliceToMediaSingleWithNewExperience, unwrapNestedMediaElements } from '../plugins/media';
 import { escapeLinks, htmlContainsSingleFile, isPastedFromWord, isPastedFromExcel, htmlHasInvalidLinkTags, removeDuplicateInvalidLinks, transformUnsupportedBlockCardToInline } from '../util';
-import { linkifyContent } from '@atlaskit/editor-common/utils';
+import { linkifyContent, measureRender } from '@atlaskit/editor-common/utils';
 import { transformSliceNestedExpandToExpand } from '../../expand/utils';
 import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks } from '../handlers';
 import { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToCodeMark } from '../../code-block/utils';
 import { createPasteMeasurePayload, getContentNodeTypes, handlePasteAsPlainTextWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handleCodeBlockWithAnalytics, handleMediaSingleWithAnalytics, handlePastePreservingMarksWithAnalytics, handleMarkdownWithAnalytics, handleRichTextWithAnalytics, handleExpandWithAnalytics, handleSelectedTableWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, sendPasteAnalyticsEvent, handlePasteIntoCaptionWithAnalytics, handlePastePanelOrDecisionIntoListWithAnalytics, handlePasteNonNestableBlockNodesIntoListWithAnalytics } from './analytics';
 import { ACTION, analyticsPluginKey, INPUT_METHOD, PasteTypes } from '../../analytics';
 import { isInsideBlockQuote, insideTable, measurements } from '../../../utils';
-import { measureRender } from '@atlaskit/editor-common/utils';
 import { upgradeTextToLists, splitParagraphs } from '../commands';
-import { md } from '@atlaskit/editor-common/paste';
 import { transformSliceToDecisionList } from '../../tasks-and-decisions/utils';
 import { containsAnyAnnotations, stripNonExistingAnnotations } from '../../annotation/utils';
 import { clipboardTextSerializer } from './clipboard-text-serializer';
@@ -385,6 +383,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         }
         slice = transformSingleLineCodeBlockToCodeMark(slice, schema);
         slice = transformSliceToCorrectMediaWrapper(slice, schema);
+        slice = transformSliceToMediaSingleWithNewExperience(slice, schema);
         slice = transformSliceToDecisionList(slice, schema);
 
         // splitting linebreaks into paragraphs must happen before upgrading text to lists

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "188.12.1";
+export var version = "188.12.2";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/plugins/paste/plugins/media.d.ts

@@ -1,8 +1,19 @@
 import type { Slice, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Ensure correct layout in nested mode
+ *
+ * TODO: this func is only used in handlePaste, so layout update won't work for drop event
+ */
 export declare function transformSliceForMedia(slice: Slice, schema: Schema): (selection: Selection) => Slice;
 export declare const isImage: (fileType?: string) => boolean;
 export declare const transformSliceToCorrectMediaWrapper: (slice: Slice, schema: Schema) => Slice;
+/**
+ * This func will be called when copy & paste, drag & drop external html with media, media files, and slices from editor
+ * Because width may not be available when transform, DEFAULT_IMAGE_WIDTH is used as a fallback
+ *
+ */
+export declare const transformSliceToMediaSingleWithNewExperience: (slice: Slice, schema: Schema) => Slice;
 /**
  * Given a html string, we attempt to hoist any nested `<img>` tags,
  * not directly wrapped by a `<div>` as ProseMirror no-op's

package/dist/types-ts4.5/plugins/paste/plugins/media.d.ts

@@ -1,8 +1,19 @@
 import type { Slice, Schema } from '@atlaskit/editor-prosemirror/model';
 import type { Selection } from '@atlaskit/editor-prosemirror/state';
+/**
+ * Ensure correct layout in nested mode
+ *
+ * TODO: this func is only used in handlePaste, so layout update won't work for drop event
+ */
 export declare function transformSliceForMedia(slice: Slice, schema: Schema): (selection: Selection) => Slice;
 export declare const isImage: (fileType?: string) => boolean;
 export declare const transformSliceToCorrectMediaWrapper: (slice: Slice, schema: Schema) => Slice;
+/**
+ * This func will be called when copy & paste, drag & drop external html with media, media files, and slices from editor
+ * Because width may not be available when transform, DEFAULT_IMAGE_WIDTH is used as a fallback
+ *
+ */
+export declare const transformSliceToMediaSingleWithNewExperience: (slice: Slice, schema: Schema) => Slice;
 /**
  * Given a html string, we attempt to hoist any nested `<img>` tags,
  * not directly wrapped by a `<div>` as ProseMirror no-op's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "188.12.1",
+  "version": "188.12.2",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"