@atlaskit/editor-common 74.37.0 → 74.38.1

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

package/dist/es2019/preset/index.js

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

package/dist/es2019/preset/plugin-commands.js

@@ -0,0 +1,14 @@
+export function pluginCommandToPMCommand(command) {
+  return ({
+    tr
+  }, dispatch) => {
+    const newTr = command === null || command === void 0 ? void 0 : command({
+      tr
+    });
+    if (newTr) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch(newTr);
+      return true;
+    }
+    return false;
+  };
+}

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

@@ -7,6 +7,9 @@ function hasGetSharedState(plugin) {
 function hasActions(plugin) {
   return typeof plugin.actions === 'object';
 }
+function hasCommands(plugin) {
+  return typeof plugin.commands === 'object';
+}
 const filterPluginsWithListeners = ({
   listeners,
   plugins
@@ -70,6 +73,19 @@ class ActionsAPI {
     });
   }
 }
+class PluginCommandsAPI {
+  createAPI(plugin) {
+    if (!plugin || !hasCommands(plugin)) {
+      return {};
+    }
+    return new Proxy(plugin.commands || {}, {
+      get: function (target, prop, receiver) {
+        // We will be able to track perfomance here
+        return Reflect.get(target, prop);
+      }
+    });
+  }
+}
 export class SharedStateAPI {
   constructor({
     getEditorState
@@ -171,11 +187,13 @@ export class EditorPluginInjectionAPI {
     });
     this.plugins = new Map();
     this.actionsAPI = new ActionsAPI();
+    this.commandsAPI = new PluginCommandsAPI();
   }
   api() {
     const {
       sharedStateAPI,
       actionsAPI,
+      commandsAPI,
       getPluginByName
     } = this;
     const dependencies = new Proxy({}, {
@@ -195,9 +213,11 @@ export class EditorPluginInjectionAPI {
         }
         const sharedState = sharedStateAPI.createAPI(plugin);
         const actions = actionsAPI.createAPI(plugin);
+        const commands = commandsAPI.createAPI(plugin);
         const proxyCoreAPI = {
           sharedState,
-          actions
+          actions,
+          commands
         };
         return proxyCoreAPI;
       }

package/dist/es2019/types/plugin-command.js

@@ -0,0 +1 @@
+export {};

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

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

@@ -1,7 +1,8 @@
 /** @jsx jsx */
+
 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';
@@ -77,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':
@@ -134,25 +125,21 @@ export const MediaSingleDimensionHelper = ({
     min-width: 100%;
   `}
   max-width: ${calcMaxWidth(layout, containerWidth)};
-  &[class*='is-resizing'] {
-    ${isExtendedResizeExperienceOn && `max-width: ${calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode)};
-
-    ${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
-      transform: translateX(-50%);`}
 
+  ${isExtendedResizeExperienceOn && `&[class*='is-resizing'] {
     .new-file-experience-wrapper {
-      box-shadow: none;
-    }`}
-  }
+      box-shadow: none !important;
+    }
 
-  /* Handles responsiveness of non-nested, not-resizing nodes in editor */
-  &[class*='not-resizing'] {
-    ${!isNestedNode && `max-width: ${layout !== 'full-width' && mediaSingleWidth && calcMaxWidthWhenNotResizing(containerWidth, mediaSingleWidth)};
+    ${!isNestedNode && nonWrappedLayouts.includes(layout) && `margin-left: 50%;
+      transform: translateX(-50%);`}
+  }`}
 
-    ${nonWrappedLayouts.includes(layout) && `margin-left: 50%;
+  &[class*='not-resizing'] {
+    ${!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.37.0",
+	"version": "74.38.1",
 	"sideEffects": false
 }

package/dist/esm/guideline/constants.js

@@ -1 +1,2 @@
-export var MEDIA_DYNAMIC_GUIDELINE_PREFIX = 'media_';
+export var MEDIA_DYNAMIC_GUIDELINE_PREFIX = 'media_';
+export var INNER_GRID_GUIDELINE_PREFIX = 'grid_';

package/dist/esm/guideline/defaultGuideline.js

@@ -1,19 +1,20 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import memoizeOne from 'memoize-one';
 import { breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { roundToNearest } from '../media-single';
 import { getContainerWidthOrFullEditorWidth } from './utils';
 var getDefaultGuidelines = memoizeOne(function (editorWidth) {
   return [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map(function (val, index) {
     return {
       key: "grid_".concat(index),
       position: {
-        x: val / 12 * editorWidth
+        x: roundToNearest(val / 12 * editorWidth)
       }
     };
   });
 });
 var getWideGuidelines = memoizeOne(function (editorWidth) {
-  var wideSpacing = editorWidth * breakoutWideScaleRatio / 2;
+  var wideSpacing = roundToNearest(editorWidth * breakoutWideScaleRatio / 2);
   return [{
     key: "wide_left",
     position: {
@@ -27,7 +28,7 @@ var getWideGuidelines = memoizeOne(function (editorWidth) {
   }];
 });
 var getFullWidthGuidelines = memoizeOne(function (containerWidth) {
-  var fullWidth = getContainerWidthOrFullEditorWidth(containerWidth);
+  var fullWidth = roundToNearest(getContainerWidthOrFullEditorWidth(containerWidth));
   return [{
     key: "full_width_left",
     position: {

package/dist/esm/guideline/index.js

@@ -2,6 +2,6 @@ export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths } from './fixedGuideline';
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
-export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
-export { getSnapWidth, findClosestSnap } from './snapping';
+export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX } from './constants';
+export { getGuidelineSnaps, findClosestSnap } from './snapping';
 export { isVerticalPosition, getContainerWidthOrFullEditorWidth } from './utils';

package/dist/esm/guideline/snapping.js

@@ -1,21 +1,25 @@
-import { MediaSingleLayout } from '../media-single';
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import memoizeOne from 'memoize-one';
 import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
+import { isVerticalPosition } from './utils';
+
 /**
  * Returns keys of guidelines that are closest to the image and withthin the snapGap.
  * If both default and dynamic guidelines present, only returns default guidelines
  */
-export var findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArray, snapTo) {
+export var findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArray, guidelineSnaps) {
   var snapGap = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   var closestGapIndex = snapArray.reduce(function (prev, curr, index) {
     return Math.abs(curr - mediaSingleWidth) < Math.abs(snapArray[prev] - mediaSingleWidth) ? index : prev;
   }, 0);
   var gap = Math.abs(snapArray[closestGapIndex] - mediaSingleWidth);
   if (gap < snapGap) {
-    var snappingWidth = Math.round(snapTo[closestGapIndex].width);
+    var snappingWidth = snapArray[closestGapIndex];
     var guidelineKeys = [];
-    snapTo.forEach(function (s) {
-      if (Math.round(Math.abs(s.width)) === snappingWidth) {
-        guidelineKeys.push(s.guidelineKey);
+    // find wich guideline have the matching snap width
+    guidelineSnaps.forEach(function (gs) {
+      if (gs.width === snappingWidth) {
+        guidelineKeys.push(gs.guidelineKey);
       }
     });
     var defaultGuidelineKeys = guidelineKeys.filter(function (guidelineKey) {
@@ -33,35 +37,43 @@ export var findClosestSnap = function findClosestSnap(mediaSingleWidth, snapArra
     keys: []
   };
 };
-
-/**
- * Get snapping widths and respective guideline keys
- */
-export var getSnapWidth = function getSnapWidth(guidelines, mediaSingleWidth, snap, layout) {
-  return guidelines.map(function (guideline) {
-    var _guideline$position;
-    var positionX = (_guideline$position = guideline.position) !== null && _guideline$position !== void 0 && _guideline$position.x && typeof guideline.position.x === 'number' ? guideline.position.x : 0;
-    if (layout === MediaSingleLayout.CENTER || layout === MediaSingleLayout.WIDE || layout === MediaSingleLayout.FULL_WIDTH) {
-      return {
-        guidelineKey: guideline.key,
-        width: mediaSingleWidth + (snap - positionX) * 2
-      };
-    } else if (layout === MediaSingleLayout.ALIGN_END || layout === MediaSingleLayout.WRAP_RIGHT) {
+export var getGuidelineSnaps = memoizeOne(function (guidelines, editorWidth) {
+  var layout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'center';
+  var offset = editorWidth / 2;
+  var getPositionX = function getPositionX(position) {
+    return isVerticalPosition(position) ? position.x : 0;
+  };
+  var calcXSnaps = function calcXSnaps(guidelineReference) {
+    var snapsWidth = guidelineReference.filter(function (g) {
+      return g.width > 0;
+    }).map(function (g) {
+      return g.width;
+    });
+    var uniqueSnapWidth = _toConsumableArray(new Set(snapsWidth));
+    return snapsWidth.length ? uniqueSnapWidth : undefined;
+  };
+  var guidelinesSnapsReference = guidelines.map(function (guideline) {
+    var positionX = getPositionX(guideline.position);
+    if (['align-end', 'wrap-right'].includes(layout)) {
       return {
         guidelineKey: guideline.key,
-        width: mediaSingleWidth + (snap - positionX)
+        width: offset - positionX
       };
-    } else if (layout === MediaSingleLayout.ALIGN_START || layout === MediaSingleLayout.WRAP_LEFT) {
+    } else if (['align-start', 'wrap-left'].includes(layout)) {
       return {
         guidelineKey: guideline.key,
-        width: mediaSingleWidth + positionX - snap
+        width: positionX + offset
       };
     }
     return {
-      guidelineKey: '',
-      width: 0
+      guidelineKey: guideline.key,
+      width: Math.abs(positionX) * 2
     };
-  }).filter(function (guideline) {
-    return guideline.guidelineKey !== '';
   });
-};
+  return {
+    guidelineReference: guidelinesSnapsReference,
+    snaps: {
+      x: calcXSnaps(guidelinesSnapsReference)
+    }
+  };
+});

package/dist/esm/keymaps/index.js

@@ -5,6 +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 { browser } from '../utils';
 export var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
 export var navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
@@ -182,15 +183,17 @@ export function makeKeyMapWithCommon(description, common) {
   var mac = common.replace(/Mod/i, 'Cmd');
   return makeKeymap(description, windows, mac, common);
 }
+function combineWithOldCommand(cmd, oldCmd) {
+  return function (state, dispatch, editorView) {
+    return oldCmd(state, dispatch) || cmd(state, dispatch, editorView);
+  };
+}
 export function bindKeymapWithCommand(shortcut, cmd, keymap) {
   var oldCmd = keymap[shortcut];
-  var newCmd = cmd;
-  if (keymap[shortcut]) {
-    newCmd = function newCmd(state, dispatch, editorView) {
-      return oldCmd(state, dispatch) || cmd(state, dispatch, editorView);
-    };
-  }
-  keymap[shortcut] = newCmd;
+  keymap[shortcut] = oldCmd ? combineWithOldCommand(cmd, oldCmd) : cmd;
+}
+export function bindKeymapWithPluginCommand(shortcut, cmd, keymap) {
+  bindKeymapWithCommand(shortcut, pluginCommandToPMCommand(cmd), keymap);
 }
 export function findKeyMapForBrowser(keyMap) {
   if (keyMap) {

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.37.0";
+var packageVersion = "74.38.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/index.js

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

package/dist/esm/preset/plugin-commands.js

@@ -0,0 +1,13 @@
+export function pluginCommandToPMCommand(command) {
+  return function (_ref, dispatch) {
+    var tr = _ref.tr;
+    var newTr = command === null || command === void 0 ? void 0 : command({
+      tr: tr
+    });
+    if (newTr) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch(newTr);
+      return true;
+    }
+    return false;
+  };
+}

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

@@ -15,6 +15,9 @@ function hasGetSharedState(plugin) {
 function hasActions(plugin) {
   return _typeof(plugin.actions) === 'object';
 }
+function hasCommands(plugin) {
+  return _typeof(plugin.commands) === 'object';
+}
 var filterPluginsWithListeners = function filterPluginsWithListeners(_ref) {
   var listeners = _ref.listeners,
     plugins = _ref.plugins;
@@ -113,6 +116,26 @@ var ActionsAPI = /*#__PURE__*/function () {
   }]);
   return ActionsAPI;
 }();
+var PluginCommandsAPI = /*#__PURE__*/function () {
+  function PluginCommandsAPI() {
+    _classCallCheck(this, PluginCommandsAPI);
+  }
+  _createClass(PluginCommandsAPI, [{
+    key: "createAPI",
+    value: function createAPI(plugin) {
+      if (!plugin || !hasCommands(plugin)) {
+        return {};
+      }
+      return new Proxy(plugin.commands || {}, {
+        get: function get(target, prop, receiver) {
+          // We will be able to track perfomance here
+          return Reflect.get(target, prop);
+        }
+      });
+    }
+  }]);
+  return PluginCommandsAPI;
+}();
 export var SharedStateAPI = /*#__PURE__*/function () {
   function SharedStateAPI(_ref4) {
     var getEditorState = _ref4.getEditorState;
@@ -237,12 +260,14 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
     });
     this.plugins = new Map();
     this.actionsAPI = new ActionsAPI();
+    this.commandsAPI = new PluginCommandsAPI();
   }
   _createClass(EditorPluginInjectionAPI, [{
     key: "api",
     value: function api() {
       var sharedStateAPI = this.sharedStateAPI,
         actionsAPI = this.actionsAPI,
+        commandsAPI = this.commandsAPI,
         getPluginByName = this.getPluginByName;
       var dependencies = new Proxy({}, {
         get: function get(target, prop, receiver) {
@@ -261,9 +286,11 @@ export var EditorPluginInjectionAPI = /*#__PURE__*/function () {
           }
           var sharedState = sharedStateAPI.createAPI(plugin);
           var actions = actionsAPI.createAPI(plugin);
+          var commands = commandsAPI.createAPI(plugin);
           var proxyCoreAPI = {
             sharedState: sharedState,
-            actions: actions
+            actions: actions,
+            commands: commands
           };
           return proxyCoreAPI;
         }

package/dist/esm/types/plugin-command.js

@@ -0,0 +1 @@
+export {};

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

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

@@ -3,9 +3,10 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _excluded = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
+
 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';
@@ -85,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':
@@ -131,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  &[class*='is-resizing'] {\n    ", "\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 && "max-width: ".concat(calcMaxWidthWhenResizing(containerWidth, fullWidthMode, isNestedNode), ";\n\n    ").concat(nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n\n    .new-file-experience-wrapper {\n      box-shadow: none;\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.37.0",
+	"version": "74.38.1",
 	"sideEffects": false
 }

package/dist/types/guideline/constants.d.ts

@@ -1 +1,2 @@
 export declare const MEDIA_DYNAMIC_GUIDELINE_PREFIX = "media_";
+export declare const INNER_GRID_GUIDELINE_PREFIX = "grid_";

package/dist/types/guideline/dynamicGuideline.d.ts

@@ -1,4 +1,4 @@
-import { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { GuidelineConfig } from './types';
 export declare const generateDynamicGuidelines: (state: EditorState, editorWidth: number, styles?: Omit<GuidelineConfig, 'key' | 'position'>) => ({
     styles?: {

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

@@ -2,7 +2,7 @@ export { generateDynamicGuidelines } from './dynamicGuideline';
 export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fixedGuideline';
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
-export { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
-export type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, } from './types';
-export { getSnapWidth, findClosestSnap } from './snapping';
+export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX, } from './constants';
+export type { WidthTypes, Position, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, GuidelineSnap, GuidelineSnapsReference, } from './types';
+export { getGuidelineSnaps, findClosestSnap } from './snapping';
 export { isVerticalPosition, getContainerWidthOrFullEditorWidth, } from './utils';

package/dist/types/guideline/snapping.d.ts

@@ -1,18 +1,19 @@
-import { RichMediaLayout } from '@atlaskit/adf-schema';
-import type { GuidelineConfig } from './types';
-export type SnapTo = {
-    guidelineKey: string;
-    width: number;
-};
+import type { RichMediaLayout } from '@atlaskit/adf-schema';
+import type { GuidelineConfig, GuidelineSnap } from './types';
 /**
  * Returns keys of guidelines that are closest to the image and withthin the snapGap.
  * If both default and dynamic guidelines present, only returns default guidelines
  */
-export declare const findClosestSnap: (mediaSingleWidth: number, snapArray: number[], snapTo: SnapTo[], snapGap?: number) => {
+export declare const findClosestSnap: (mediaSingleWidth: number, snapArray: number[], guidelineSnaps: GuidelineSnap[], snapGap?: number) => {
     gap: number;
     keys: string[];
 };
-/**
- * Get snapping widths and respective guideline keys
- */
-export declare const getSnapWidth: (guidelines: GuidelineConfig[], mediaSingleWidth: number, snap: number, layout: RichMediaLayout | null) => SnapTo[];
+export declare const getGuidelineSnaps: import("memoize-one").MemoizedFn<(guidelines: GuidelineConfig[], editorWidth: number, layout?: RichMediaLayout) => {
+    guidelineReference: {
+        guidelineKey: string;
+        width: number;
+    }[];
+    snaps: {
+        x: number[] | undefined;
+    };
+}>;