@atlaskit/editor-core 187.23.2 → 187.24.1

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

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
 import EditorActions from '../../actions';
+import { PresetContextProvider } from '../../presets/context';
 const EditorContext = /*#__PURE__*/React.createContext({});
 export const useEditorContext = () => React.useContext(EditorContext);
 export default class LegacyEditorContext extends React.Component {
@@ -17,7 +18,7 @@ export default class LegacyEditorContext extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(EditorContext.Provider, {
       value: this.getChildContext()
-    }, this.props.children);
+    }, /*#__PURE__*/React.createElement(PresetContextProvider, null, this.props.children));
   }
 }
 _defineProperty(LegacyEditorContext, "childContextTypes", {

package/dist/es2019/use-preset.js

@@ -0,0 +1,45 @@
+import { useMemo } from 'react';
+import { usePresetContext } from './presets/context';
+/**
+ * Creates a preset.
+ *
+ * Takes an input function that returns a preset (and memoizes it) depending
+ * on the dependency array provided.
+ *
+ * Returns a pluginInjectionApi in order to apply actions and subscribe to plugin
+ * changes outside of the editor.
+ *
+ * @param createPreset
+ * @param dependencies
+ * @returns PresetAPI ({ pluginInjectionApi, preset, actionBuilder })
+ *
+ * Example:
+ * ```ts
+ * function ExampleEditor() {
+ *   const { preset, editorApi } = usePreset(() =>
+ *     new EditorPresetBuilder().add(plugin1).add(plugin2)
+ *   , []);
+ *
+ *   // Can execute typesafe commands based on plugin1 or 2
+ *   const runCommand = () => editorApi.executeCommand(
+ *     editorApi.dependencies.plugin1.commands.doSomething()
+ *   )
+ *   return (
+ *     <>
+ *       <Editor preset={preset} />
+ *       <Button onClick={runCommand}>Run command</Button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export function usePreset(createPreset, dependencies) {
+  const editorApi = usePresetContext();
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const preset = useMemo(createPreset, dependencies);
+  return {
+    editorApi,
+    preset
+  };
+}

package/dist/es2019/version-wrapper.js

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

package/dist/esm/create-editor/ReactEditorViewInternal.js

@@ -80,7 +80,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   _inherits(ReactEditorView, _React$Component);
   var _super = _createSuper(ReactEditorView);
   function ReactEditorView(props, context) {
-    var _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
+    var _props$setEditorApi, _props$editorProps, _props$editorProps$pe, _props$editorProps$pe2;
     var _this;
     _classCallCheck(this, ReactEditorView);
     _this = _super.call(this, props, context);
@@ -529,6 +529,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       getEditorState: _this.getEditorState,
       getEditorView: _this.getEditorView
     });
+    (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 ? void 0 : _props$setEditorApi.call(props, _this.pluginInjectionAPI.api());
     _this.eventDispatcher = new EventDispatcher();
     _this.dispatch = createDispatch(_this.eventDispatcher);
     _this.errorReporter = createErrorReporter(props.editorProps.errorReporterHandler);

package/dist/esm/editor-next/editor-internal.js

@@ -13,6 +13,7 @@ import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from
 import ReactEditorView from '../create-editor/ReactEditorViewNext';
 import { ContextAdapter } from '../nodeviews/context-adapter';
 import EditorContext from '../ui/EditorContext';
+import { useSetPresetContext } from '../presets/context';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import useMeasureEditorMountTime from './hooks/useMeasureEditorMountTime';
 import useProviderFactory from './hooks/useProviderFactory';
@@ -50,6 +51,7 @@ export function EditorInternalWithoutHooks(_ref) {
     onEditorDestroyed = _ref.onEditorDestroyed,
     preset = _ref.preset;
   var Component = getUiComponent(props.appearance);
+  var setEditorApi = useSetPresetContext();
   var overriddenEditorProps = _objectSpread(_objectSpread({}, props), {}, {
     onSave: props.onSave ? handleSave : undefined,
     // noop all analytic events, even if a handler is still passed.
@@ -94,6 +96,7 @@ export function EditorInternalWithoutHooks(_ref) {
         onEditorDestroyed: onEditorDestroyed,
         disabled: props.disabled,
         preset: preset,
+        setEditorApi: setEditorApi,
         render: function render(_ref2) {
           var _props$featureFlags, _props$featureFlags2;
           var editor = _ref2.editor,

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

@@ -3,6 +3,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { baseKeymap } from '@atlaskit/editor-prosemirror/commands';
 import { history } from '@atlaskit/editor-prosemirror/history';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { browser } from '@atlaskit/editor-common/utils';
 import { doc, paragraph, text } from '@atlaskit/adf-schema';
 import filterStepsPlugin from './pm-plugins/filter-steps';
@@ -89,7 +90,7 @@ var basePlugin = function basePlugin(options, api) {
           }
         });
       }
-      if (isChromeWithSelectionBug) {
+      if (isChromeWithSelectionBug && !getBooleanFF('platform.editor.disable-chrome-88-selection-fix_uk53m')) {
         plugins.push({
           name: 'fixChrome88SelectionPlugin',
           plugin: function plugin() {

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

@@ -23,35 +23,40 @@ import { ResizerNext } from '@atlaskit/editor-common/resizer';
 import classnames from 'classnames';
 import { richMediaClassName, resizerStyles } from '@atlaskit/editor-common/styles';
 import { MEDIA_SINGLE_MIN_PIXEL_WIDTH, MEDIA_SINGLE_SNAP_GAP, MEDIA_SINGLE_RESIZE_THROTTLE_TIME, calculateOffsetLeft, DEFAULT_IMAGE_WIDTH, calcMediaSingleMaxWidth } from '@atlaskit/editor-common/media-single';
-import { findClosestSnap, getGuidelinesWithHighlights, generateDefaultGuidelines, generateDynamicGuidelines, getGuidelineSnaps, getGuidelineTypeFromKey } from '@atlaskit/editor-common/guideline';
+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 ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
+export var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
   _inherits(ResizableMediaSingleNext, _React$Component);
   var _super = _createSuper(ResizableMediaSingleNext);
   function ResizableMediaSingleNext(props) {
     var _this;
     _classCallCheck(this, ResizableMediaSingleNext);
     _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "guidelines", []);
     _defineProperty(_assertThisInitialized(_this), "lastSnappedGuidelineKeys", []);
-    _defineProperty(_assertThisInitialized(_this), "getAllGuidelines", function () {
+    _defineProperty(_assertThisInitialized(_this), "updateGuidelines", function () {
       var _this$props = _this.props,
         view = _this$props.view,
         lineLength = _this$props.lineLength;
       var defaultGuidelines = _this.getDefaultGuidelines();
+      var _generateDynamicGuide = generateDynamicGuidelines(view.state, lineLength, {
+          styles: {
+            lineStyle: 'dashed'
+          },
+          show: false
+        }),
+        relativeGuides = _generateDynamicGuide.relativeGuides,
+        dynamicGuides = _generateDynamicGuide.dynamicGuides;
+
       // disable guidelines for nested media single node
-      var dynamicGuidelines = _this.isNestedNode() ? [] : generateDynamicGuidelines(view.state, lineLength, {
-        styles: {
-          lineStyle: 'dashed'
-        },
-        show: false
+      var dynamicGuidelines = _this.isNestedNode() ? [] : dynamicGuides;
+      _this.setState({
+        relativeGuides: relativeGuides,
+        guidelines: [].concat(_toConsumableArray(defaultGuidelines), _toConsumableArray(dynamicGuidelines))
       });
-      var guidelines = [].concat(_toConsumableArray(defaultGuidelines), _toConsumableArray(dynamicGuidelines));
-      return guidelines;
     });
     _defineProperty(_assertThisInitialized(_this), "calcNewSize", function (newWidth, stop) {
       var _this$props2 = _this.props,
@@ -60,7 +65,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         containerWidth = _this$props2.containerWidth,
         lineLength = _this$props2.lineLength,
         fullWidthMode = _this$props2.fullWidthMode;
-      var newPct = calcPctFromPx(newWidth, _this.props.lineLength) * 100;
+      var newPct = calcPctFromPx(newWidth, lineLength) * 100;
       _this.setState({
         resizedPctWidth: newPct
       });
@@ -142,6 +147,13 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       }
       return calcMediaSingleMaxWidth(containerWidth);
     }));
+    _defineProperty(_assertThisInitialized(_this), "getRelativeGuides", function () {
+      var relativeGuides = _this.$pos && _this.$pos.nodeAfter && _this.state.size.width ? getRelativeGuidelines(_this.state.relativeGuides, {
+        node: _this.$pos.nodeAfter,
+        pos: _this.$pos.pos
+      }, _this.props.view, _this.props.lineLength, _this.state.size) : [];
+      return relativeGuides;
+    });
     _defineProperty(_assertThisInitialized(_this), "updateActiveGuidelines", function () {
       var width = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       var guidelines = arguments.length > 1 ? arguments[1] : undefined;
@@ -151,7 +163,8 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
           gap = _findClosestSnap.gap,
           activeGuidelineKeys = _findClosestSnap.keys;
         _this.lastSnappedGuidelineKeys = activeGuidelineKeys;
-        _this.displayGuideline(getGuidelinesWithHighlights(gap, MEDIA_SINGLE_SNAP_GAP, activeGuidelineKeys, guidelines));
+        var relativeGuidelines = activeGuidelineKeys.length ? [] : _this.getRelativeGuides();
+        _this.displayGuideline([].concat(_toConsumableArray(getGuidelinesWithHighlights(gap, MEDIA_SINGLE_SNAP_GAP, activeGuidelineKeys, guidelines)), _toConsumableArray(relativeGuidelines)));
       }
     });
     _defineProperty(_assertThisInitialized(_this), "roundPixelValue", function (value) {
@@ -214,7 +227,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       _this.setIsResizing(true);
       _this.updateSizeInPluginState(_this.state.size.width);
       // re-calucate guidelines
-      _this.guidelines = _this.getAllGuidelines();
+      _this.updateGuidelines();
       return 0;
     });
     _defineProperty(_assertThisInitialized(_this), "handleResize", throttle(function (size, delta) {
@@ -228,14 +241,17 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         width = _this$calculateSizeSt.width,
         height = _this$calculateSizeSt.height,
         calculatedWidthWithLayout = _this$calculateSizeSt.calculatedWidthWithLayout;
-      var guidelineSnaps = getGuidelineSnaps(_this.guidelines, lineLength, layout);
-      _this.updateActiveGuidelines(width, _this.guidelines, guidelineSnaps);
+      var guidelineSnaps = getGuidelineSnaps(_this.state.guidelines, lineLength, layout);
+      _this.updateActiveGuidelines(width, _this.state.guidelines, guidelineSnaps);
+      var relativeSnaps = getRelativeGuideSnaps(_this.state.relativeGuides, _this.aspectRatio);
       _this.setState({
         size: {
           width: width,
           height: height
         },
-        snaps: guidelineSnaps.snaps
+        snaps: {
+          x: [].concat(_toConsumableArray(guidelineSnaps.snaps.x || []), _toConsumableArray(relativeSnaps))
+        }
       });
       _this.updateSizeInPluginState(width);
       if (calculatedWidthWithLayout.layout !== layout) {
@@ -258,7 +274,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
           width: width,
           layout: calculatedWidthWithLayout.layout,
           widthType: 'pixel',
-          snapType: getGuidelineTypeFromKey(_this.lastSnappedGuidelineKeys, _this.guidelines),
+          snapType: getGuidelineTypeFromKey(_this.lastSnappedGuidelineKeys, _this.state.guidelines),
           parentNode: _this.getParentNodeTypeNameFromCurrentPositionNode()
         });
         if (event) {
@@ -287,7 +303,9 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         width: initialWidth,
         height: _this.calcPxHeight(initialWidth)
       },
-      snaps: {}
+      snaps: {},
+      relativeGuides: {},
+      guidelines: []
     };
     return _this;
   }
@@ -406,6 +424,18 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         this.checkVideoFile(nextProps.viewMediaClientConfig);
       }
     }
+  }, {
+    key: "aspectRatio",
+    get: function get() {
+      var _this$props8 = this.props,
+        width = _this$props8.width,
+        height = _this$props8.height;
+      if (width) {
+        return width / height;
+      }
+      // TODO handle this case
+      return 1;
+    }
   }, {
     key: "checkVideoFile",
     value: function () {
@@ -508,15 +538,15 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-      var _this$props8 = this.props,
-        origWidth = _this$props8.width,
-        layout = _this$props8.layout,
-        pctWidth = _this$props8.pctWidth,
-        containerWidth = _this$props8.containerWidth,
-        fullWidthMode = _this$props8.fullWidthMode,
-        selected = _this$props8.selected,
-        children = _this$props8.children,
-        lineLength = _this$props8.lineLength;
+      var _this$props9 = this.props,
+        origWidth = _this$props9.width,
+        layout = _this$props9.layout,
+        pctWidth = _this$props9.pctWidth,
+        containerWidth = _this$props9.containerWidth,
+        fullWidthMode = _this$props9.fullWidthMode,
+        selected = _this$props9.selected,
+        children = _this$props9.children,
+        lineLength = _this$props9.lineLength;
       var _this$state = this.state,
         isResizing = _this$state.isResizing,
         size = _this$state.size;

package/dist/esm/plugins/text-color/commands/toggle-color.js

@@ -1,7 +1,7 @@
 import { toggleMark } from '@atlaskit/editor-common/mark';
 import { ACTIONS, pluginKey } from '../pm-plugins/main';
 import { getDisabledState } from '../utils/disabled';
-import { pluginCommandToPMCommand } from '@atlaskit/editor-common/preset';
+import { editorCommandToPMCommand } from '@atlaskit/editor-common/preset';
 export var toggleColor = function toggleColor(color) {
   return function (state, dispatch) {
     var textColor = state.schema.marks.textColor;
@@ -21,7 +21,7 @@ export var toggleColor = function toggleColor(color) {
         color: color
       });
       state.tr.scrollIntoView();
-      pluginCommandToPMCommand(toggleMark(textColor, {
+      editorCommandToPMCommand(toggleMark(textColor, {
         color: color
       }))(state, dispatch);
     }

package/dist/esm/presets/context.js

@@ -0,0 +1,26 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useContext } from 'react';
+export var EditorAPIContext = /*#__PURE__*/React.createContext({});
+export var PresetContextProvider = function PresetContextProvider(_ref) {
+  var children = _ref.children;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    editorApi = _useState2[0],
+    setEditorApi = _useState2[1];
+  return /*#__PURE__*/React.createElement(EditorAPIContext.Provider, {
+    value: {
+      editorApi: editorApi,
+      setEditorApi: setEditorApi
+    }
+  }, children);
+};
+export var usePresetContext = function usePresetContext() {
+  var _useContext = useContext(EditorAPIContext),
+    editorApi = _useContext.editorApi;
+  return editorApi;
+};
+export var useSetPresetContext = function useSetPresetContext() {
+  var _useContext2 = useContext(EditorAPIContext),
+    setEditorApi = _useContext2.setEditorApi;
+  return setEditorApi;
+};

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

@@ -9,6 +9,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React from 'react';
 import PropTypes from 'prop-types';
 import EditorActions from '../../actions';
+import { PresetContextProvider } from '../../presets/context';
 var EditorContext = /*#__PURE__*/React.createContext({});
 export var useEditorContext = function useEditorContext() {
   return React.useContext(EditorContext);
@@ -35,7 +36,7 @@ var LegacyEditorContext = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       return /*#__PURE__*/React.createElement(EditorContext.Provider, {
         value: this.getChildContext()
-      }, this.props.children);
+      }, /*#__PURE__*/React.createElement(PresetContextProvider, null, this.props.children));
     }
   }]);
   return LegacyEditorContext;

package/dist/esm/use-preset.js

@@ -0,0 +1,45 @@
+import { useMemo } from 'react';
+import { usePresetContext } from './presets/context';
+/**
+ * Creates a preset.
+ *
+ * Takes an input function that returns a preset (and memoizes it) depending
+ * on the dependency array provided.
+ *
+ * Returns a pluginInjectionApi in order to apply actions and subscribe to plugin
+ * changes outside of the editor.
+ *
+ * @param createPreset
+ * @param dependencies
+ * @returns PresetAPI ({ pluginInjectionApi, preset, actionBuilder })
+ *
+ * Example:
+ * ```ts
+ * function ExampleEditor() {
+ *   const { preset, editorApi } = usePreset(() =>
+ *     new EditorPresetBuilder().add(plugin1).add(plugin2)
+ *   , []);
+ *
+ *   // Can execute typesafe commands based on plugin1 or 2
+ *   const runCommand = () => editorApi.executeCommand(
+ *     editorApi.dependencies.plugin1.commands.doSomething()
+ *   )
+ *   return (
+ *     <>
+ *       <Editor preset={preset} />
+ *       <Button onClick={runCommand}>Run command</Button>
+ *     </>
+ *   )
+ * }
+ * ```
+ */
+export function usePreset(createPreset, dependencies) {
+  var editorApi = usePresetContext();
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  var preset = useMemo(createPreset, dependencies);
+  return {
+    editorApi: editorApi,
+    preset: preset
+  };
+}

package/dist/esm/version-wrapper.js

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

package/dist/types/create-editor/ReactEditorViewInternal.d.ts

@@ -16,6 +16,7 @@ import { FULL_WIDTH_MODE } from '@atlaskit/editor-common/analytics';
 import type { EditorAppearance, EditorConfig, EditorReactContext, EditorPlugin, EditorProps } from '../types';
 import type { EditorNextProps } from '../types/editor-props';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
+import type { SetEditorAPI } from '../presets/context';
 import { TransactionTracker } from '../utils/performance/track-transactions';
 import type { FireAnalyticsCallback, AnalyticsEventPayload, DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
@@ -26,6 +27,7 @@ export interface EditorViewProps {
     portalProviderAPI: PortalProviderAPI;
     disabled?: boolean;
     experienceStore?: ExperienceStore;
+    setEditorApi?: SetEditorAPI;
     render?: (props: {
         editor: JSX.Element;
         view?: EditorView;

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

@@ -263,13 +263,13 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"textFormatting", {
     pluginConfiguration: TextFormattingOptions | undefined;
@@ -303,13 +303,13 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }>, (config?: HyperlinkPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"hyperlink", {
     pluginConfiguration: HyperlinkPluginOptions | undefined;
@@ -634,13 +634,13 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }> | undefined) => import("@atlaskit/editor-common/types").DefaultEditorPlugin<"textFormatting", {
     pluginConfiguration: TextFormattingOptions | undefined;
@@ -674,13 +674,13 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         actions: import("@atlaskit/editor-common/analytics").EditorAnalyticsAPI;
     }>>];
     commands: {
-        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
-        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkPluginCommand;
+        toggleSuperscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleSubscript: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrike: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleCode: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleUnderline: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleEm: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
+        toggleStrong: import("@atlaskit/editor-plugin-text-formatting").ToggleMarkEditorCommand;
     };
 }>, (config?: HyperlinkPluginOptions | undefined, api?: import("@atlaskit/editor-common/types").PluginInjectionAPI<"hyperlink", {
     pluginConfiguration: HyperlinkPluginOptions | undefined;

package/dist/types/plugins/emoji/commands/insert-emoji.d.ts

@@ -1,4 +1,4 @@
 import type { EmojiId } from '@atlaskit/emoji';
-import type { PluginCommand } from '@atlaskit/editor-common/types';
+import type { EditorCommand } from '@atlaskit/editor-common/types';
 import type { INPUT_METHOD, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
-export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => PluginCommand;
+export declare const insertEmoji: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;

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

@@ -2,7 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import type { EmojiDescription, EmojiProvider, EmojiId } from '@atlaskit/emoji';
-import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, PluginCommand } from '@atlaskit/editor-common/types';
+import type { Command, NextEditorPlugin, PMPluginFactoryParams, OptionalPlugin, EditorCommand } from '@atlaskit/editor-common/types';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import type { TypeAheadItem } from '../type-ahead/types';
 import type { EmojiPluginOptions, EmojiPluginState } from './types';
@@ -18,7 +18,7 @@ export type EmojiPlugin = NextEditorPlugin<'emoji', {
     dependencies: [OptionalPlugin<typeof analyticsPlugin>];
     sharedState: EmojiPluginState | undefined;
     commands: {
-        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => PluginCommand;
+        insertEmoji: (emojiId: EmojiId, inputMethod?: INPUT_METHOD.PICKER | INPUT_METHOD.ASCII | INPUT_METHOD.TYPEAHEAD) => EditorCommand;
     };
 }>;
 export declare const emojiPlugin: EmojiPlugin;

package/dist/types/plugins/find-replace/index.d.ts

@@ -1,4 +1,4 @@
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
 type Config = {
     takeFullWidth: boolean;

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

@@ -5,7 +5,7 @@ import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema'
 import type { MediaClientConfig } from '@atlaskit/media-core';
 import type { Props } from './types';
 import type { Dimensions, HandleResize, HandleResizeStart, Position, Snap } from '@atlaskit/editor-common/resizer';
-import type { GuidelineConfig, GuidelineSnapsReference } from '@atlaskit/editor-common/guideline';
+import type { GuidelineConfig, RelativeGuides, GuidelineSnapsReference } from '@atlaskit/editor-common/guideline';
 type State = {
     offsetLeft: number;
     isVideoFile: boolean;
@@ -13,11 +13,12 @@ type State = {
     isResizing: boolean;
     size: Dimensions;
     snaps: Snap;
+    relativeGuides: RelativeGuides;
+    guidelines: GuidelineConfig[];
 };
 export declare const resizerNextTestId = "mediaSingle.resizerNext.testid";
 type ResizableMediaSingleNextProps = Props;
-declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
-    private guidelines;
+export declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSingleNextProps, State> {
     private lastSnappedGuidelineKeys;
     constructor(props: ResizableMediaSingleNextProps);
     /**
@@ -30,10 +31,11 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
     componentDidUpdate(prevProps: Props): boolean;
     isNestedNode(): boolean;
     private getDefaultGuidelines;
-    private getAllGuidelines;
+    private updateGuidelines;
     get wrappedLayout(): boolean;
     componentDidMount(): Promise<void>;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
+    get aspectRatio(): number;
     checkVideoFile(viewMediaClientConfig?: MediaClientConfig): Promise<void>;
     calcNewSize: (newWidth: number, stop: boolean) => {
         width: number | null;
@@ -55,6 +57,7 @@ declare class ResizableMediaSingleNext extends React.Component<ResizableMediaSin
     private setIsResizing;
     private updateSizeInPluginState;
     private calcMaxWidth;
+    private getRelativeGuides;
     updateActiveGuidelines: (width: number | undefined, guidelines: GuidelineConfig[], guidelineSnapsReference: GuidelineSnapsReference) => void;
     roundPixelValue: (value: number) => number;
     getHeightFromNewWidth: (originalWidth: number, originalHeight: number, newWidth: number) => number;

package/dist/types/presets/context.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { PublicPluginAPI } from '@atlaskit/editor-common/types';
+export type SetEditorAPI = (editorApi: PublicPluginAPI<any>) => void;
+export interface EditorAPIContextType {
+    editorApi?: PublicPluginAPI<any>;
+    setEditorApi?: SetEditorAPI;
+}
+export declare const EditorAPIContext: React.Context<EditorAPIContextType>;
+interface EditorAPIProviderProps {
+    children: React.ReactNode;
+}
+export declare const PresetContextProvider: ({ children }: EditorAPIProviderProps) => JSX.Element;
+export declare const usePresetContext: () => PublicPluginAPI<any> | undefined;
+export declare const useSetPresetContext: () => SetEditorAPI | undefined;
+export {};