@atlaskit/editor-common 74.29.0 → 74.29.2

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

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

@@ -23,7 +23,7 @@ var _templateObject;
 /** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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 inlineNodeStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: inline-flex;\n  font-size: ", ";\n  margin: 0 2px;\n  min-height: 24px;\n  padding: 0 10px;\n  vertical-align: middle;\n  white-space: nowrap;\n"])), "var(--ds-background-disabled, ".concat(_colors.N30, ")"), "var(--ds-border-disabled, ".concat(_colors.N50, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()));
+var inlineNodeStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  align-items: center;\n  background: ", ";\n  border: 1px dashed ", ";\n  border-radius: ", "px;\n  box-sizing: border-box;\n  cursor: default;\n  display: inline-flex;\n  font-size: ", ";\n  margin: 0 ", ";\n  min-height: 24px;\n  padding: 0 10px;\n  vertical-align: middle;\n  white-space: nowrap;\n"])), "var(--ds-background-disabled, ".concat(_colors.N30, ")"), "var(--ds-border-disabled, ".concat(_colors.N50, ")"), (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), "var(--ds-space-025, 2px)");
 var UnsupportedInlineNode = function UnsupportedInlineNode(_ref) {
   var node = _ref.node,
     intl = _ref.intl,

package/dist/cjs/utils/document.js

@@ -9,8 +9,8 @@ exports.hasDocAsParent = hasDocAsParent;
 exports.isEmptyDocument = isEmptyDocument;
 exports.nodesBetweenChanged = nodesBetweenChanged;
 exports.processRawValue = processRawValue;
-var _prosemirrorModel = require("prosemirror-model");
 var _transforms = require("@atlaskit/adf-utils/transforms");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _analytics = require("../analytics");
 var _editorCoreUtils = require("./editor-core-utils");
 var _privacyFilter = require("./filter/privacy-filter");
@@ -118,7 +118,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
       }
     }
     if (contentTransformer) {
-      return _prosemirrorModel.Node.fromJSON(schema, node);
+      return _model.Node.fromJSON(schema, node);
     }
 
     // link mark on mediaSingle is deprecated, need to move link mark to child media node
@@ -205,7 +205,7 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     }
     var entity = (0, _validateUsingSpec.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
     var newEntity = maySanitizePrivateContent(entity, providerFactory, sanitizePrivateContent);
-    var parsedDoc = _prosemirrorModel.Node.fromJSON(schema, newEntity);
+    var parsedDoc = _model.Node.fromJSON(schema, newEntity);
 
     // throws an error if the document is invalid
     try {

package/dist/cjs/utils/editor-core-utils.js

@@ -11,9 +11,9 @@ exports.setNodeSelection = void 0;
 exports.setTextSelection = setTextSelection;
 exports.stepAddsOneOf = stepAddsOneOf;
 exports.stepHasSlice = void 0;
-var _prosemirrorState = require("prosemirror-state");
-var _prosemirrorTransform = require("prosemirror-transform");
-var _prosemirrorUtils = require("prosemirror-utils");
+var _state = require("@atlaskit/editor-prosemirror/state");
+var _transform = require("@atlaskit/editor-prosemirror/transform");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _dom = require("./dom");
 /**
  * Checks if node is an empty paragraph.
@@ -46,7 +46,7 @@ function stepAddsOneOf(step, nodeTypes) {
   return adds;
 }
 var extractSliceFromStep = function extractSliceFromStep(step) {
-  if (!(step instanceof _prosemirrorTransform.ReplaceStep) && !(step instanceof _prosemirrorTransform.ReplaceAroundStep)) {
+  if (!(step instanceof _transform.ReplaceStep) && !(step instanceof _transform.ReplaceAroundStep)) {
     return null;
   }
 
@@ -57,7 +57,7 @@ var extractSliceFromStep = function extractSliceFromStep(step) {
 };
 exports.extractSliceFromStep = extractSliceFromStep;
 var isTextSelection = function isTextSelection(selection) {
-  return selection instanceof _prosemirrorState.TextSelection;
+  return selection instanceof _state.TextSelection;
 };
 exports.isTextSelection = isTextSelection;
 var isElementInTableCell = function isElementInTableCell(element) {
@@ -75,14 +75,14 @@ var setNodeSelection = function setNodeSelection(view, pos) {
   if (!isFinite(pos)) {
     return;
   }
-  var tr = state.tr.setSelection(_prosemirrorState.NodeSelection.create(state.doc, pos));
+  var tr = state.tr.setSelection(_state.NodeSelection.create(state.doc, pos));
   dispatch(tr);
 };
 exports.setNodeSelection = setNodeSelection;
 function setTextSelection(view, anchor, head) {
   var state = view.state,
     dispatch = view.dispatch;
-  var tr = state.tr.setSelection(_prosemirrorState.TextSelection.create(state.doc, anchor, head));
+  var tr = state.tr.setSelection(_state.TextSelection.create(state.doc, anchor, head));
   dispatch(tr);
 }
 function nonNullable(value) {
@@ -101,6 +101,6 @@ var isValidPosition = function isValidPosition(pos, state) {
 };
 exports.isValidPosition = isValidPosition;
 var isInLayoutColumn = function isInLayoutColumn(state) {
-  return (0, _prosemirrorUtils.hasParentNodeOfType)(state.schema.nodes.layoutSection)(state.selection);
+  return (0, _utils.hasParentNodeOfType)(state.schema.nodes.layoutSection)(state.selection);
 };
 exports.isInLayoutColumn = isInLayoutColumn;

package/dist/cjs/utils/is-text-input.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isTextInput = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _prosemirrorTransform = require("prosemirror-transform");
+var _transform = require("@atlaskit/editor-prosemirror/transform");
 // TODO: remove from editor-core utils, re-export from editor-common
 
 var isTextInput = function isTextInput(tr) {
   var _tr$steps = (0, _slicedToArray2.default)(tr.steps, 1),
     step = _tr$steps[0];
-  if (!step || !(step instanceof _prosemirrorTransform.ReplaceStep)) {
+  if (!step || !(step instanceof _transform.ReplaceStep)) {
     return false;
   }
   var _ref = step,

package/dist/cjs/utils/nodes.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.validateNodes = exports.validNode = exports.isType = exports.isText = exports.isSupportedInParent = exports.isParagraph = exports.isNodeSelectedOrInRange = exports.isNodeBeforeMediaNode = exports.isMediaNode = exports.isLinkMark = exports.findChangedNodesFromTransaction = exports.SelectedState = void 0;
-var _prosemirrorUtils = require("prosemirror-utils");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 /**
  * Finds all top level nodes affected by the transaction
  * Uses from/to positions in transaction's steps to work out which nodes will
@@ -132,7 +132,7 @@ var isNodeBeforeMediaNode = function isNodeBeforeMediaNode($pos, state) {
   var nodeBefore = $pos.nodeBefore;
   if (!nodeBefore) {
     var depthOfParent = $pos.depth - 1 || 1;
-    var parentNode = (0, _prosemirrorUtils.findParentNodeOfType)([state.schema.nodes["".concat($pos.node(depthOfParent).type.name)]])(state.selection);
+    var parentNode = (0, _utils.findParentNodeOfType)([state.schema.nodes["".concat($pos.node(depthOfParent).type.name)]])(state.selection);
     var resolvedPosOfParentNode = parentNode ? state.tr.doc.resolve(parentNode.pos) : undefined;
     var nodeBeforeParent = resolvedPosOfParentNode && resolvedPosOfParentNode.pos < state.doc.nodeSize ? resolvedPosOfParentNode.nodeBefore : undefined;
     if (nodeBeforeParent) {

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

@@ -8,7 +8,7 @@ exports.alignAttributes = void 0;
 exports.calculateSnapPoints = calculateSnapPoints;
 exports.nonWrappedLayouts = exports.isRichMediaInsideOfBlockNode = exports.floatingLayouts = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _prosemirrorUtils = require("prosemirror-utils");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _MediaSingle = require("../ui/MediaSingle");
 var _grid = require("../ui/MediaSingle/grid");
@@ -27,7 +27,7 @@ var isRichMediaInsideOfBlockNode = function isRichMediaInsideOfBlockNode(view, p
     expand = _view$state$schema$no.expand,
     nestedExpand = _view$state$schema$no.nestedExpand,
     layoutColumn = _view$state$schema$no.layoutColumn;
-  return !!(0, _prosemirrorUtils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn]);
+  return !!(0, _utils.findParentNodeOfTypeClosestToPos)($pos, [expand, nestedExpand, layoutColumn]);
 };
 exports.isRichMediaInsideOfBlockNode = isRichMediaInsideOfBlockNode;
 var alignAttributes = function alignAttributes(layout, oldAttrs) {

package/dist/cjs/utils/slice.js

@@ -10,7 +10,7 @@ exports.mapChildren = mapChildren;
 exports.mapFragment = mapFragment;
 exports.mapSlice = mapSlice;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _prosemirrorModel = require("prosemirror-model");
+var _model = require("@atlaskit/editor-prosemirror/model");
 /**
  * A helper to get the underlying array of a fragment.
  */
@@ -24,7 +24,7 @@ function mapFragment(content, callback) {
     var _node = content.child(i);
     var transformed = _node.isLeaf ? callback(_node, parent, i) : callback(_node.copy(mapFragment(_node.content, callback, _node)), parent, i);
     if (transformed) {
-      if (transformed instanceof _prosemirrorModel.Fragment) {
+      if (transformed instanceof _model.Fragment) {
         children.push.apply(children, (0, _toConsumableArray2.default)(getFragmentBackingArray(transformed)));
       } else if (Array.isArray(transformed)) {
         children.push.apply(children, (0, _toConsumableArray2.default)(transformed));
@@ -33,11 +33,11 @@ function mapFragment(content, callback) {
       }
     }
   }
-  return _prosemirrorModel.Fragment.fromArray(children);
+  return _model.Fragment.fromArray(children);
 }
 function mapSlice(slice, callback) {
   var fragment = mapFragment(slice.content, callback);
-  return new _prosemirrorModel.Slice(fragment, slice.openStart, slice.openEnd);
+  return new _model.Slice(fragment, slice.openStart, slice.openEnd);
 }
 function flatmap(fragment, callback) {
   var fragmentContent = [];
@@ -49,12 +49,12 @@ function flatmap(fragment, callback) {
       fragmentContent.push(child);
     }
   }
-  return _prosemirrorModel.Fragment.fromArray(fragmentContent);
+  return _model.Fragment.fromArray(fragmentContent);
 }
 function mapChildren(node, callback) {
   var array = [];
   for (var i = 0; i < node.childCount; i++) {
-    array.push(callback(node.child(i), i, node instanceof _prosemirrorModel.Fragment ? node : node.content));
+    array.push(callback(node.child(i), i, node instanceof _model.Fragment ? node : node.content));
   }
   return array;
 }

package/dist/cjs/version.json

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

package/dist/es2019/card/MediaAndEmbedsToolbar/index.js

@@ -1,5 +1,5 @@
-import { NodeSelection } from 'prosemirror-state';
-import { hasParentNodeOfType } from 'prosemirror-utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
 import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';

package/dist/es2019/card/utils.js

@@ -1,5 +1,4 @@
 import { LinkMetaStep } from '@atlaskit/adf-schema/steps';
-
 /**
  * Records metadata about the user action and input method relating to a transaction
  * as a custom LinkStepMetadata prosemirror step so that it is preserved in

package/dist/es2019/core-utils/inside.js

@@ -1,4 +1,4 @@
-import { hasParentNodeOfType } from 'prosemirror-utils';
+import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export const insideTable = state => {
   const {
     table,

package/dist/es2019/guideline/defaultGuideline.js

@@ -0,0 +1,45 @@
+import memoizeOne from 'memoize-one';
+import { breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { getContainerWidthOrFullEditorWidth } from './utils';
+const getDefaultGuidelines = memoizeOne(editorWidth => {
+  return [-6, -5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6].map((val, index) => ({
+    key: `grid_${index}`,
+    position: {
+      x: val / 12 * editorWidth
+    }
+  }));
+});
+const getWideGuidelines = memoizeOne(editorWidth => {
+  const wideSpacing = editorWidth * breakoutWideScaleRatio / 2;
+  return [{
+    key: `wide_left`,
+    position: {
+      x: -wideSpacing
+    }
+  }, {
+    key: `wide_right`,
+    position: {
+      x: wideSpacing
+    }
+  }];
+});
+const getFullWidthGuidelines = memoizeOne(containerWidth => {
+  const fullWidth = getContainerWidthOrFullEditorWidth(containerWidth);
+  return [{
+    key: `full_width_left`,
+    position: {
+      x: -fullWidth
+    }
+  }, {
+    key: `full_width_right`,
+    position: {
+      x: fullWidth
+    }
+  }];
+});
+export const generateDefaultGuidelines = (editorWidth, containerWidth, isFullWidthMode = false) => {
+  const innerGrids = getDefaultGuidelines(editorWidth);
+  const wideGuidelines = !isFullWidthMode ? getWideGuidelines(editorWidth) : [];
+  const fullWidthGuidelines = !isFullWidthMode ? getFullWidthGuidelines(containerWidth) : [];
+  return [...innerGrids, ...wideGuidelines, ...fullWidthGuidelines];
+};

package/dist/es2019/guideline/dynamicGuideline.js

@@ -1,5 +1,5 @@
-import { NodeSelection } from 'prosemirror-state';
-import { findChildren } from 'prosemirror-utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findChildren } from '@atlaskit/editor-prosemirror/utils';
 import { getMediaSinglePixelWidth } from '../media-single';
 import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
 export const generateDynamicGuidelines = (state, editorWidth) => {

package/dist/es2019/guideline/index.js

@@ -1,5 +1,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 { isVerticalPosition } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth } from './utils';

package/dist/es2019/guideline/utils.js

@@ -1,4 +1,11 @@
+import { akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 export const isNumber = x => typeof x === 'number' && !isNaN(x) && isFinite(x);
 export const isVerticalPosition = pos => {
   return isNumber(pos.x);
-};
+};
+
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+export const getContainerWidthOrFullEditorWidth = containerWidth => Math.min(containerWidth - akEditorGutterPadding * 2, akEditorFullWidthLayoutWidth) / 2;

package/dist/es2019/insert/index.js

@@ -1,7 +1,7 @@
-import { Fragment, Node, Slice } from 'prosemirror-model';
-import { NodeSelection, Selection, TextSelection } from 'prosemirror-state';
-import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
-import { canInsert, findParentNodeOfType, hasParentNodeOfType, isNodeSelection, safeInsert as pmSafeInsert } from 'prosemirror-utils';
+import { Fragment, Node, Slice } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { canInsert, findParentNodeOfType, hasParentNodeOfType, isNodeSelection, safeInsert as pmSafeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { GapCursorSelection, Side } from '../selection';
 import { isEmptyParagraph, isListItemNode } from '../utils';
 export let LookDirection = /*#__PURE__*/function (LookDirection) {

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

package/dist/es2019/node-width/index.js

@@ -1,4 +1,4 @@
-import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
+import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { gridSize } from '@atlaskit/theme/constants';

package/dist/es2019/safe-plugin/index.js

@@ -1,4 +1,4 @@
-import { Plugin } from 'prosemirror-state';
+import { Plugin } from '@atlaskit/editor-prosemirror/state';
 export class SafePlugin extends Plugin {
   // This variable isn't (and shouldn't) be used anywhere. Its purpose is
   // to distinguish Plugin from SafePlugin, thus ensuring that an 'unsafe'

package/dist/es2019/selection/gap-cursor/selection.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Slice } from 'prosemirror-model';
-import { Selection } from 'prosemirror-state';
+import { Slice } from '@atlaskit/editor-prosemirror/model';
+import { Selection } from '@atlaskit/editor-prosemirror/state';
 import { isValidTargetNode } from './utils/is-valid-target-node';
 export let Side = /*#__PURE__*/function (Side) {
   Side["LEFT"] = "left";

package/dist/es2019/transforms/expand.js

@@ -1,5 +1,5 @@
-import { Fragment, Slice } from 'prosemirror-model';
-import { findParentNodeOfType, findSelectedNodeOfType } from 'prosemirror-utils';
+import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
+import { findParentNodeOfType, findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { mapChildren } from '../utils/slice';
 export const findExpand = (state, selection) => {
   const {

package/dist/es2019/transforms/extension.js

@@ -1,4 +1,4 @@
-import { Slice } from 'prosemirror-model';
+import { Slice } from '@atlaskit/editor-prosemirror/model';
 import { mapFragment } from '../utils/slice';
 
 /**

package/dist/es2019/transforms/layout.js

@@ -1,4 +1,4 @@
-import { Fragment, Slice } from 'prosemirror-model';
+import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { flatmap, mapFragment } from '../utils/slice';
 const isLayoutNode = node => node.type === node.type.schema.nodes.layoutSection || node.type === node.type.schema.nodes.layoutColumn;
 export function unwrapContentFromLayout(maybeLayoutSection) {

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

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

@@ -20,7 +20,7 @@ const inlineNodeStyle = css`
   cursor: default;
   display: inline-flex;
   font-size: ${relativeFontSizeToBase16(fontSize())};
-  margin: 0 2px;
+  margin: 0 ${"var(--ds-space-025, 2px)"};
   min-height: 24px;
   padding: 0 10px;
   vertical-align: middle;

package/dist/es2019/utils/document.js

@@ -1,5 +1,5 @@
-import { Node } from 'prosemirror-model';
 import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
+import { Node } from '@atlaskit/editor-prosemirror/model';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { isEmptyParagraph } from './editor-core-utils';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';

package/dist/es2019/utils/editor-core-utils.js

@@ -1,6 +1,6 @@
-import { NodeSelection, TextSelection } from 'prosemirror-state';
-import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
-import { hasParentNodeOfType } from 'prosemirror-utils';
+import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { closest } from './dom';
 
 /**

package/dist/es2019/utils/is-text-input.js

@@ -1,6 +1,6 @@
 // TODO: remove from editor-core utils, re-export from editor-common
 
-import { ReplaceStep } from 'prosemirror-transform';
+import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export const isTextInput = tr => {
   const [step] = tr.steps;
   if (!step || !(step instanceof ReplaceStep)) {

package/dist/es2019/utils/nodes.js

@@ -1,4 +1,4 @@
-import { findParentNodeOfType } from 'prosemirror-utils';
+import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 /**
  * Finds all top level nodes affected by the transaction
  * Uses from/to positions in transaction's steps to work out which nodes will

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

@@ -1,4 +1,4 @@
-import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
+import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
 import { shouldAddDefaultWrappedWidth } from '../ui/MediaSingle';
 import { calcPxFromColumns, wrappedLayouts } from '../ui/MediaSingle/grid';

package/dist/es2019/utils/slice.js

@@ -1,4 +1,4 @@
-import { Fragment, Slice } from 'prosemirror-model';
+import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 
 /**
  * A helper to get the underlying array of a fragment.

package/dist/es2019/version.json

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

package/dist/esm/card/MediaAndEmbedsToolbar/index.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { NodeSelection } from 'prosemirror-state';
-import { hasParentNodeOfType } from 'prosemirror-utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
 import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';

package/dist/esm/card/utils.js

@@ -2,7 +2,6 @@ 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 { LinkMetaStep } from '@atlaskit/adf-schema/steps';
-
 /**
  * Records metadata about the user action and input method relating to a transaction
  * as a custom LinkStepMetadata prosemirror step so that it is preserved in

package/dist/esm/core-utils/inside.js

@@ -1,4 +1,4 @@
-import { hasParentNodeOfType } from 'prosemirror-utils';
+import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export var insideTable = function insideTable(state) {
   var _state$schema$nodes = state.schema.nodes,
     table = _state$schema$nodes.table,

package/dist/esm/guideline/defaultGuideline.js

@@ -0,0 +1,49 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import memoizeOne from 'memoize-one';
+import { breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+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
+      }
+    };
+  });
+});
+var getWideGuidelines = memoizeOne(function (editorWidth) {
+  var wideSpacing = editorWidth * breakoutWideScaleRatio / 2;
+  return [{
+    key: "wide_left",
+    position: {
+      x: -wideSpacing
+    }
+  }, {
+    key: "wide_right",
+    position: {
+      x: wideSpacing
+    }
+  }];
+});
+var getFullWidthGuidelines = memoizeOne(function (containerWidth) {
+  var fullWidth = getContainerWidthOrFullEditorWidth(containerWidth);
+  return [{
+    key: "full_width_left",
+    position: {
+      x: -fullWidth
+    }
+  }, {
+    key: "full_width_right",
+    position: {
+      x: fullWidth
+    }
+  }];
+});
+export var generateDefaultGuidelines = function generateDefaultGuidelines(editorWidth, containerWidth) {
+  var isFullWidthMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var innerGrids = getDefaultGuidelines(editorWidth);
+  var wideGuidelines = !isFullWidthMode ? getWideGuidelines(editorWidth) : [];
+  var fullWidthGuidelines = !isFullWidthMode ? getFullWidthGuidelines(containerWidth) : [];
+  return [].concat(_toConsumableArray(innerGrids), _toConsumableArray(wideGuidelines), _toConsumableArray(fullWidthGuidelines));
+};

package/dist/esm/guideline/dynamicGuideline.js

@@ -1,8 +1,8 @@
 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 { NodeSelection } from 'prosemirror-state';
-import { findChildren } from 'prosemirror-utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findChildren } from '@atlaskit/editor-prosemirror/utils';
 import { getMediaSinglePixelWidth } from '../media-single';
 import { MEDIA_DYNAMIC_GUIDELINE_PREFIX } from './constants';
 export var generateDynamicGuidelines = function generateDynamicGuidelines(state, editorWidth) {

package/dist/esm/guideline/index.js

@@ -1,5 +1,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 { isVerticalPosition } from './utils';
+export { isVerticalPosition, getContainerWidthOrFullEditorWidth } from './utils';

package/dist/esm/guideline/utils.js

@@ -1,6 +1,15 @@
+import { akEditorFullWidthLayoutWidth, akEditorGutterPadding } from '@atlaskit/editor-shared-styles';
 export var isNumber = function isNumber(x) {
   return typeof x === 'number' && !isNaN(x) && isFinite(x);
 };
 export var isVerticalPosition = function isVerticalPosition(pos) {
   return isNumber(pos.x);
+};
+
+/**
+ * Calculates container or full editor width taking in account editor full width layout
+ * width and editor gutter padding.
+ */
+export var getContainerWidthOrFullEditorWidth = function getContainerWidthOrFullEditorWidth(containerWidth) {
+  return Math.min(containerWidth - akEditorGutterPadding * 2, akEditorFullWidthLayoutWidth) / 2;
 };

package/dist/esm/insert/index.js

@@ -1,10 +1,10 @@
 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 { Fragment, Node, Slice } from 'prosemirror-model';
-import { NodeSelection, Selection, TextSelection } from 'prosemirror-state';
-import { ReplaceAroundStep, ReplaceStep } from 'prosemirror-transform';
-import { canInsert, findParentNodeOfType, hasParentNodeOfType, isNodeSelection, safeInsert as pmSafeInsert } from 'prosemirror-utils';
+import { Fragment, Node, Slice } from '@atlaskit/editor-prosemirror/model';
+import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { ReplaceAroundStep, ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
+import { canInsert, findParentNodeOfType, hasParentNodeOfType, isNodeSelection, safeInsert as pmSafeInsert } from '@atlaskit/editor-prosemirror/utils';
 import { GapCursorSelection, Side } from '../selection';
 import { isEmptyParagraph, isListItemNode } from '../utils';
 export var LookDirection = /*#__PURE__*/function (LookDirection) {

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