@atlaskit/editor-common 74.45.5 → 74.46.1

package/dist/es2019/guideline/relativeGuideline.js

@@ -0,0 +1,143 @@
+import { roundToNearest } from '../media-single';
+import { getMediaSingleDimensions } from './utils';
+const RELATIVE_GUIDES_GAP = 6;
+const getWidthRelativeGuideline = (key, view, nodeWithPos, editorWidth, size) => {
+  const {
+    node,
+    pos
+  } = nodeWithPos;
+  const {
+    top: topOffSet,
+    height: viewHeight
+  } = view.dom.getBoundingClientRect();
+  const {
+    top
+  } = view.coordsAtPos(pos + 1); // media node
+
+  const {
+    width,
+    height
+  } = size || getMediaSingleDimensions(node, editorWidth) || {};
+  const y = top - topOffSet - RELATIVE_GUIDES_GAP;
+  if (!width || !height || y < 0 || y > viewHeight) {
+    return null;
+  }
+  let start = 0;
+  let end = 0;
+  switch (node.attrs.layout) {
+    case 'align-start':
+    case 'wrap-left':
+      start = -editorWidth / 2;
+      end = start + width;
+      break;
+    case 'align-end':
+    case 'wrap-right':
+      end = editorWidth / 2;
+      start = end - width;
+      break;
+    case 'center':
+    case 'wide':
+    case 'full-width':
+      end = width / 2;
+      start = -end;
+      break;
+    default:
+  }
+  return {
+    key,
+    position: {
+      y,
+      x: {
+        start,
+        end
+      }
+    },
+    active: true,
+    styles: {
+      lineStyle: 'dashed',
+      capStyle: 'line'
+    }
+  };
+};
+const getHeightRelativeGuideline = (key, view, nodeWithPos, editorWidth, size) => {
+  const {
+    node,
+    pos
+  } = nodeWithPos;
+  const {
+    top: topOffSet,
+    height: viewHeight
+  } = view.dom.getBoundingClientRect();
+  const {
+    top
+  } = view.coordsAtPos(pos + 1); // media node
+
+  const {
+    width,
+    height
+  } = size || getMediaSingleDimensions(node, editorWidth) || {};
+  if (!width || !height) {
+    return null;
+  }
+  const start = top - topOffSet;
+  const end = start + height;
+  if (end < 0 || start > viewHeight) {
+    return null;
+  }
+  let x = 0;
+  const halfWidth = editorWidth / 2;
+  switch (node.attrs.layout) {
+    case 'align-start':
+    case 'wrap-left':
+      x = width - halfWidth;
+      break;
+    case 'align-end':
+    case 'wrap-right':
+      x = halfWidth;
+      break;
+    case 'center':
+    case 'wide':
+    case 'full-width':
+      x = width / 2;
+      break;
+    default:
+      x = 0;
+  }
+  return {
+    key,
+    position: {
+      x: x + RELATIVE_GUIDES_GAP,
+      y: {
+        start,
+        end
+      }
+    },
+    active: true,
+    styles: {
+      lineStyle: 'dashed',
+      capStyle: 'line'
+    }
+  };
+};
+export const getRelativeGuideSnaps = (relativeGuides, aspectRatio) => {
+  const snapsWidthFromMatchingHeight = Object.keys(relativeGuides.height || {}).map(heightKey => {
+    const height = Number.parseInt(heightKey);
+    return roundToNearest(height * aspectRatio);
+  });
+  const snapsWidthFromMatchingWidth = Object.keys(relativeGuides.width || {}).map(widthKey => {
+    return Number.parseInt(widthKey);
+  });
+  return [...snapsWidthFromMatchingWidth, ...snapsWidthFromMatchingHeight];
+};
+export const getRelativeGuidelines = (relativeGuides, nodeWithPos, view, editorWidth, size) => {
+  const matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
+  const matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
+  const matches = matchWidth || matchHeight;
+  const getRelativeGuideline = matchWidth && getWidthRelativeGuideline || matchHeight && getHeightRelativeGuideline || null;
+  if (matches && getRelativeGuideline) {
+    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, size), ...matches.map((nodeWithPos, index) => {
+      return getRelativeGuideline(`relative_guide_${index}`, view, nodeWithPos, editorWidth);
+    })].filter(config => !!config);
+  }
+  return [];
+};

package/dist/es2019/keymaps/index.js

@@ -2,7 +2,7 @@
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { N400 } from '@atlaskit/theme/colors';
-import { pluginCommandToPMCommand } from '../preset/plugin-commands';
+import { editorCommandToPMCommand } from '../preset/editor-commands';
 import { browser } from '../utils';
 export const addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
 export const navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
@@ -196,8 +196,8 @@ export function bindKeymapWithCommand(shortcut, cmd, keymap) {
   const oldCmd = keymap[shortcut];
   keymap[shortcut] = oldCmd ? combineWithOldCommand(cmd, oldCmd) : cmd;
 }
-export function bindKeymapWithPluginCommand(shortcut, cmd, keymap) {
-  bindKeymapWithCommand(shortcut, pluginCommandToPMCommand(cmd), keymap);
+export function bindKeymapWithEditorCommand(shortcut, cmd, keymap) {
+  bindKeymapWithCommand(shortcut, editorCommandToPMCommand(cmd), keymap);
 }
 export function findKeyMapForBrowser(keyMap) {
   if (keyMap) {

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.45.5";
+const packageVersion = "74.46.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/preset/{plugin-commands.js → editor-commands.js}

@@ -1,6 +1,6 @@
 /**
- * Convert a PluginCommand to a standard Prosemirror Command.
- * The preferred approach to dispatching a `PluginCommand` is via the
+ * Convert a EditorCommand to a standard Prosemirror Command.
+ * The preferred approach to dispatching a `EditorCommand` is via the
  * `executeCommand` on `pluginInjectionAPI`. In some cases
  * the type may require a Command until we refactor this out and this
  * function is suitable for those cases.
@@ -8,7 +8,7 @@
  * @param command A plugin command (a function that modifies and returns a `Transaction`)
  * @returns Command
  */
-export function pluginCommandToPMCommand(command) {
+export function editorCommandToPMCommand(command) {
   return ({
     tr
   }, dispatch) => {

package/dist/es2019/preset/index.js

@@ -1,3 +1,3 @@
 export { EditorPresetBuilder } from './builder';
 export { EditorPluginInjectionAPI } from './plugin-injection-api';
-export { pluginCommandToPMCommand } from './plugin-commands';
+export { editorCommandToPMCommand } from './editor-commands';

package/dist/es2019/preset/plugin-injection-api.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import isEqual from 'lodash/isEqual';
 import throttle from 'lodash/throttle';
-import { pluginCommandToPMCommand } from './plugin-commands';
+import { editorCommandToPMCommand } from './editor-commands';
 function hasGetSharedState(plugin) {
   return typeof plugin.getSharedState === 'function';
 }
@@ -74,7 +74,7 @@ class ActionsAPI {
     });
   }
 }
-class PluginCommandsAPI {
+class EditorCommandsAPI {
   createAPI(plugin) {
     if (!plugin || !hasCommands(plugin)) {
       return {};
@@ -189,7 +189,7 @@ export class EditorPluginInjectionAPI {
     });
     this.plugins = new Map();
     this.actionsAPI = new ActionsAPI();
-    this.commandsAPI = new PluginCommandsAPI();
+    this.commandsAPI = new EditorCommandsAPI();
     this.getEditorView = getEditorView;
   }
   api() {
@@ -239,6 +239,6 @@ export class EditorPluginInjectionAPI {
       state,
       dispatch
     } = editorView;
-    return pluginCommandToPMCommand(command)(state, dispatch);
+    return editorCommandToPMCommand(command)(state, dispatch);
   }
 }

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

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.45.5";
+const packageVersion = "74.46.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/guideline/dynamicGuideline.js

@@ -1,62 +1,90 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 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 { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findChildren } from '@atlaskit/editor-prosemirror/utils';
-import { getMediaSinglePixelWidth, roundToNearest } from '../media-single';
+import { roundToNearest } from '../media-single';
 import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
+import { getMediaSingleDimensions } from './utils';
 export var generateDynamicGuidelines = function generateDynamicGuidelines(state, editorWidth) {
   var styles = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var selectedNode = state.selection instanceof NodeSelection && state.selection.node;
-  var mediaSingleNode = findChildren(state.tr.doc, function (node) {
+  var offset = editorWidth / 2;
+  return findChildren(state.tr.doc, function (node) {
     return node.type === state.schema.nodes.mediaSingle;
-  }, false // only top level
-  );
+  }).reduce(function (acc, nodeWithPos, index) {
+    var _acc$relativeGuides, _acc$relativeGuides2;
+    var node = nodeWithPos.node,
+      pos = nodeWithPos.pos;
 
-  var offset = editorWidth / 2;
-  return mediaSingleNode.map(function (_ref, index) {
-    var node = _ref.node;
-    if (selectedNode === node) {
-      return [];
+    // if the current node the selected node
+    // or the node is not using pixel width,
+    // We will skip the node.
+    if (selectedNode === node || node.attrs.widthType !== 'pixel') {
+      return acc;
     }
-    var _node$attrs = node.attrs,
-      layout = _node$attrs.layout,
-      width = _node$attrs.width,
-      widthType = _node$attrs.widthType;
-    var pixelWidth = getMediaSinglePixelWidth(width, editorWidth, widthType);
-    var key = "".concat(MEDIA_DYNAMIC_GUIDELINE_PREFIX).concat(index);
-    switch (layout) {
-      case 'align-start':
-      case 'wrap-left':
-        return _objectSpread({
-          position: {
-            x: roundToNearest(pixelWidth - offset)
-          },
-          key: key
-        }, styles);
-      case 'align-end':
-      case 'wrap-right':
-        return _objectSpread({
-          position: {
-            x: roundToNearest(offset - pixelWidth)
-          },
-          key: key
-        }, styles);
-      case 'center':
-        return [_objectSpread({
-          position: {
-            x: roundToNearest(pixelWidth / 2)
-          },
-          key: "".concat(key, "_right")
-        }, styles), _objectSpread({
-          position: {
-            x: -roundToNearest(pixelWidth / 2)
-          },
-          key: "".concat(key, "_left")
-        }, styles)];
-      // we ignore full-width and wide
-      default:
-        return [];
+    var $pos = state.tr.doc.resolve(pos);
+    if ($pos.parent.type !== state.schema.nodes.doc) {
+      return acc;
     }
-  }).flat();
+    var dimensions = getMediaSingleDimensions(node, editorWidth);
+    if (!dimensions) {
+      return acc;
+    }
+    var width = dimensions.width,
+      height = dimensions.height;
+    var dynamicGuides = [].concat(_toConsumableArray(acc.dynamicGuides), _toConsumableArray(getDynamicGuides(node.attrs.layout, width, offset, "".concat(MEDIA_DYNAMIC_GUIDELINE_PREFIX).concat(index), styles)));
+    var accRelativeGuidesWidth = ((_acc$relativeGuides = acc.relativeGuides) === null || _acc$relativeGuides === void 0 ? void 0 : _acc$relativeGuides.width) || {};
+    var accRelativeGuidesHeight = ((_acc$relativeGuides2 = acc.relativeGuides) === null || _acc$relativeGuides2 === void 0 ? void 0 : _acc$relativeGuides2.height) || {};
+    var relativeGuidesWidth = _objectSpread(_objectSpread({}, accRelativeGuidesWidth), {}, _defineProperty({}, width, [].concat(_toConsumableArray(accRelativeGuidesWidth[width] || []), [nodeWithPos])));
+    var relativeGuidesWidthHeight = _objectSpread(_objectSpread({}, accRelativeGuidesHeight), {}, _defineProperty({}, Math.round(height), [].concat(_toConsumableArray(accRelativeGuidesHeight[height] || []), [nodeWithPos])));
+    return {
+      dynamicGuides: dynamicGuides,
+      relativeGuides: {
+        width: relativeGuidesWidth,
+        height: relativeGuidesWidthHeight
+      }
+    };
+  }, {
+    relativeGuides: {
+      width: {},
+      height: {}
+    },
+    dynamicGuides: []
+  });
+};
+var getDynamicGuides = function getDynamicGuides(layout, width, offset, key, styles) {
+  switch (layout) {
+    case 'align-start':
+    case 'wrap-left':
+      return [_objectSpread({
+        position: {
+          x: roundToNearest(width - offset)
+        },
+        key: key
+      }, styles)];
+    case 'align-end':
+    case 'wrap-right':
+      return [_objectSpread({
+        position: {
+          x: roundToNearest(offset - width)
+        },
+        key: key
+      }, styles)];
+    case 'center':
+      return [_objectSpread({
+        position: {
+          x: roundToNearest(width / 2)
+        },
+        key: "".concat(key, "_right")
+      }, styles), _objectSpread({
+        position: {
+          x: -roundToNearest(width / 2)
+        },
+        key: "".concat(key, "_left")
+      }, styles)];
+    default:
+      return [];
+  }
 };

package/dist/esm/guideline/index.js

@@ -4,4 +4,5 @@ export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX } from './constants';
 export { getGuidelineSnaps, findClosestSnap } from './snapping';
-export { isVerticalPosition, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey } from './utils';
+export { isVerticalPosition, getMediaSingleDimensions, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey } from './utils';
+export { getRelativeGuideSnaps, getRelativeGuidelines } from './relativeGuideline';

package/dist/esm/guideline/relativeGuideline.js

@@ -0,0 +1,136 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { roundToNearest } from '../media-single';
+import { getMediaSingleDimensions } from './utils';
+var RELATIVE_GUIDES_GAP = 6;
+var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+  var node = nodeWithPos.node,
+    pos = nodeWithPos.pos;
+  var _view$dom$getBounding = view.dom.getBoundingClientRect(),
+    topOffSet = _view$dom$getBounding.top,
+    viewHeight = _view$dom$getBounding.height;
+  var _view$coordsAtPos = view.coordsAtPos(pos + 1),
+    top = _view$coordsAtPos.top; // media node
+
+  var _ref = size || getMediaSingleDimensions(node, editorWidth) || {},
+    width = _ref.width,
+    height = _ref.height;
+  var y = top - topOffSet - RELATIVE_GUIDES_GAP;
+  if (!width || !height || y < 0 || y > viewHeight) {
+    return null;
+  }
+  var start = 0;
+  var end = 0;
+  switch (node.attrs.layout) {
+    case 'align-start':
+    case 'wrap-left':
+      start = -editorWidth / 2;
+      end = start + width;
+      break;
+    case 'align-end':
+    case 'wrap-right':
+      end = editorWidth / 2;
+      start = end - width;
+      break;
+    case 'center':
+    case 'wide':
+    case 'full-width':
+      end = width / 2;
+      start = -end;
+      break;
+    default:
+  }
+  return {
+    key: key,
+    position: {
+      y: y,
+      x: {
+        start: start,
+        end: end
+      }
+    },
+    active: true,
+    styles: {
+      lineStyle: 'dashed',
+      capStyle: 'line'
+    }
+  };
+};
+var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+  var node = nodeWithPos.node,
+    pos = nodeWithPos.pos;
+  var _view$dom$getBounding2 = view.dom.getBoundingClientRect(),
+    topOffSet = _view$dom$getBounding2.top,
+    viewHeight = _view$dom$getBounding2.height;
+  var _view$coordsAtPos2 = view.coordsAtPos(pos + 1),
+    top = _view$coordsAtPos2.top; // media node
+
+  var _ref2 = size || getMediaSingleDimensions(node, editorWidth) || {},
+    width = _ref2.width,
+    height = _ref2.height;
+  if (!width || !height) {
+    return null;
+  }
+  var start = top - topOffSet;
+  var end = start + height;
+  if (end < 0 || start > viewHeight) {
+    return null;
+  }
+  var x = 0;
+  var halfWidth = editorWidth / 2;
+  switch (node.attrs.layout) {
+    case 'align-start':
+    case 'wrap-left':
+      x = width - halfWidth;
+      break;
+    case 'align-end':
+    case 'wrap-right':
+      x = halfWidth;
+      break;
+    case 'center':
+    case 'wide':
+    case 'full-width':
+      x = width / 2;
+      break;
+    default:
+      x = 0;
+  }
+  return {
+    key: key,
+    position: {
+      x: x + RELATIVE_GUIDES_GAP,
+      y: {
+        start: start,
+        end: end
+      }
+    },
+    active: true,
+    styles: {
+      lineStyle: 'dashed',
+      capStyle: 'line'
+    }
+  };
+};
+export var getRelativeGuideSnaps = function getRelativeGuideSnaps(relativeGuides, aspectRatio) {
+  var snapsWidthFromMatchingHeight = Object.keys(relativeGuides.height || {}).map(function (heightKey) {
+    var height = Number.parseInt(heightKey);
+    return roundToNearest(height * aspectRatio);
+  });
+  var snapsWidthFromMatchingWidth = Object.keys(relativeGuides.width || {}).map(function (widthKey) {
+    return Number.parseInt(widthKey);
+  });
+  return [].concat(_toConsumableArray(snapsWidthFromMatchingWidth), _toConsumableArray(snapsWidthFromMatchingHeight));
+};
+export var getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, size) {
+  var matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
+  var matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
+  var matches = matchWidth || matchHeight;
+  var getRelativeGuideline = matchWidth && getWidthRelativeGuideline || matchHeight && getHeightRelativeGuideline || null;
+  if (matches && getRelativeGuideline) {
+    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, size)].concat(_toConsumableArray(matches.map(function (nodeWithPos, index) {
+      return getRelativeGuideline("relative_guide_".concat(index), view, nodeWithPos, editorWidth);
+    }))).filter(function (config) {
+      return !!config;
+    });
+  }
+  return [];
+};

package/dist/esm/keymaps/index.js

@@ -5,7 +5,7 @@ var _templateObject;
 import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { N400 } from '@atlaskit/theme/colors';
-import { pluginCommandToPMCommand } from '../preset/plugin-commands';
+import { editorCommandToPMCommand } from '../preset/editor-commands';
 import { browser } from '../utils';
 export var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
 export var navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
@@ -192,8 +192,8 @@ export function bindKeymapWithCommand(shortcut, cmd, keymap) {
   var oldCmd = keymap[shortcut];
   keymap[shortcut] = oldCmd ? combineWithOldCommand(cmd, oldCmd) : cmd;
 }
-export function bindKeymapWithPluginCommand(shortcut, cmd, keymap) {
-  bindKeymapWithCommand(shortcut, pluginCommandToPMCommand(cmd), keymap);
+export function bindKeymapWithEditorCommand(shortcut, cmd, keymap) {
+  bindKeymapWithCommand(shortcut, editorCommandToPMCommand(cmd), keymap);
 }
 export function findKeyMapForBrowser(keyMap) {
   if (keyMap) {

package/dist/esm/monitoring/error.js

@@ -6,7 +6,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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.45.5";
+var packageVersion = "74.46.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/preset/{plugin-commands.js → editor-commands.js}

@@ -1,6 +1,6 @@
 /**
- * Convert a PluginCommand to a standard Prosemirror Command.
- * The preferred approach to dispatching a `PluginCommand` is via the
+ * Convert a EditorCommand to a standard Prosemirror Command.
+ * The preferred approach to dispatching a `EditorCommand` is via the
  * `executeCommand` on `pluginInjectionAPI`. In some cases
  * the type may require a Command until we refactor this out and this
  * function is suitable for those cases.
@@ -8,7 +8,7 @@
  * @param command A plugin command (a function that modifies and returns a `Transaction`)
  * @returns Command
  */
-export function pluginCommandToPMCommand(command) {
+export function editorCommandToPMCommand(command) {
   return function (_ref, dispatch) {
     var tr = _ref.tr;
     var newTr = command === null || command === void 0 ? void 0 : command({

package/dist/esm/preset/index.js

@@ -1,3 +1,3 @@
 export { EditorPresetBuilder } from './builder';
 export { EditorPluginInjectionAPI } from './plugin-injection-api';
-export { pluginCommandToPMCommand } from './plugin-commands';
+export { editorCommandToPMCommand } from './editor-commands';

package/dist/esm/preset/plugin-injection-api.js

@@ -9,7 +9,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import isEqual from 'lodash/isEqual';
 import throttle from 'lodash/throttle';
-import { pluginCommandToPMCommand } from './plugin-commands';
+import { editorCommandToPMCommand } from './editor-commands';
 function hasGetSharedState(plugin) {
   return typeof plugin.getSharedState === 'function';
 }
@@ -117,11 +117,11 @@ var ActionsAPI = /*#__PURE__*/function () {
   }]);
   return ActionsAPI;
 }();
-var PluginCommandsAPI = /*#__PURE__*/function () {
-  function PluginCommandsAPI() {
-    _classCallCheck(this, PluginCommandsAPI);
+var EditorCommandsAPI = /*#__PURE__*/function () {
+  function EditorCommandsAPI() {
+    _classCallCheck(this, EditorCommandsAPI);
   }
-  _createClass(PluginCommandsAPI, [{
+  _createClass(EditorCommandsAPI, [{
     key: "createAPI",
     value: function createAPI(plugin) {
       if (!plugin || !hasCommands(plugin)) {
@@ -135,7 +135,7 @@ var PluginCommandsAPI = /*#__PURE__*/function () {
       });
     }
   }]);
-  return PluginCommandsAPI;
+  return EditorCommandsAPI;
 }();
 export var SharedStateAPI = /*#__PURE__*/function () {
   function SharedStateAPI(_ref4) {
@@ -262,7 +262,7 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
     });
     this.plugins = new Map();
     this.actionsAPI = new ActionsAPI();
-    this.commandsAPI = new PluginCommandsAPI();
+    this.commandsAPI = new EditorCommandsAPI();
     this.getEditorView = getEditorView;
   }
   _createClass(EditorPluginInjectionAPI, [{
@@ -312,7 +312,7 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
       }
       var state = editorView.state,
         dispatch = editorView.dispatch;
-      return pluginCommandToPMCommand(command)(state, dispatch);
+      return editorCommandToPMCommand(command)(state, dispatch);
     }
   }]);
   return EditorPluginInjectionAPI;

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

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.45.5";
+var packageVersion = "74.46.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {