@atlaskit/editor-common 74.38.0 → 74.39.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 74.39.0
+
+### Minor Changes
+
+- [`021d5f488ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/021d5f488ec) - [ED-16733] Media Plugin Extractation - Move core commands to common entrypoint
+
+## 74.38.1
+
+### Patch Changes
+
+- [`4cbae03c15c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4cbae03c15c) - Set maxWidth for ResizerNext to stop lable updating when reaching max width
+
 ## 74.38.0
 
 ### Minor Changes

package/commands/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@atlaskit/editor-common/commands",
+  "main": "../dist/cjs/commands/index.js",
+  "module": "../dist/esm/commands/index.js",
+  "module:es2019": "../dist/es2019/commands/index.js",
+  "sideEffects": false,
+  "types": "../dist/types/commands/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "../dist/types-ts4.5/commands/index.d.ts"
+      ]
+    }
+  }
+}

package/dist/cjs/commands/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addParagraphAtEnd = addParagraphAtEnd;
+exports.clearEditorContent = exports.changeImageAlignment = void 0;
+exports.createParagraphAtEnd = createParagraphAtEnd;
+exports.toggleBlockMark = exports.createToggleBlockMarkOnRange = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
+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) { (0, _defineProperty2.default)(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; }
+function addParagraphAtEnd(tr) {
+  var paragraph = tr.doc.type.schema.nodes.paragraph,
+    doc = tr.doc;
+  if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
+    if (paragraph) {
+      tr.insert(doc.content.size, paragraph.createAndFill());
+    }
+  }
+  tr.setSelection(_state.TextSelection.create(tr.doc, tr.doc.content.size - 1));
+  tr.scrollIntoView();
+}
+function createParagraphAtEnd() {
+  return function (state, dispatch) {
+    var tr = state.tr;
+    addParagraphAtEnd(tr);
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  };
+}
+var changeImageAlignment = function changeImageAlignment(align) {
+  return function (state, dispatch) {
+    var _state$selection = state.selection,
+      from = _state$selection.from,
+      to = _state$selection.to;
+    var tr = state.tr;
+    state.doc.nodesBetween(from, to, function (node, pos) {
+      if (node.type === state.schema.nodes.mediaSingle) {
+        tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
+          layout: align === 'center' ? 'center' : "align-".concat(align)
+        }));
+      }
+    });
+    if (tr.docChanged && dispatch) {
+      dispatch(tr.scrollIntoView());
+      return true;
+    }
+    return false;
+  };
+};
+exports.changeImageAlignment = changeImageAlignment;
+var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks) {
+  return function (from, to, tr, state) {
+    var markApplied = false;
+    state.doc.nodesBetween(from, to, function (node, pos, parent) {
+      if (!node.type.isBlock) {
+        return false;
+      }
+      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+        var oldMarks = node.marks.filter(function (mark) {
+          return mark.type === markType;
+        });
+        var _prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
+        var newAttrs = getAttrs(_prevAttrs, node);
+        if (newAttrs !== undefined) {
+          tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
+            return !markType.excludes(mark.type);
+          }).concat(newAttrs === false ? [] : markType.create(newAttrs)));
+          markApplied = true;
+        }
+      }
+      return;
+    });
+    return markApplied;
+  };
+};
+
+/**
+ * Toggles block mark based on the return type of `getAttrs`.
+ * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
+ * return `false` to remove the mark.
+ * return `undefined for no-op.
+ * return an `object` to update the mark.
+ */
+exports.createToggleBlockMarkOnRange = createToggleBlockMarkOnRange;
+var toggleBlockMark = function toggleBlockMark(markType, getAttrs, allowedBlocks) {
+  return function (state, dispatch) {
+    var markApplied = false;
+    var tr = state.tr;
+    var toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
+    if (state.selection instanceof _cellSelection.CellSelection) {
+      state.selection.forEachCell(function (cell, pos) {
+        markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
+      });
+    } else {
+      var _state$selection2 = state.selection,
+        from = _state$selection2.from,
+        to = _state$selection2.to;
+      markApplied = toggleBlockMarkOnRange(from, to, tr, state);
+    }
+    if (markApplied && tr.docChanged) {
+      if (dispatch) {
+        dispatch(tr.scrollIntoView());
+      }
+      return true;
+    }
+    return false;
+  };
+};
+exports.toggleBlockMark = toggleBlockMark;
+var clearEditorContent = function clearEditorContent(state, dispatch) {
+  var tr = state.tr;
+  tr.replace(0, state.doc.nodeSize - 2);
+  tr.setSelection(_state.Selection.atStart(tr.doc));
+  if (dispatch) {
+    dispatch(tr);
+    return true;
+  }
+  return false;
+};
+exports.clearEditorContent = clearEditorContent;

package/dist/cjs/media-single/utils.js

@@ -97,7 +97,7 @@ var calcLegacyWideWidth = function calcLegacyWideWidth(containerWidth, origWidth
 };
 
 /**
- * Calculate maximum width allowed for media single in new experience
+ * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
 var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth) {

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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.38.0";
+var packageVersion = "74.39.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.38.0";
+var packageVersion = "74.39.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui/MediaSingle/styled.js

@@ -95,16 +95,6 @@ var getEffectiveFullWidth = function getEffectiveFullWidth(containerWidth, fullW
   }
   return "".concat((0, _mediaSingle.calcMediaSingleMaxWidth)(containerWidth), "px");
 };
-var calcMaxWidthWhenResizing = function calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode) {
-  if (isNestedNode) {
-    return '100%';
-  }
-  // non-nested node can resize up to full width
-  return getEffectiveFullWidth(containerWidth, fullWidthMode);
-};
-var calcMaxWidthWhenNotResizing = function calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth) {
-  return "".concat(Math.min(mediaSingleWidth, containerWidth - _editorSharedStyles.akEditorGutterPadding * 2), "px");
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -141,7 +131,7 @@ var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref) {
     isExtendedResizeExperienceOn = _ref.isExtendedResizeExperienceOn,
     _ref$isNestedNode = _ref.isNestedNode,
     isNestedNode = _ref$isNestedNode === void 0 ? false : _ref$isNestedNode;
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n  ", "\n\n  /* Handles responsiveness of non-nested, not-resizing nodes in editor */\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    max-width: ".concat(calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode), ";\n\n    ").concat(_utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "max-width: ".concat(layout !== 'full-width' && mediaSingleWidth && calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth), ";\n\n    ").concat(_utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set in old experience\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(_utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set by ResizerNext inline style\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
 exports.MediaSingleDimensionHelper = MediaSingleDimensionHelper;
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {

package/dist/cjs/utils/rich-media-utils.js

@@ -21,7 +21,7 @@ var nonWrappedLayouts = ['center', 'wide', 'full-width'];
 exports.nonWrappedLayouts = nonWrappedLayouts;
 var floatingLayouts = ['wrap-left', 'wrap-right'];
 exports.floatingLayouts = floatingLayouts;
-var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos) {
+var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes) {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -29,8 +29,11 @@ var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, p
   var _view$state$schema$no = view.state.schema.nodes,
     expand = _view$state$schema$no.expand,
     nestedExpand = _view$state$schema$no.nestedExpand,
-    layoutColumn = _view$state$schema$no.layoutColumn;
-  return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn]);
+    layoutColumn = _view$state$schema$no.layoutColumn,
+    tableCell = _view$state$schema$no.tableCell,
+    listItem = _view$state$schema$no.listItem;
+  var parentNodeTypes = [expand, nestedExpand, layoutColumn];
+  return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, includeMoreParentNodeTypes ? [].concat(parentNodeTypes, [tableCell, listItem]) : parentNodeTypes);
 };
 exports.isRichMediaInsideOfBlockNode = isRichMediaInsideOfBlockNode;
 var alignAttributes = function alignAttributes(layout, oldAttrs) {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.38.0",
+	"version": "74.39.0",
 	"sideEffects": false
 }

package/dist/es2019/commands/index.js

@@ -0,0 +1,115 @@
+import { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+export function addParagraphAtEnd(tr) {
+  const {
+    doc: {
+      type: {
+        schema: {
+          nodes: {
+            paragraph
+          }
+        }
+      }
+    },
+    doc
+  } = tr;
+  if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
+    if (paragraph) {
+      tr.insert(doc.content.size, paragraph.createAndFill());
+    }
+  }
+  tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size - 1));
+  tr.scrollIntoView();
+}
+export function createParagraphAtEnd() {
+  return function (state, dispatch) {
+    const {
+      tr
+    } = state;
+    addParagraphAtEnd(tr);
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  };
+}
+export const changeImageAlignment = align => (state, dispatch) => {
+  const {
+    from,
+    to
+  } = state.selection;
+  const tr = state.tr;
+  state.doc.nodesBetween(from, to, (node, pos) => {
+    if (node.type === state.schema.nodes.mediaSingle) {
+      tr.setNodeMarkup(pos, undefined, {
+        ...node.attrs,
+        layout: align === 'center' ? 'center' : `align-${align}`
+      });
+    }
+  });
+  if (tr.docChanged && dispatch) {
+    dispatch(tr.scrollIntoView());
+    return true;
+  }
+  return false;
+};
+export const createToggleBlockMarkOnRange = (markType, getAttrs, allowedBlocks) => (from, to, tr, state) => {
+  let markApplied = false;
+  state.doc.nodesBetween(from, to, (node, pos, parent) => {
+    if (!node.type.isBlock) {
+      return false;
+    }
+    if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+      const oldMarks = node.marks.filter(mark => mark.type === markType);
+      const prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
+      const newAttrs = getAttrs(prevAttrs, node);
+      if (newAttrs !== undefined) {
+        tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(mark => !markType.excludes(mark.type)).concat(newAttrs === false ? [] : markType.create(newAttrs)));
+        markApplied = true;
+      }
+    }
+    return;
+  });
+  return markApplied;
+};
+
+/**
+ * Toggles block mark based on the return type of `getAttrs`.
+ * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
+ * return `false` to remove the mark.
+ * return `undefined for no-op.
+ * return an `object` to update the mark.
+ */
+export const toggleBlockMark = (markType, getAttrs, allowedBlocks) => (state, dispatch) => {
+  let markApplied = false;
+  const tr = state.tr;
+  const toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
+  if (state.selection instanceof CellSelection) {
+    state.selection.forEachCell((cell, pos) => {
+      markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
+    });
+  } else {
+    const {
+      from,
+      to
+    } = state.selection;
+    markApplied = toggleBlockMarkOnRange(from, to, tr, state);
+  }
+  if (markApplied && tr.docChanged) {
+    if (dispatch) {
+      dispatch(tr.scrollIntoView());
+    }
+    return true;
+  }
+  return false;
+};
+export const clearEditorContent = (state, dispatch) => {
+  const tr = state.tr;
+  tr.replace(0, state.doc.nodeSize - 2);
+  tr.setSelection(Selection.atStart(tr.doc));
+  if (dispatch) {
+    dispatch(tr);
+    return true;
+  }
+  return false;
+};

package/dist/es2019/media-single/utils.js

@@ -84,7 +84,7 @@ const calcLegacyWideWidth = (containerWidth, origWidth, contentWidth) => {
 };
 
 /**
- * Calculate maximum width allowed for media single in new experience
+ * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
 export const calcMediaSingleMaxWidth = containerWidth => {

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.38.0";
+const packageVersion = "74.39.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.38.0";
+const packageVersion = "74.39.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui/MediaSingle/styled.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { calcMediaSingleMaxWidth } from '../../media-single';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
@@ -78,16 +78,6 @@ const getEffectiveFullWidth = (containerWidth, fullWidthMode) => {
   }
   return `${calcMediaSingleMaxWidth(containerWidth)}px`;
 };
-const calcMaxWidthWhenResizing = (containerWidth, fullWidthMode, isNestedNode) => {
-  if (isNestedNode) {
-    return '100%';
-  }
-  // non-nested node can resize up to full width
-  return getEffectiveFullWidth(containerWidth, fullWidthMode);
-};
-const calcMaxWidthWhenNotResizing = (containerWidth, mediaSingleWidth) => {
-  return `${Math.min(mediaSingleWidth, containerWidth - akEditorGutterPadding * 2)}px`;
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -135,25 +125,21 @@ export const MediaSingleDimensionHelper = ({
     min-width: 100%;
   `}
   max-width: ${calcMaxWidth(layout, containerWidth)};
+
   ${isExtendedResizeExperienceOn && `&[class*='is-resizing'] {
     .new-file-experience-wrapper {
       box-shadow: none !important;
     }
 
-    max-width: ${calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode)};
-
-    ${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
+    ${!isNestedNode && nonWrappedLayouts.includes(layout) && `margin-left: 50%;
       transform: translateX(-50%);`}
   }`}
 
-  /* Handles responsiveness of non-nested, not-resizing nodes in editor */
   &[class*='not-resizing'] {
-    ${!isNestedNode && `max-width: ${layout !== 'full-width' && mediaSingleWidth && calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth)};
-
-    ${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
+    ${!isNestedNode && `${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
       transform: translateX(-50%);`}
 
-    // override min-width to counteract max-width set in old experience
+    // override min-width to counteract max-width set by ResizerNext inline style
     ${layout === 'full-width' && `min-width: ${getEffectiveFullWidth(containerWidth, fullWidthMode)} !important;`};`}
   }
 

package/dist/es2019/utils/rich-media-utils.js

@@ -6,7 +6,7 @@ export const shouldAddDefaultWrappedWidth = (layout, width, lineLength) => {
 };
 export const nonWrappedLayouts = ['center', 'wide', 'full-width'];
 export const floatingLayouts = ['wrap-left', 'wrap-right'];
-export const isRichMediaInsideOfBlockNode = (view, pos) => {
+export const isRichMediaInsideOfBlockNode = (view, pos, includeMoreParentNodeTypes) => {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -14,9 +14,12 @@ export const isRichMediaInsideOfBlockNode = (view, pos) => {
   const {
     expand,
     nestedExpand,
-    layoutColumn
+    layoutColumn,
+    tableCell,
+    listItem
   } = view.state.schema.nodes;
-  return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);
+  const parentNodeTypes = [expand, nestedExpand, layoutColumn];
+  return !!findParentNodeOfTypeClosestToPos($pos, includeMoreParentNodeTypes ? [...parentNodeTypes, tableCell, listItem] : parentNodeTypes);
 };
 export const alignAttributes = (layout, oldAttrs, gridSize = 12, originalWidth, lineLength) => {
   let width = oldAttrs.width;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.38.0",
+	"version": "74.39.0",
 	"sideEffects": false
 }

package/dist/esm/commands/index.js

@@ -0,0 +1,113 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { CellSelection } from '@atlaskit/editor-tables/cell-selection';
+export function addParagraphAtEnd(tr) {
+  var paragraph = tr.doc.type.schema.nodes.paragraph,
+    doc = tr.doc;
+  if (doc.lastChild && !(doc.lastChild.type === paragraph && doc.lastChild.content.size === 0)) {
+    if (paragraph) {
+      tr.insert(doc.content.size, paragraph.createAndFill());
+    }
+  }
+  tr.setSelection(TextSelection.create(tr.doc, tr.doc.content.size - 1));
+  tr.scrollIntoView();
+}
+export function createParagraphAtEnd() {
+  return function (state, dispatch) {
+    var tr = state.tr;
+    addParagraphAtEnd(tr);
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  };
+}
+export var changeImageAlignment = function changeImageAlignment(align) {
+  return function (state, dispatch) {
+    var _state$selection = state.selection,
+      from = _state$selection.from,
+      to = _state$selection.to;
+    var tr = state.tr;
+    state.doc.nodesBetween(from, to, function (node, pos) {
+      if (node.type === state.schema.nodes.mediaSingle) {
+        tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
+          layout: align === 'center' ? 'center' : "align-".concat(align)
+        }));
+      }
+    });
+    if (tr.docChanged && dispatch) {
+      dispatch(tr.scrollIntoView());
+      return true;
+    }
+    return false;
+  };
+};
+export var createToggleBlockMarkOnRange = function createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks) {
+  return function (from, to, tr, state) {
+    var markApplied = false;
+    state.doc.nodesBetween(from, to, function (node, pos, parent) {
+      if (!node.type.isBlock) {
+        return false;
+      }
+      if ((!allowedBlocks || (Array.isArray(allowedBlocks) ? allowedBlocks.indexOf(node.type) > -1 : allowedBlocks(state.schema, node, parent))) && parent !== null && parent !== void 0 && parent.type.allowsMarkType(markType)) {
+        var oldMarks = node.marks.filter(function (mark) {
+          return mark.type === markType;
+        });
+        var _prevAttrs = oldMarks.length ? oldMarks[0].attrs : undefined;
+        var newAttrs = getAttrs(_prevAttrs, node);
+        if (newAttrs !== undefined) {
+          tr.setNodeMarkup(pos, node.type, node.attrs, node.marks.filter(function (mark) {
+            return !markType.excludes(mark.type);
+          }).concat(newAttrs === false ? [] : markType.create(newAttrs)));
+          markApplied = true;
+        }
+      }
+      return;
+    });
+    return markApplied;
+  };
+};
+
+/**
+ * Toggles block mark based on the return type of `getAttrs`.
+ * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
+ * return `false` to remove the mark.
+ * return `undefined for no-op.
+ * return an `object` to update the mark.
+ */
+export var toggleBlockMark = function toggleBlockMark(markType, getAttrs, allowedBlocks) {
+  return function (state, dispatch) {
+    var markApplied = false;
+    var tr = state.tr;
+    var toggleBlockMarkOnRange = createToggleBlockMarkOnRange(markType, getAttrs, allowedBlocks);
+    if (state.selection instanceof CellSelection) {
+      state.selection.forEachCell(function (cell, pos) {
+        markApplied = toggleBlockMarkOnRange(pos, pos + cell.nodeSize, tr, state);
+      });
+    } else {
+      var _state$selection2 = state.selection,
+        from = _state$selection2.from,
+        to = _state$selection2.to;
+      markApplied = toggleBlockMarkOnRange(from, to, tr, state);
+    }
+    if (markApplied && tr.docChanged) {
+      if (dispatch) {
+        dispatch(tr.scrollIntoView());
+      }
+      return true;
+    }
+    return false;
+  };
+};
+export var clearEditorContent = function clearEditorContent(state, dispatch) {
+  var tr = state.tr;
+  tr.replace(0, state.doc.nodeSize - 2);
+  tr.setSelection(Selection.atStart(tr.doc));
+  if (dispatch) {
+    dispatch(tr);
+    return true;
+  }
+  return false;
+};

package/dist/esm/media-single/utils.js

@@ -87,7 +87,7 @@ var calcLegacyWideWidth = function calcLegacyWideWidth(containerWidth, origWidth
 };
 
 /**
- * Calculate maximum width allowed for media single in new experience
+ * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
 export var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth) {

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.38.0";
+var packageVersion = "74.39.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.38.0";
+var packageVersion = "74.39.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui/MediaSingle/styled.js

@@ -6,7 +6,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import React from 'react';
 import { css, jsx } from '@emotion/react';
-import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
+import { akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { calcMediaSingleMaxWidth } from '../../media-single';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
@@ -86,16 +86,6 @@ var getEffectiveFullWidth = function getEffectiveFullWidth(containerWidth, fullW
   }
   return "".concat(calcMediaSingleMaxWidth(containerWidth), "px");
 };
-var calcMaxWidthWhenResizing = function calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode) {
-  if (isNestedNode) {
-    return '100%';
-  }
-  // non-nested node can resize up to full width
-  return getEffectiveFullWidth(containerWidth, fullWidthMode);
-};
-var calcMaxWidthWhenNotResizing = function calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth) {
-  return "".concat(Math.min(mediaSingleWidth, containerWidth - akEditorGutterPadding * 2), "px");
-};
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -132,7 +122,7 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
     isExtendedResizeExperienceOn = _ref.isExtendedResizeExperienceOn,
     _ref$isNestedNode = _ref.isNestedNode,
     isNestedNode = _ref$isNestedNode === void 0 ? false : _ref$isNestedNode;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n  ", "\n\n  /* Handles responsiveness of non-nested, not-resizing nodes in editor */\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    max-width: ".concat(calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode), ";\n\n    ").concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "max-width: ".concat(layout !== 'full-width' && mediaSingleWidth && calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth), ";\n\n    ").concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set in old experience\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  /* For nested rich media items, set max-width to 100% */\n  tr &,\n  [data-layout-column] &,\n  [data-node-type='expand'] & {\n    max-width: 100%;\n  }\n\n  width: ", ";\n  ", "\n  max-width: ", ";\n\n  ", "\n\n  &[class*='not-resizing'] {\n    ", "\n  }\n\n  float: ", ";\n  margin: ", ";\n  ", ";\n\n  &:not(.is-resizing) {\n    transition: width 100ms ease-in;\n  }\n"])), mediaSingleWidth || pctWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized), layout === 'full-width' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    min-width: 100%;\n  "]))), calcMaxWidth(layout, containerWidth), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), !isNestedNode && "".concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    // override min-width to counteract max-width set by ResizerNext inline style\n    ").concat(layout === 'full-width' && "min-width: ".concat(getEffectiveFullWidth(containerWidth, fullWidthMode), " !important;"), ";"), float(layout), calcMargin(layout), isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

package/dist/esm/utils/rich-media-utils.js

@@ -9,7 +9,7 @@ export var shouldAddDefaultWrappedWidth = function shouldAddDefaultWrappedWidth(
 };
 export var nonWrappedLayouts = ['center', 'wide', 'full-width'];
 export var floatingLayouts = ['wrap-left', 'wrap-right'];
-export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos) {
+export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, pos, includeMoreParentNodeTypes) {
   if (typeof pos !== 'number' || isNaN(pos) || !view) {
     return false;
   }
@@ -17,8 +17,11 @@ export var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(
   var _view$state$schema$no = view.state.schema.nodes,
     expand = _view$state$schema$no.expand,
     nestedExpand = _view$state$schema$no.nestedExpand,
-    layoutColumn = _view$state$schema$no.layoutColumn;
-  return !!findParentNodeOfTypeClosestToPos($pos, [expand, nestedExpand, layoutColumn]);
+    layoutColumn = _view$state$schema$no.layoutColumn,
+    tableCell = _view$state$schema$no.tableCell,
+    listItem = _view$state$schema$no.listItem;
+  var parentNodeTypes = [expand, nestedExpand, layoutColumn];
+  return !!findParentNodeOfTypeClosestToPos($pos, includeMoreParentNodeTypes ? [].concat(parentNodeTypes, [tableCell, listItem]) : parentNodeTypes);
 };
 export var alignAttributes = function alignAttributes(layout, oldAttrs) {
   var gridSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 12;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.38.0",
+	"version": "74.39.0",
 	"sideEffects": false
 }

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

@@ -0,0 +1,18 @@
+import type { MarkType, NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Command } from '../types/command';
+type AlignmentState = 'start' | 'end' | 'center';
+export declare function addParagraphAtEnd(tr: Transaction): void;
+export declare function createParagraphAtEnd(): Command;
+export declare const changeImageAlignment: (align?: AlignmentState) => Command;
+export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
+/**
+ * Toggles block mark based on the return type of `getAttrs`.
+ * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
+ * return `false` to remove the mark.
+ * return `undefined for no-op.
+ * return an `object` to update the mark.
+ */
+export declare const toggleBlockMark: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => Command;
+export declare const clearEditorContent: Command;
+export {};

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

@@ -34,7 +34,7 @@ export interface calcMediaSinglePixelWidthProps {
  */
 export declare const calcMediaSinglePixelWidth: ({ width, widthType, origWidth, layout, contentWidth, containerWidth, gutterOffset, }: calcMediaSinglePixelWidthProps) => number;
 /**
- * Calculate maximum width allowed for media single in new experience
+ * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
 export declare const calcMediaSingleMaxWidth: (containerWidth: number) => number;

package/dist/types/utils/rich-media-utils.d.ts

@@ -4,6 +4,6 @@ import { SnapPointsProps } from '../types';
 export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number, lineLength?: number) => boolean | 0 | undefined;
 export declare const nonWrappedLayouts: RichMediaLayout[];
 export declare const floatingLayouts: string[];
-export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean) => boolean;
+export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean, includeMoreParentNodeTypes?: boolean) => boolean;
 export declare const alignAttributes: (layout: RichMediaLayout, oldAttrs: RichMediaAttributes, gridSize: number | undefined, originalWidth: number, lineLength?: number) => RichMediaAttributes;
 export declare function calculateSnapPoints({ $pos, akEditorWideLayoutWidth, allowBreakoutSnapPoints, containerWidth, gridSize, gridWidth, insideInlineLike, insideLayout, isVideoFile, lineLength, offsetLeft, wrappedLayout, }: SnapPointsProps): number[];

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

@@ -0,0 +1,18 @@
+import type { MarkType, NodeType, Node as PMNode, Schema } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Command } from '../types/command';
+type AlignmentState = 'start' | 'end' | 'center';
+export declare function addParagraphAtEnd(tr: Transaction): void;
+export declare function createParagraphAtEnd(): Command;
+export declare const changeImageAlignment: (align?: AlignmentState) => Command;
+export declare const createToggleBlockMarkOnRange: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => (from: number, to: number, tr: Transaction, state: EditorState) => boolean;
+/**
+ * Toggles block mark based on the return type of `getAttrs`.
+ * This is similar to ProseMirror's `getAttrs` from `AttributeSpec`
+ * return `false` to remove the mark.
+ * return `undefined for no-op.
+ * return an `object` to update the mark.
+ */
+export declare const toggleBlockMark: <T extends {} = object>(markType: MarkType, getAttrs: (prevAttrs?: T | undefined, node?: PMNode) => false | T | undefined, allowedBlocks?: NodeType[] | ((schema: Schema, node: PMNode, parent: PMNode | null) => boolean) | undefined) => Command;
+export declare const clearEditorContent: Command;
+export {};

package/dist/types-ts4.5/media-single/utils.d.ts

@@ -34,7 +34,7 @@ export interface calcMediaSinglePixelWidthProps {
  */
 export declare const calcMediaSinglePixelWidth: ({ width, widthType, origWidth, layout, contentWidth, containerWidth, gutterOffset, }: calcMediaSinglePixelWidthProps) => number;
 /**
- * Calculate maximum width allowed for media single in new experience
+ * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
 export declare const calcMediaSingleMaxWidth: (containerWidth: number) => number;

package/dist/types-ts4.5/utils/rich-media-utils.d.ts

@@ -4,6 +4,6 @@ import { SnapPointsProps } from '../types';
 export declare const shouldAddDefaultWrappedWidth: (layout: RichMediaLayout, width?: number, lineLength?: number) => boolean | 0 | undefined;
 export declare const nonWrappedLayouts: RichMediaLayout[];
 export declare const floatingLayouts: string[];
-export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean) => boolean;
+export declare const isRichMediaInsideOfBlockNode: (view: EditorView, pos: number | boolean, includeMoreParentNodeTypes?: boolean) => boolean;
 export declare const alignAttributes: (layout: RichMediaLayout, oldAttrs: RichMediaAttributes, gridSize: number | undefined, originalWidth: number, lineLength?: number) => RichMediaAttributes;
 export declare function calculateSnapPoints({ $pos, akEditorWideLayoutWidth, allowBreakoutSnapPoints, containerWidth, gridSize, gridWidth, insideInlineLike, insideLayout, isVideoFile, lineLength, offsetLeft, wrappedLayout, }: SnapPointsProps): number[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.38.0",
+  "version": "74.39.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -76,6 +76,7 @@
     "./quick-insert": "./src/quick-insert/index.ts",
     "./link": "./src/link/index.ts",
     "./mark": "./src/mark/index.ts",
+    "./commands": "./src/commands/index.ts",
     "./lists": "./src/lists/index.ts"
   },
   "dependencies": {