@atlaskit/editor-core 187.29.2 → 187.29.4

package/dist/esm/plugins/media/nodeviews/mediaSingle.js

@@ -18,10 +18,9 @@ import { jsx } from '@emotion/react';
 import React, { Component } from 'react';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { MediaSingle } from '@atlaskit/editor-common/ui';
-import { browser, floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
+import { browser } from '@atlaskit/editor-common/utils';
 import { isNodeSelectedOrInRange } from '../../../utils/nodes';
 import { setNodeSelection, setTextSelection } from '../../../utils';
-import { getParentWidthForNestedMediaSingleNode } from '../utils/media-single';
 import ResizableMediaSingleNext from '../ui/ResizableMediaSingle/ResizableMediaSingleNext';
 import ResizableMediaSingle from '../ui/ResizableMediaSingle';
 import { MEDIA_CONTENT_WRAP_CLASS_NAME } from '../pm-plugins/main';
@@ -37,7 +36,7 @@ import CaptionPlaceholder from '../ui/CaptionPlaceholder';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { insertAndSelectCaptionFromMediaSinglePos } from '../commands/captions';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { calcMediaSinglePixelWidth, MEDIA_SINGLE_GUTTER_SIZE, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH } from '@atlaskit/editor-common/media-single';
+import { calcMediaSinglePixelWidth, MEDIA_SINGLE_GUTTER_SIZE, DEFAULT_IMAGE_HEIGHT, DEFAULT_IMAGE_WIDTH, getMaxWidthForNestedNode, getMaxWidthForNestedNodeNext } from '@atlaskit/editor-common/media-single';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var MediaSingleNode = /*#__PURE__*/function (_Component) {
   _inherits(MediaSingleNode, _Component);
@@ -242,42 +241,6 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
       }
       insertAndSelectCaptionFromMediaSinglePos(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions)(getPos(), node)(view.state, view.dispatch);
     });
-    /**
-     * Get parent width for a nested media single node
-     * @param view Editor view
-     * @param pos node position
-     */
-    _defineProperty(_assertThisInitialized(_this), "getLineLength", function (view, pos, includeMoreParentNodeTypes) {
-      if (typeof pos !== 'number') {
-        return null;
-      }
-      if (isRichMediaInsideOfBlockNode(view, pos)) {
-        var $pos = view.state.doc.resolve(pos);
-        var domNode = view.nodeDOM($pos.pos);
-        if ($pos.nodeAfter && floatingLayouts.indexOf($pos.nodeAfter.attrs.layout) > -1 && domNode && domNode.parentElement) {
-          return domNode.parentElement.offsetWidth;
-        }
-        if (domNode instanceof HTMLElement) {
-          return domNode.offsetWidth;
-        }
-      }
-      return null;
-    });
-    /**
-     * Get parent width for a nested media single node for new experience
-     * @param view Editor view
-     * @param pos node position
-     */
-    _defineProperty(_assertThisInitialized(_this), "getLineLengthNext", function (view, pos) {
-      if (typeof pos !== 'number') {
-        return null;
-      }
-      var $pos = view.state.doc.resolve(pos);
-      if ($pos && $pos.parent.type.name !== 'doc') {
-        return getParentWidthForNestedMediaSingleNode($pos, view);
-      }
-      return null;
-    });
     return _this;
   }
   _createClass(MediaSingleNode, [{
@@ -378,8 +341,8 @@ var MediaSingleNode = /*#__PURE__*/function (_Component) {
         height = DEFAULT_IMAGE_HEIGHT;
       }
       var isSelected = selected();
-      var contentWidthForLegacyExperience = this.getLineLength(view, getPos()) || lineLength;
-      var contentWidth = this.getLineLengthNext(view, getPos()) || lineLength;
+      var contentWidthForLegacyExperience = getMaxWidthForNestedNode(view, getPos()) || lineLength;
+      var contentWidth = getMaxWidthForNestedNodeNext(view, getPos()) || lineLength;
       var mediaSingleProps = {
         layout: layout,
         width: width,

package/dist/esm/plugins/media/toolbar/index.js

@@ -29,7 +29,7 @@ import ImageBorderItem from '../ui/ImageBorder';
 import { currentMediaNodeBorderMark } from '../utils/current-media-node';
 import { shouldShowImageBorder } from './imageBorder';
 import { PixelEntry } from '../ui/PixelEntry';
-import { DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_GUTTER_SIZE, calcMediaSinglePixelWidth } from '@atlaskit/editor-common/media-single';
+import { DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_GUTTER_SIZE, calcMediaSinglePixelWidth, getMaxWidthForNestedNode } from '@atlaskit/editor-common/media-single';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 var remove = function remove(state, dispatch) {
   if (dispatch) {
@@ -281,18 +281,20 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
           var _selectedMediaNode$at = selectedMediaNode.attrs,
             mediaWidth = _selectedMediaNode$at.width,
             mediaHeight = _selectedMediaNode$at.height;
+          var isLegacy = widthType !== 'pixel';
           var pixelWidth = calcMediaSinglePixelWidth({
             width: singleMediaWidth,
             widthType: widthType,
             origWidth: mediaWidth || DEFAULT_IMAGE_WIDTH,
             layout: layout,
-            contentWidth: contentWidth,
+            contentWidth: getMaxWidthForNestedNode(editorView, selectedMediaSingleNode.pos) || contentWidth,
             containerWidth: containerWidth,
             gutterOffset: MEDIA_SINGLE_GUTTER_SIZE
           });
           return /*#__PURE__*/React.createElement(PixelEntry, {
             intl: intl,
             width: pluginState.isResizing ? pluginState.resizingWidth : pixelWidth,
+            showMigration: !pluginState.isResizing && isLegacy,
             mediaWidth: mediaWidth || DEFAULT_IMAGE_WIDTH,
             mediaHeight: mediaHeight || DEFAULT_IMAGE_HEIGHT,
             validate: function validate(value) {
@@ -307,6 +309,17 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
                 width: width,
                 widthType: 'pixel'
               }));
+              tr.setMeta('scrollIntoView', false);
+              tr.setSelection(NodeSelection.create(tr.doc, selectedMediaSingleNode.pos));
+              dispatch(tr);
+            },
+            onMigrate: function onMigrate() {
+              var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
+                width: pixelWidth,
+                widthType: 'pixel'
+              }));
+              tr.setMeta('scrollIntoView', false);
+              tr.setSelection(NodeSelection.create(tr.doc, selectedMediaSingleNode.pos));
               dispatch(tr);
             }
           });

package/dist/esm/plugins/media/ui/PixelEntry/constants.js

@@ -0,0 +1 @@
+export var PIXELENTRY_MIGRATION_BUTTON_TESTID = 'pixel-entry-convert-pixels-btn';

package/dist/esm/plugins/media/ui/PixelEntry/index.js

@@ -9,13 +9,16 @@ import Button from '@atlaskit/button';
 import Form, { Field } from '@atlaskit/form';
 import { pixelSizingInput, pixelSizingLabel, pixelSizingWidthInput, pixelSizingHeightInput, pixelSizingWrapper, pixelEntryForm, pixelEntryHiddenSubmit } from './styles';
 import { messages } from './messages';
+import { PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
 export var PixelEntry = function PixelEntry(_ref) {
   var width = _ref.width,
     mediaWidth = _ref.mediaWidth,
     mediaHeight = _ref.mediaHeight,
     onSubmit = _ref.onSubmit,
     validate = _ref.validate,
-    formatMessage = _ref.intl.formatMessage;
+    formatMessage = _ref.intl.formatMessage,
+    showMigration = _ref.showMigration,
+    onMigrate = _ref.onMigrate;
   var ratioWidth = useMemo(function () {
     return mediaHeight / mediaWidth;
   }, [mediaHeight, mediaWidth]);
@@ -85,6 +88,16 @@ export var PixelEntry = function PixelEntry(_ref) {
       }
     };
   }, [ratioHeight, ratioWidth]);
+  if (showMigration) {
+    return jsx(Tooltip, {
+      content: formatMessage(messages.migrationButtonTooltip)
+    }, jsx(Button, {
+      appearance: "warning",
+      spacing: "compact",
+      onClick: onMigrate,
+      testId: PIXELENTRY_MIGRATION_BUTTON_TESTID
+    }, formatMessage(messages.migrationButtonText)));
+  }
   return jsx("div", {
     css: pixelEntryForm
   }, jsx(Form, {

package/dist/esm/plugins/media/ui/PixelEntry/messages.js

@@ -29,5 +29,15 @@ export var messages = defineMessages({
     id: 'fabric.editor.media.pixelEntry.submitButtonText',
     defaultMessage: 'Submit',
     description: 'The text give to the hidden submit button'
+  },
+  migrationButtonText: {
+    id: 'fabric.editor.media.pixelEntry.migrationButtonText',
+    defaultMessage: 'Convert to pixels',
+    description: 'The text give to the button used to covert to pixels for legacy experience'
+  },
+  migrationButtonTooltip: {
+    id: 'fabric.editor.media.pixelEntry.migrationButtonTooltip',
+    defaultMessage: 'Migrate from percentage to fixed pixel sizing',
+    description: 'The tooltip displayed on the migration button'
   }
 });

package/dist/esm/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -178,8 +178,10 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "selectCurrentMediaNode", function () {
       // TODO: if adding !this.props.selected, it doesn't work if media single node is at top postion
-      var pos = _this.pos;
-      pos && setNodeSelection(_this.props.view, pos);
+      if (_this.pos === null) {
+        return;
+      }
+      setNodeSelection(_this.props.view, _this.pos);
     });
     _defineProperty(_assertThisInitialized(_this), "handleResizeStart", function () {
       _this.setState({
@@ -365,7 +367,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     get: function get() {
       var pos = this.pos;
       // need to pass view because we may not get updated props in time
-      return pos && this.props.view.state.doc.resolve(pos);
+      return pos === null ? pos : this.props.view.state.doc.resolve(pos);
     }
   }, {
     key: "aspectRatio",
@@ -423,50 +425,49 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     key: "checkVideoFile",
     value: function () {
       var _checkVideoFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(viewMediaClientConfig) {
-        var $pos, mediaNode, mediaClient, state;
+        var mediaNode, mediaClient, state;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              $pos = this.$pos;
-              if (!(!$pos || !viewMediaClientConfig)) {
-                _context2.next = 3;
+              if (!(this.pos === null || !viewMediaClientConfig)) {
+                _context2.next = 2;
                 break;
               }
               return _context2.abrupt("return");
-            case 3:
-              mediaNode = this.props.view.state.doc.nodeAt($pos.pos + 1);
+            case 2:
+              mediaNode = this.props.view.state.doc.nodeAt(this.pos + 1);
               if (!(!mediaNode || !mediaNode.attrs.id)) {
-                _context2.next = 6;
+                _context2.next = 5;
                 break;
               }
               return _context2.abrupt("return");
-            case 6:
+            case 5:
               mediaClient = getMediaClient(viewMediaClientConfig);
-              _context2.prev = 7;
-              _context2.next = 10;
+              _context2.prev = 6;
+              _context2.next = 9;
               return mediaClient.file.getCurrentState(mediaNode.attrs.id, {
                 collectionName: mediaNode.attrs.collection
               });
-            case 10:
+            case 9:
               state = _context2.sent;
               if (state && state.status !== 'error' && state.mediaType === 'image') {
                 this.setState({
                   isVideoFile: false
                 });
               }
-              _context2.next = 17;
+              _context2.next = 16;
               break;
-            case 14:
-              _context2.prev = 14;
-              _context2.t0 = _context2["catch"](7);
+            case 13:
+              _context2.prev = 13;
+              _context2.t0 = _context2["catch"](6);
               this.setState({
                 isVideoFile: false
               });
-            case 17:
+            case 16:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[7, 14]]);
+        }, _callee2, this, [[6, 13]]);
       }));
       function checkVideoFile(_x) {
         return _checkVideoFile.apply(this, arguments);
@@ -531,7 +532,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         handleResizeStop: this.handleResizeStop,
         snap: this.state.snaps,
         resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
-        "data-testid": resizerNextTestId
+        "data-testid": resizerNextTestId,
+        isHandleVisible: selected
       }, children));
     }
   }]);

package/dist/esm/plugins/type-ahead/index.js

@@ -104,6 +104,7 @@ var TypeAheadMenu = /*#__PURE__*/React.memo(function (_ref) {
     cancel: cancel
   });
 });
+
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark

package/dist/esm/version-wrapper.js

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

package/dist/types/labs/next/presets/default.d.ts

@@ -221,18 +221,18 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
 }>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"unsupportedContent", {}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"unsupportedContent", {}>, (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
     commands: {
-        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+        openTypeAheadAtCursor: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => import("@atlaskit/editor-common/types").EditorCommand;
     };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
     commands: {
-        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+        openTypeAheadAtCursor: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => import("@atlaskit/editor-common/types").EditorCommand;
     };
@@ -606,18 +606,18 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
 }>, (config?: undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"unsupportedContent", {}> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"unsupportedContent", {}>, (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
     commands: {
-        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+        openTypeAheadAtCursor: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => import("@atlaskit/editor-common/types").EditorCommand;
     };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
     pluginConfiguration: TypeAheadPluginOptions | undefined;
     commands: {
-        openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+        openTypeAheadAtCursor: (props: {
             triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-            inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+            inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
             query?: string | undefined;
         }) => import("@atlaskit/editor-common/types").EditorCommand;
     };

package/dist/types/plugins/emoji/index.d.ts

@@ -7,7 +7,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TypeAheadItem } from '../type-ahead/types';
 import type { EmojiPluginOptions, EmojiPluginState } from './types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { TypeAheadPlugin } from '../type-ahead';
+import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;

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

@@ -41,18 +41,6 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     onMediaSingleClicked: (event: MouseEvent) => void;
     render(): jsx.JSX.Element;
     private clickPlaceholder;
-    /**
-     * Get parent width for a nested media single node
-     * @param view Editor view
-     * @param pos node position
-     */
-    private getLineLength;
-    /**
-     * Get parent width for a nested media single node for new experience
-     * @param view Editor view
-     * @param pos node position
-     */
-    private getLineLengthNext;
 }
 declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps> {
     lastOffsetLeft: number;

package/dist/types/plugins/media/ui/PixelEntry/constants.d.ts

@@ -0,0 +1 @@
+export declare const PIXELENTRY_MIGRATION_BUTTON_TESTID = "pixel-entry-convert-pixels-btn";

package/dist/types/plugins/media/ui/PixelEntry/index.d.ts

@@ -1,4 +1,4 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import type { PixelEntryProps } from './types';
-export declare const PixelEntry: ({ width, mediaWidth, mediaHeight, onSubmit, validate, intl: { formatMessage }, }: PixelEntryProps) => jsx.JSX.Element;
+export declare const PixelEntry: ({ width, mediaWidth, mediaHeight, onSubmit, validate, intl: { formatMessage }, showMigration, onMigrate, }: PixelEntryProps) => jsx.JSX.Element;

package/dist/types/plugins/media/ui/PixelEntry/messages.d.ts

@@ -29,4 +29,14 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    migrationButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    migrationButtonTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

package/dist/types/plugins/media/ui/PixelEntry/types.d.ts

@@ -16,6 +16,10 @@ export type PixelEntryProps = {
      * The original media height used to calculate the width
      */
     mediaHeight: number;
+    /**
+     * show migration button to convert to pixels for legacy image resize experience
+     */
+    showMigration?: boolean;
     /**
      * The submit function that is called when the form is valid and the submit key is pressed
      */
@@ -25,6 +29,10 @@ export type PixelEntryProps = {
      * The value passed through the validator currently comes from the width input only.
      */
     validate?: (value: number | '') => boolean;
+    /**
+     * Migration handler called when the CTA button is clicked
+     */
+    onMigrate?: () => void;
 };
 export type PixelEntryFormValues = {
     inputWidth: number | '';

package/dist/types/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -27,7 +27,7 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     get wrappedLayout(): boolean;
     get pos(): number | null;
-    get $pos(): 0 | import("prosemirror-model").ResolvedPos | null;
+    get $pos(): import("prosemirror-model").ResolvedPos | null;
     get aspectRatio(): number;
     get insideInlineLike(): boolean;
     get insideLayout(): boolean;

package/dist/types/plugins/type-ahead/api.d.ts

@@ -2,7 +2,8 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { TypeAheadItem } from '@atlaskit/editor-common/provider-factory';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import type { TypeAheadHandler, TypeAheadInputMethod } from './types';
+import type { TypeAheadInputMethod } from '@atlaskit/editor-plugin-type-ahead';
+import type { TypeAheadHandler } from './types';
 import type { Command } from '../../types/command';
 type CloseOptions = {
     insertCurrentQueryAsRawText: boolean;

package/dist/types/plugins/type-ahead/index.d.ts

@@ -1,17 +1,6 @@
-import type { NextEditorPlugin } from '../../types/editor-plugin';
-import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next/types';
 import { pluginKey as typeAheadPluginKey } from './pm-plugins/key';
-import { openTypeAheadAtCursor } from './transforms/open-typeahead-at-cursor';
-export type TypeAheadPluginOptions = {
-    isMobile?: boolean;
-    createAnalyticsEvent?: CreateUIAnalyticsEvent;
-};
-export type TypeAheadPlugin = NextEditorPlugin<'typeAhead', {
-    pluginConfiguration: TypeAheadPluginOptions | undefined;
-    commands: {
-        openTypeAheadAtCursor: typeof openTypeAheadAtCursor;
-    };
-}>;
+import type { TypeAheadPluginOptions, TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
+export type { TypeAheadPluginOptions, TypeAheadPlugin };
 /**
  *
  * Revamped typeahead using decorations instead of the `typeAheadQuery` mark

package/dist/types/plugins/type-ahead/types.d.ts

@@ -1,11 +1,11 @@
 import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
 import type { EditorState, Transaction, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
-import type { INPUT_METHOD } from '../analytics/types/enums';
 import type { CloseSelectionOptions } from './constants';
 import type { UiComponentFactoryParams } from '../../types/ui-components';
 import type { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
 import type { TypeAheadStats, TypeAheadItemRenderProps, TypeAheadInsert, TypeAheadSelectItem, TypeAheadItem, TypeAheadForceSelect, TypeAheadHandler } from '@atlaskit/editor-common/types';
-export type { TypeAheadStats, TypeAheadItemRenderProps, TypeAheadInsert, TypeAheadSelectItem, TypeAheadItem, TypeAheadForceSelect, TypeAheadHandler, };
+import type { TypeAheadInputMethod } from '@atlaskit/editor-plugin-type-ahead';
+export type { TypeAheadStats, TypeAheadItemRenderProps, TypeAheadInsert, TypeAheadSelectItem, TypeAheadItem, TypeAheadForceSelect, TypeAheadHandler, TypeAheadInputMethod, };
 export type OnSelectItem = (props: {
     index: number;
     item: TypeAheadItem;
@@ -49,7 +49,6 @@ export type OnTextInsertProps = {
     text: string;
 };
 export type OnTextInsert = (props: OnTextInsertProps) => void;
-export type TypeAheadInputMethod = INPUT_METHOD.INSERT_MENU | INPUT_METHOD.KEYBOARD | INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR;
 export type InsertionTransactionMeta = (editorState: EditorState) => Transaction | false;
 type PopupMountPoints = Pick<UiComponentFactoryParams, 'popupsMountPoint' | 'popupsBoundariesElement' | 'popupsScrollableElement'>;
 export type PopupMountPointReference = Record<'current', PopupMountPoints | null>;

package/dist/types-ts4.5/labs/next/presets/default.d.ts

@@ -269,18 +269,18 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
     (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
         commands: {
-            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            openTypeAheadAtCursor: (props: {
                 triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
                 query?: string | undefined;
             }) => import("@atlaskit/editor-common/types").EditorCommand;
         };
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
         commands: {
-            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            openTypeAheadAtCursor: (props: {
                 triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
                 query?: string | undefined;
             }) => import("@atlaskit/editor-common/types").EditorCommand;
         };
@@ -734,18 +734,18 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
     (config?: TypeAheadPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
         commands: {
-            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            openTypeAheadAtCursor: (props: {
                 triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
                 query?: string | undefined;
             }) => import("@atlaskit/editor-common/types").EditorCommand;
         };
     }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"typeAhead", {
         pluginConfiguration: TypeAheadPluginOptions | undefined;
         commands: {
-            openTypeAheadAtCursor: ({ triggerHandler, inputMethod, query }: {
+            openTypeAheadAtCursor: (props: {
                 triggerHandler: import("@atlaskit/editor-common/types").TypeAheadHandler;
-                inputMethod: import("../../../plugins/type-ahead/types").TypeAheadInputMethod;
+                inputMethod: import("@atlaskit/editor-plugin-type-ahead").TypeAheadInputMethod;
                 query?: string | undefined;
             }) => import("@atlaskit/editor-common/types").EditorCommand;
         };

package/dist/types-ts4.5/plugins/emoji/index.d.ts

@@ -7,7 +7,7 @@ import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TypeAheadItem } from '../type-ahead/types';
 import type { EmojiPluginOptions, EmojiPluginState } from './types';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { TypeAheadPlugin } from '../type-ahead';
+import type { TypeAheadPlugin } from '@atlaskit/editor-plugin-type-ahead';
 export declare const emojiToTypeaheadItem: (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem;
 export declare function memoize<ResultFn extends (emoji: EmojiDescription, emojiProvider?: EmojiProvider) => TypeAheadItem>(fn: ResultFn): {
     call: ResultFn;

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

@@ -41,18 +41,6 @@ export default class MediaSingleNode extends Component<MediaSingleNodeProps, Med
     onMediaSingleClicked: (event: MouseEvent) => void;
     render(): jsx.JSX.Element;
     private clickPlaceholder;
-    /**
-     * Get parent width for a nested media single node
-     * @param view Editor view
-     * @param pos node position
-     */
-    private getLineLength;
-    /**
-     * Get parent width for a nested media single node for new experience
-     * @param view Editor view
-     * @param pos node position
-     */
-    private getLineLengthNext;
 }
 declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps> {
     lastOffsetLeft: number;

package/dist/types-ts4.5/plugins/media/ui/PixelEntry/constants.d.ts

@@ -0,0 +1 @@
+export declare const PIXELENTRY_MIGRATION_BUTTON_TESTID = "pixel-entry-convert-pixels-btn";

package/dist/types-ts4.5/plugins/media/ui/PixelEntry/index.d.ts

@@ -1,4 +1,4 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import type { PixelEntryProps } from './types';
-export declare const PixelEntry: ({ width, mediaWidth, mediaHeight, onSubmit, validate, intl: { formatMessage }, }: PixelEntryProps) => jsx.JSX.Element;
+export declare const PixelEntry: ({ width, mediaWidth, mediaHeight, onSubmit, validate, intl: { formatMessage }, showMigration, onMigrate, }: PixelEntryProps) => jsx.JSX.Element;

package/dist/types-ts4.5/plugins/media/ui/PixelEntry/messages.d.ts

@@ -29,4 +29,14 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    migrationButtonText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    migrationButtonTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
 };

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

@@ -16,6 +16,10 @@ export type PixelEntryProps = {
      * The original media height used to calculate the width
      */
     mediaHeight: number;
+    /**
+     * show migration button to convert to pixels for legacy image resize experience
+     */
+    showMigration?: boolean;
     /**
      * The submit function that is called when the form is valid and the submit key is pressed
      */
@@ -25,6 +29,10 @@ export type PixelEntryProps = {
      * The value passed through the validator currently comes from the width input only.
      */
     validate?: (value: number | '') => boolean;
+    /**
+     * Migration handler called when the CTA button is clicked
+     */
+    onMigrate?: () => void;
 };
 export type PixelEntryFormValues = {
     inputWidth: number | '';

package/dist/types-ts4.5/plugins/media/ui/ResizableMediaSingle/ResizableMediaSingleNext.d.ts

@@ -27,7 +27,7 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     get wrappedLayout(): boolean;
     get pos(): number | null;
-    get $pos(): 0 | import("prosemirror-model").ResolvedPos | null;
+    get $pos(): import("prosemirror-model").ResolvedPos | null;
     get aspectRatio(): number;
     get insideInlineLike(): boolean;
     get insideLayout(): boolean;

package/dist/types-ts4.5/plugins/type-ahead/api.d.ts

@@ -2,7 +2,8 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { Transaction } from '@atlaskit/editor-prosemirror/state';
 import type { TypeAheadItem } from '@atlaskit/editor-common/provider-factory';
 import { SelectItemMode } from '@atlaskit/editor-common/type-ahead';
-import type { TypeAheadHandler, TypeAheadInputMethod } from './types';
+import type { TypeAheadInputMethod } from '@atlaskit/editor-plugin-type-ahead';
+import type { TypeAheadHandler } from './types';
 import type { Command } from '../../types/command';
 type CloseOptions = {
     insertCurrentQueryAsRawText: boolean;