@atlaskit/editor-core 187.38.2 → 187.38.5

package/dist/esm/labs/next/presets/default.js

@@ -18,7 +18,7 @@ import floatingToolbarPlugin from '../../../plugins/floating-toolbar';
 import clipboardPlugin from '../../../plugins/clipboard';
 import { analyticsPlugin as deprecatedAnalyticsPlugin } from '../../../plugins';
 import { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import placeholderPlugin from '../../../plugins/placeholder';
+import { placeholderPlugin } from '@atlaskit/editor-plugin-placeholder';
 import annotationPlugin from '../../../plugins/annotation';
 import { compositionPlugin } from '@atlaskit/editor-plugin-composition';
 import quickInsertPlugin from '../../../plugins/quick-insert';

package/dist/esm/plugins/index.js

@@ -18,7 +18,6 @@ export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
-export { default as placeholderPlugin } from './placeholder';
 export { default as placeholderTextPlugin } from './placeholder-text';
 export { default as quickInsertPlugin } from './quick-insert';
 export { default as saveOnEnterPlugin } from './save-on-enter';

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

@@ -97,7 +97,7 @@ var mediaPlugin = function mediaPlugin(_ref) {
             providerFactory: providerFactory,
             nodeViews: {
               mediaGroup: ReactMediaGroupNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
-              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent, options, api),
+              mediaSingle: ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, api, dispatchAnalyticsEvent, options),
               media: ReactMediaNode(portalProviderAPI, eventDispatcher, providerFactory, options, api),
               mediaInline: ReactMediaInlineNode(portalProviderAPI, eventDispatcher, providerFactory, api)
             },
@@ -107,7 +107,7 @@ var mediaPlugin = function mediaPlugin(_ref) {
             customDropzoneContainer: options && options.customDropzoneContainer,
             customMediaPicker: options && options.customMediaPicker,
             allowResizing: !!(options && options.allowResizing)
-          }, reactContext, getIntl, dispatch, options, featureFlags.newInsertionBehaviour, api);
+          }, reactContext, getIntl, api, dispatch, options, featureFlags.newInsertionBehaviour);
         }
       }, {
         name: 'mediaKeymap',

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

@@ -598,9 +598,8 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
   }]);
   return MediaSingleNodeView;
 }(ReactNodeView);
-export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, dispatchAnalyticsEvent) {
-  var mediaOptions = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-  var pluginInjectionApi = arguments.length > 5 ? arguments[5] : undefined;
+export var ReactMediaSingleNode = function ReactMediaSingleNode(portalProviderAPI, eventDispatcher, providerFactory, pluginInjectionApi, dispatchAnalyticsEvent) {
+  var mediaOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
   return function (node, view, getPos) {
     var hasIntlContext = true;
     return new MediaSingleNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {

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

@@ -55,7 +55,7 @@ var createDropPlaceholder = function createDropPlaceholder(intl, allowDropLine)
 };
 var MEDIA_RESOLVED_STATES = ['ready', 'error', 'cancelled'];
 export var MediaPluginStateImplementation = /*#__PURE__*/function () {
-  function MediaPluginStateImplementation(_state, options, mediaOptions, newInsertionBehaviour, _dispatch, _pluginInjectionApi) {
+  function MediaPluginStateImplementation(_state, options, mediaOptions, newInsertionBehaviour, _dispatch, pluginInjectionApi) {
     var _this = this;
     _classCallCheck(this, MediaPluginStateImplementation);
     _defineProperty(this, "allowsUploads", false);
@@ -208,9 +208,10 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    _defineProperty(this, "insertFile", function (mediaState, onMediaStateChanged, pickerType, pluginInjectionApi) {
-      var _mediaState$collectio, _this$mediaOptions2;
+    _defineProperty(this, "insertFile", function (mediaState, onMediaStateChanged, pickerType) {
+      var _this$pluginInjection, _this$pluginInjection2, _mediaState$collectio, _this$mediaOptions2;
       var state = _this.view.state;
+      var editorAnalyticsAPI = (_this$pluginInjection = _this.pluginInjectionApi) === null || _this$pluginInjection === void 0 ? void 0 : (_this$pluginInjection2 = _this$pluginInjection.analytics) === null || _this$pluginInjection2 === void 0 ? void 0 : _this$pluginInjection2.actions;
       var mediaStateWithContext = _objectSpread(_objectSpread({}, mediaState), {}, {
         contextId: _this.contextIdentifierProvider ? _this.contextIdentifierProvider.objectId : undefined
       });
@@ -226,16 +227,14 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
         });
       }
       if (isMediaSingle(state.schema, mediaStateWithContext.fileMimeType)) {
-        var _this$pluginInjection, _pluginInjectionApi$a;
+        var _this$pluginInjection3;
         // read width state right before inserting to get up-to-date and define values
-        var widthPluginState = (_this$pluginInjection = _this.pluginInjectionApi) === null || _this$pluginInjection === void 0 ? void 0 : _this$pluginInjection.width.sharedState.currentState();
-        insertMediaSingleNode(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour, widthPluginState, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions);
+        var widthPluginState = (_this$pluginInjection3 = _this.pluginInjectionApi) === null || _this$pluginInjection3 === void 0 ? void 0 : _this$pluginInjection3.width.sharedState.currentState();
+        insertMediaSingleNode(_this.view, mediaStateWithContext, _this.getInputMethod(pickerType), collection, _this.mediaOptions && _this.mediaOptions.alignLeftOnInsert, _this.newInsertionBehaviour, widthPluginState, editorAnalyticsAPI);
       } else if (getMediaFeatureFlag('mediaInline', (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags) && !isInEmptyLine(state) && (!isInsidePotentialEmptyParagraph(state) || isInListItem(state)) && canInsertMediaInline(state)) {
-        var _pluginInjectionApi$a2;
-        insertMediaInlineNode(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
+        insertMediaInlineNode(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
       } else {
-        var _pluginInjectionApi$a3;
-        insertMediaGroupNode(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType));
+        insertMediaGroupNode(editorAnalyticsAPI)(_this.view, [mediaStateWithContext], collection, _this.getInputMethod(pickerType));
       }
 
       // do events when media state changes
@@ -472,7 +471,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
     this.mediaOptions = mediaOptions;
     this.newInsertionBehaviour = newInsertionBehaviour;
     this.dispatch = _dispatch;
-    this.pluginInjectionApi = _pluginInjectionApi;
+    this.pluginInjectionApi = pluginInjectionApi;
     this.waitForMediaUpload = options.waitForMediaUpload === undefined ? true : options.waitForMediaUpload;
     var nodes = _state.schema.nodes;
     assert(nodes.media && (nodes.mediaGroup || nodes.mediaSingle), 'Editor: unable to init media plugin - media or mediaGroup/mediaSingle node absent in schema');
@@ -623,7 +622,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
 export var getMediaPluginState = function getMediaPluginState(state) {
   return stateKey.getState(state);
 };
-export var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, dispatch, mediaOptions, newInsertionBehaviour, pluginInjectionApi) {
+export var createPlugin = function createPlugin(_schema, options, reactContext, getIntl, pluginInjectionApi, dispatch, mediaOptions, newInsertionBehaviour) {
   var intl = getIntl();
   var dropPlaceholder = createDropPlaceholder(intl, mediaOptions && mediaOptions.allowDropzoneDropLine);
   return new SafePlugin({

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

@@ -55,7 +55,8 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
               },
               onBack: function onBack(href, meta) {
                 if (href.trim() && meta.inputMethod) {
-                  setUrlToMedia(href, meta.inputMethod)(view.state, view.dispatch, view);
+                  var _pluginInjectionApi$a2;
+                  setUrlToMedia(href, meta.inputMethod, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(view.state, view.dispatch, view);
                 }
                 hideLinkingToolbar(view.state, view.dispatch, view);
               },
@@ -71,7 +72,8 @@ export var getLinkingToolbar = function getLinkingToolbar(toolbarBaseConfig, med
                 dispatch(tr);
               },
               onSubmit: function onSubmit(href, meta) {
-                setUrlToMedia(href, meta.inputMethod)(view.state, view.dispatch, view);
+                var _pluginInjectionApi$a3;
+                setUrlToMedia(href, meta.inputMethod, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions)(view.state, view.dispatch, view);
                 hideLinkingToolbar(view.state, view.dispatch, view);
               },
               onBlur: function onBlur() {

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

@@ -22,23 +22,13 @@ import { wrapperStyle } from './styled';
 import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import classnames from 'classnames';
 import { richMediaClassName, resizerStyles } from '@atlaskit/editor-common/styles';
-import { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH, calcMediaSingleMaxWidth } from '@atlaskit/editor-common/media-single';
+import { MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, DEFAULT_IMAGE_WIDTH, calcMediaSingleMaxWidth } from '@atlaskit/editor-common/media-single';
 import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps, getGuidelineTypeFromKey, getRelativeGuideSnaps, getRelativeGuidelines } from '@atlaskit/editor-common/guideline';
 import memoizeOne from 'memoize-one';
 import { getMediaResizeAnalyticsEvent } from '../../utils/analytics';
 import throttle from 'lodash/throttle';
 import { MEDIA_PLUGIN_IS_RESIZING_KEY, MEDIA_PLUGIN_RESIZING_WIDTH_KEY } from '../../pm-plugins/main';
 export var resizerNextTestId = 'mediaSingle.resizerNext.testid';
-var handleComponent = {
-  left: jsx("div", {
-    "data-testid": "richMedia-resize-handle-left-elem",
-    contentEditable: false
-  }),
-  right: jsx("div", {
-    "data-testid": "richMedia-resize-handle-right-elem",
-    contentEditable: false
-  })
-};
 var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
@@ -123,9 +113,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         height = _this$props3.height;
       return Math.round(height / width * newWidth);
     });
-    _defineProperty(_assertThisInitialized(_this), "saveWrapper", function (wrapper) {
-      return _this.wrapper = wrapper;
-    });
     _defineProperty(_assertThisInitialized(_this), "displayGuideline", function (guidelines) {
       var _this$props$pluginInj, _this$props$pluginInj2, _this$props$pluginInj3;
       return (_this$props$pluginInj = _this.props.pluginInjectionApi) === null || _this$props$pluginInj === void 0 ? void 0 : (_this$props$pluginInj2 = _this$props$pluginInj.guideline) === null || _this$props$pluginInj2 === void 0 ? void 0 : (_this$props$pluginInj3 = _this$props$pluginInj2.actions) === null || _this$props$pluginInj3 === void 0 ? void 0 : _this$props$pluginInj3.displayGuideline(_this.props.view)({
@@ -293,8 +280,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     });
     var initialWidth = props.mediaSingleWidth || DEFAULT_IMAGE_WIDTH;
     _this.state = {
-      offsetLeft: calculateOffsetLeft(_this.insideInlineLike, _this.insideLayout, _this.props.view.dom, undefined),
-      // We default to true until we resolve the file type
       isVideoFile: true,
       isResizing: false,
       size: {
@@ -310,13 +295,6 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _createClass(ResizableMediaSingleNext, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var offsetLeft = calculateOffsetLeft(this.insideInlineLike, this.insideLayout, this.props.view.dom, this.wrapper);
-      if (offsetLeft !== this.state.offsetLeft && offsetLeft >= 0) {
-        this.setState({
-          offsetLeft: offsetLeft
-        });
-      }
-
       // Handle undo, when the actual pctWidth changed,
       // we sync up with the internal state.
       if (prevProps.pctWidth !== this.props.pctWidth) {
@@ -538,32 +516,19 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         'rich-media-wrapped': layout === 'wrap-left' || layout === 'wrap-right'
       });
       var resizerNextClassName = classnames(className, resizerStyles);
-      var maxWidth = !isResizing && this.isNestedNode() ?
+      var isNestedNode = this.isNestedNode();
+      var maxWidth = !isResizing && isNestedNode ?
       // set undefined to fall back to 100%
       undefined : this.calcMaxWidth(lineLength, containerWidth, fullWidthMode);
       var minWidth = this.calcMinWidth(isVideoFile, lineLength);
-      var nestedHandleStyles = function nestedHandleStyles(isNestedNode) {
-        if (!isNestedNode) {
-          return;
-        }
-        return {
-          left: {
-            left: "calc(".concat("var(--ds-space-075, 0.375em)", " * -1)")
-          },
-          right: {
-            right: "calc(".concat("var(--ds-space-075, 0.375em)", " * -1)")
-          }
-        };
-      };
       return jsx("div", {
-        ref: this.saveWrapper,
         css: wrapperStyle({
           layout: layout,
           isResized: !!pctWidth,
           containerWidth: containerWidth || origWidth,
           fullWidthMode: fullWidthMode,
           mediaSingleWidth: this.state.size.width,
-          isNestedNode: this.isNestedNode(),
+          isNestedNode: isNestedNode,
           isExtendedResizeExperienceOn: true
         })
       }, jsx(ResizerNext, {
@@ -578,10 +543,10 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         handleResizeStop: this.handleResizeStop,
         snap: this.state.snaps,
         resizeRatio: nonWrappedLayouts.includes(layout) ? 2 : 1,
-        handleComponent: handleComponent,
         "data-testid": resizerNextTestId,
         isHandleVisible: selected,
-        handleStyles: nestedHandleStyles(this.isNestedNode())
+        handlePositioning: isNestedNode ? 'adjacent' : undefined,
+        handleHighlight: "full-height"
       }, children));
     }
   }]);

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

@@ -172,6 +172,17 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
     get: function get() {
       return wrappedLayouts.indexOf(this.props.layout) > -1;
     }
+
+    // check if is inside of a table
+  }, {
+    key: "isNestedInTable",
+    value: function isNestedInTable() {
+      var table = this.props.view.state.schema.nodes.table;
+      if (!this.$pos) {
+        return false;
+      }
+      return !!findParentNodeOfTypeClosestToPos(this.$pos, table);
+    }
   }, {
     key: "componentDidMount",
     value: function () {
@@ -359,6 +370,21 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
         offsetLeft: this.state.offsetLeft,
         wrappedLayout: this.wrappedLayout
       };
+      var nestedInTableHandleStyles = function nestedInTableHandleStyles(isNestedInTable) {
+        if (!isNestedInTable) {
+          return;
+        }
+        return {
+          left: {
+            left: "calc(".concat("var(--ds-space-025, 0.125em)", " * -0.5)"),
+            paddingLeft: '0px'
+          },
+          right: {
+            right: "calc(".concat("var(--ds-space-025, 0.125em)", " * -0.5)"),
+            paddingRight: '0px'
+          }
+        };
+      };
       return jsx("div", {
         ref: this.saveWrapper,
         css: wrapperStyle({
@@ -387,7 +413,8 @@ var ResizableMediaSingle = /*#__PURE__*/function (_React$Component) {
           return jsx("div", {
             contentEditable: false
           });
-        }
+        },
+        handleStyles: nestedInTableHandleStyles(this.isNestedInTable())
       }), children));
     }
   }]);

package/dist/esm/version-wrapper.js

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

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

@@ -4,7 +4,7 @@ import type { BasePluginOptions } from '../../../plugins/base';
 import type { EditorProps } from '../../../types/editor-props';
 import type { EditorPresetProps } from './types';
 import type { BlockTypePluginOptions } from '../../../plugins/block-type/types';
-import type { PlaceholderPluginOptions } from '../../../plugins/placeholder';
+import type { PlaceholderPluginOptions } from '@atlaskit/editor-plugin-placeholder';
 import type { AnnotationProviders } from '../../../plugins/annotation';
 import type { TextFormattingOptions, HyperlinkPluginOptions, QuickInsertPluginOptions } from '@atlaskit/editor-common/types';
 import type { CodeBlockOptions } from '../../../plugins/code-block/types';

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

@@ -18,7 +18,6 @@ export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
-export { default as placeholderPlugin } from './placeholder';
 export { default as placeholderTextPlugin } from './placeholder-text';
 export { default as quickInsertPlugin } from './quick-insert';
 export { default as saveOnEnterPlugin } from './save-on-enter';

package/dist/types/plugins/media/commands/linking.d.ts

@@ -6,5 +6,5 @@ import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/a
 export declare const showLinkingToolbar: import("@atlaskit/editor-common/types").Command;
 export declare const showLinkingToolbarWithMediaTypeCheck: Command;
 export declare const hideLinkingToolbar: (state: EditorState, dispatch?: CommandDispatch, view?: EditorView, focusFloatingToolbar?: boolean) => void;
-export declare const unlink: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
-export declare const setUrlToMedia: (url: string, inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const unlink: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const setUrlToMedia: (url: string, inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;

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

@@ -58,5 +58,5 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }
-export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
+export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
 export {};

package/dist/types/plugins/media/picker-facade.d.ts

@@ -1,8 +1,8 @@
-import { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
 export type PickerType = 'clipboard' | 'dropzone' | 'customMediaPicker';
 export type ExtendedComponentConfigs = {
     customMediaPicker: CustomMediaPicker;

package/dist/types/plugins/media/pm-plugins/alt-text/commands.d.ts

@@ -1,4 +1,4 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export declare const closeMediaAltTextMenu: import("@atlaskit/editor-common/types").Command;
-export declare const openMediaAltTextMenu: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const openMediaAltTextMenu: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
 export declare const updateAltText: (newAltText: string) => import("@atlaskit/editor-common/types").Command;

package/dist/types/plugins/media/pm-plugins/alt-text/keymap.d.ts

@@ -1,4 +1,4 @@
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export default function keymapPlugin(schema: Schema, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): SafePlugin;
+export default function keymapPlugin(schema: Schema, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin;

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

@@ -1,5 +1,5 @@
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { MediaOptions } from '../types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare function keymapPlugin(options?: MediaOptions, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): SafePlugin;
+export declare function keymapPlugin(options: MediaOptions | undefined, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin;
 export default keymapPlugin;

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

@@ -53,8 +53,8 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     showEditingDialog?: boolean;
     mediaOptions?: MediaOptions;
     dispatch?: Dispatch;
-    pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>;
-    constructor(state: EditorState, options: MediaPluginOptions, mediaOptions?: MediaOptions, newInsertionBehaviour?: boolean, dispatch?: Dispatch, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>);
+    pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined;
+    constructor(state: EditorState, options: MediaPluginOptions, mediaOptions: MediaOptions | undefined, newInsertionBehaviour: boolean | undefined, dispatch: Dispatch | undefined, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined);
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;
     getMediaOptions: () => MediaPluginOptions;
@@ -68,7 +68,7 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
      *
      * called when we insert a new file via the picker (connected via pickerfacade)
      */
-    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin> | undefined) => void;
+    insertFile: (mediaState: MediaState, onMediaStateChanged: MediaStateEventSubscriber, pickerType?: string) => void;
     addPendingTask: (task: Promise<any>) => void;
     splitMediaGroup: () => boolean;
     onPopupPickerClose: () => void;
@@ -115,4 +115,4 @@ export declare class MediaPluginStateImplementation implements MediaPluginState
     updateAndDispatch(props: Partial<Pick<this, 'allowsUploads' | 'allUploadsFinished' | 'isFullscreen'>>): void;
 }
 export declare const getMediaPluginState: (state: EditorState) => MediaPluginState;
-export declare const createPlugin: (_schema: Schema, options: MediaPluginOptions, reactContext: () => {}, getIntl: () => IntlShape, dispatch?: Dispatch, mediaOptions?: MediaOptions, newInsertionBehaviour?: boolean, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>) => SafePlugin<MediaPluginState>;
+export declare const createPlugin: (_schema: Schema, options: MediaPluginOptions, reactContext: () => {}, getIntl: () => IntlShape, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined, dispatch?: Dispatch, mediaOptions?: MediaOptions, newInsertionBehaviour?: boolean) => SafePlugin<MediaPluginState>;

package/dist/types/plugins/media/toolbar/alt-text.d.ts

@@ -5,7 +5,7 @@ import type { MediaToolbarBaseConfig } from '../types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare const altTextButton: (intl: IntlShape, state: EditorState, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => FloatingToolbarButton<Command>;
+export declare const altTextButton: (intl: IntlShape, state: EditorState, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => FloatingToolbarButton<Command>;
 export declare const altTextEditComponent: (options?: AltTextToolbarOptions) => FloatingToolbarCustom<Command>;
 export interface AltTextToolbarOptions {
     altTextValidator?: (value: string) => string[];

package/dist/types/plugins/media/toolbar/commands.d.ts

@@ -3,8 +3,8 @@ import type { Command } from '../../../types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export declare const DEFAULT_BORDER_COLOR = "#091e4224";
 export declare const DEFAULT_BORDER_SIZE = 2;
-export declare const changeInlineToMediaCard: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => Command;
-export declare const changeMediaCardToInline: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => Command;
+export declare const changeInlineToMediaCard: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const changeMediaCardToInline: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const removeInlineCard: Command;
-export declare const toggleBorderMark: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => Command;
-export declare const setBorderMark: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => (attrs: Partial<BorderMarkAttributes>) => Command;
+export declare const toggleBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
+export declare const setBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (attrs: Partial<BorderMarkAttributes>) => Command;

package/dist/types/plugins/media/ui/MediaPicker/BrowserWrapper.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { MediaPluginState } from '../../pm-plugins/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
 type Props = {
     mediaState: MediaPluginState;
     isOpen?: boolean;

package/dist/types/plugins/media/ui/MediaPicker/DropzoneWrapper.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { MediaPluginState } from '../../pm-plugins/types';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import { EditorAppearance } from '../../../../types/editor-appearance';
+import type { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { EditorAppearance } from '../../../../types/editor-appearance';
 type Props = {
     mediaState: MediaPluginState;
     isActive: boolean;

package/dist/types/plugins/media/ui/MediaPicker/PickerFacadeProvider.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { ClipboardConfig, BrowserConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { ClipboardConfig, BrowserConfig, DropzoneConfig } from '@atlaskit/media-picker/types';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import PickerFacade from '../../picker-facade';
-import { MediaPluginState } from '../../pm-plugins/types';
+import type { MediaPluginState } from '../../pm-plugins/types';
 export interface ChildrenProps {
     config: ClipboardConfig | BrowserConfig | DropzoneConfig;
     mediaClientConfig: MediaClientConfig;

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

@@ -7,7 +7,6 @@ import type { Props } from './types';
 import type { Dimensions, HandleResize, HandleResizeStart, Position, Snap } from '@atlaskit/editor-common/resizer';
 import type { GuidelineConfig, RelativeGuides, GuidelineSnapsReference } from '@atlaskit/editor-common/guideline';
 type State = {
-    offsetLeft: number;
     isVideoFile: boolean;
     resizedPctWidth?: number;
     isResizing: boolean;
@@ -16,11 +15,10 @@ type State = {
     relativeGuides: RelativeGuides;
     guidelines: GuidelineConfig[];
 };
-export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
 type ResizableMediaSingleNextProps = Props;
+export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
 declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
-    private wrapper?;
     constructor(props: ResizableMediaSingleNextProps);
     componentDidUpdate(prevProps: Props): boolean;
     componentDidMount(): Promise<void>;
@@ -41,7 +39,6 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
     };
     calcUnwrappedLayout: (width: number, containerWidth: number, contentWidth: number, fullWidthMode?: boolean, isNestedNode?: boolean) => 'center' | 'wide' | 'full-width';
     calcPxHeight: (newWidth: number) => number;
-    private saveWrapper;
     private displayGuideline;
     private setIsResizing;
     private updateSizeInPluginState;

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

@@ -14,6 +14,7 @@ export default class ResizableMediaSingle extends React.Component<Props, State>
     componentDidUpdate(prevProps: Props): boolean;
     private displayGrid;
     get wrappedLayout(): boolean;
+    isNestedInTable(): boolean;
     componentDidMount(): Promise<void>;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     checkVideoFile(viewMediaClientConfig?: MediaClientConfig): Promise<void>;

package/dist/types/plugins/media/utils/media-files.d.ts

@@ -14,7 +14,7 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * @param mediaState Media file to be added to the editor
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaInlineNode: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, inputMethod?: InputMethodInsertMedia) => boolean;
+export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, inputMethod?: InputMethodInsertMedia) => boolean;
 /**
  * Insert a media into an existing media group
  * or create a new media group to insert the new media.
@@ -22,7 +22,7 @@ export declare const insertMediaInlineNode: (editorAnalyticsAPI?: EditorAnalytic
  * @param mediaStates Media files to be added to the editor
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaGroupNode: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia) => void;
+export declare const insertMediaGroupNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaStates: MediaState[], collection: string, inputMethod?: InputMethodInsertMedia) => void;
 /**
  * Return position of media to be inserted, if it is inside a list
  * @param content Content to be inserted

package/dist/types/plugins/media/utils/media-single.d.ts

@@ -14,7 +14,7 @@ export interface MediaSingleState extends MediaState {
     contextId?: string;
 }
 export declare const isMediaSingle: (schema: Schema, fileMimeType?: string) => boolean;
-export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => boolean;
+export declare const insertMediaAsMediaSingle: (view: EditorView, node: PMNode, inputMethod: InputMethodInsertMedia, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => boolean;
 export declare const insertMediaSingleNode: (view: EditorView, mediaState: MediaState, inputMethod?: InputMethodInsertMedia, collection?: string, alignLeftOnInsert?: boolean, newInsertionBehaviour?: boolean, widthPluginState?: WidthPluginState | undefined, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => boolean;
 export declare const createMediaSingleNode: (schema: Schema, collection: string, maxWidth?: number, minWidth?: number, alignLeftOnInsert?: boolean) => (mediaState: MediaSingleState) => PMNode;
 export declare function transformSliceForMedia(slice: Slice, schema: Schema): (selection: Selection) => Slice;

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

@@ -4,7 +4,7 @@ import type { BasePluginOptions } from '../../../plugins/base';
 import type { EditorProps } from '../../../types/editor-props';
 import type { EditorPresetProps } from './types';
 import type { BlockTypePluginOptions } from '../../../plugins/block-type/types';
-import type { PlaceholderPluginOptions } from '../../../plugins/placeholder';
+import type { PlaceholderPluginOptions } from '@atlaskit/editor-plugin-placeholder';
 import type { AnnotationProviders } from '../../../plugins/annotation';
 import type { TextFormattingOptions, HyperlinkPluginOptions, QuickInsertPluginOptions } from '@atlaskit/editor-common/types';
 import type { CodeBlockOptions } from '../../../plugins/code-block/types';

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

@@ -18,7 +18,6 @@ export { default as mediaPlugin } from './media';
 export { default as mentionsPlugin } from './mentions';
 export { default as panelPlugin } from './panel';
 export { default as pastePlugin } from './paste';
-export { default as placeholderPlugin } from './placeholder';
 export { default as placeholderTextPlugin } from './placeholder-text';
 export { default as quickInsertPlugin } from './quick-insert';
 export { default as saveOnEnterPlugin } from './save-on-enter';

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

@@ -6,5 +6,5 @@ import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/a
 export declare const showLinkingToolbar: import("@atlaskit/editor-common/types").Command;
 export declare const showLinkingToolbarWithMediaTypeCheck: Command;
 export declare const hideLinkingToolbar: (state: EditorState, dispatch?: CommandDispatch, view?: EditorView, focusFloatingToolbar?: boolean) => void;
-export declare const unlink: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
-export declare const setUrlToMedia: (url: string, inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const unlink: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const setUrlToMedia: (url: string, inputMethod: INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.MANUAL, editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;

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

@@ -58,5 +58,5 @@ declare class MediaSingleNodeView extends ReactNodeView<MediaSingleNodeViewProps
     render(props: MediaSingleNodeViewProps, forwardRef?: ForwardRef): jsx.JSX.Element;
     ignoreMutation(): boolean;
 }
-export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions, pluginInjectionApi?: ExtractInjectionAPI<typeof mediaPlugin>) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
+export declare const ReactMediaSingleNode: (portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, pluginInjectionApi: ExtractInjectionAPI<typeof mediaPlugin> | undefined, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, mediaOptions?: MediaOptions) => (node: PMNode, view: EditorView, getPos: getPosHandler) => MediaSingleNodeView;
 export {};

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

@@ -1,8 +1,8 @@
-import { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
-import { MediaClientConfig } from '@atlaskit/media-core';
+import type { UploadPreviewUpdateEventPayload, UploadParams, UploadErrorEventPayload, UploadEndEventPayload } from '@atlaskit/media-picker/types';
+import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { ErrorReportingHandler } from '@atlaskit/editor-common/utils';
-import { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
-import { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
+import type { MediaFeatureFlags } from '@atlaskit/media-common/mediaFeatureFlags';
+import type { MediaState, CustomMediaPicker, MobileUploadEndEventPayload } from './types';
 export type PickerType = 'clipboard' | 'dropzone' | 'customMediaPicker';
 export type ExtendedComponentConfigs = {
     customMediaPicker: CustomMediaPicker;

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

@@ -1,4 +1,4 @@
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export declare const closeMediaAltTextMenu: import("@atlaskit/editor-common/types").Command;
-export declare const openMediaAltTextMenu: (editorAnalyticsAPI?: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
+export declare const openMediaAltTextMenu: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => import("@atlaskit/editor-common/types").Command;
 export declare const updateAltText: (newAltText: string) => import("@atlaskit/editor-common/types").Command;

package/dist/types-ts4.5/plugins/media/pm-plugins/alt-text/keymap.d.ts

@@ -1,4 +1,4 @@
 import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export default function keymapPlugin(schema: Schema, editorAnalyticsAPI?: EditorAnalyticsAPI | undefined): SafePlugin;
+export default function keymapPlugin(schema: Schema, editorAnalyticsAPI: EditorAnalyticsAPI | undefined): SafePlugin;