@atlaskit/editor-common 94.18.1 → 94.19.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-common
 
+## 94.19.0
+
+### Minor Changes
+
+- [#161296](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161296)
+  [`9a6292ab637fa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9a6292ab637fa) -
+  [ED-25521] Add experiment based gating to the insertion logic for nested tables, so we only allow
+  nesting tables one level deep when the experiment is active
+
+### Patch Changes
+
+- [#163730](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163730)
+  [`f3e2275eca566`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f3e2275eca566) -
+  Add display: grid to resizer-item to allow drag handle to render correctly
+- [#163832](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/163832)
+  [`585fd205a0d0f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/585fd205a0d0f) -
+  update heading line heights
+- [#160261](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/160261)
+  [`60571420d8c13`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/60571420d8c13) -
+  Added UFO escape mechanism to LNV
+- Updated dependencies
+
 ## 94.18.1
 
 ### Patch Changes

package/afm-post-office/tsconfig.json

@@ -3,7 +3,7 @@
 	"compilerOptions": {
 		"declaration": true,
 		"target": "es5",
-		"outDir": "../../../../../tsDist/@atlaskit__editor-common/app",
+		"outDir": "../../../../../post-office/tsDist/@atlaskit__editor-common/app",
 		"rootDir": "../",
 		"composite": true
 	},

package/dist/cjs/lazy-node-view/index.js

@@ -15,6 +15,7 @@ exports.testOnlyIgnoreLazyNodeView = testOnlyIgnoreLazyNodeView;
 exports.withLazyLoading = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _lazyScheduler = require("./lazy-scheduler");
 var _nodeView = require("./node-view");
 var _cssHelper = require("./css-helper");
@@ -144,7 +145,17 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
     var loaderPromise = loader().then(function (nodeViewFuncModule) {
       var _resolvedNodesPerEdit;
       var nodeViewFunc = function nodeViewFunc(node, view, getPos, decorations) {
-        return nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
+        var nodeView = nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
+        var dom = nodeView.dom;
+        dom.setAttribute('data-vc', "editor-lnv-loaded--".concat(node.type.name));
+        if ((0, _platformFeatureFlags.fg)('platform_editor_ed-25557_lnv_add_ssr_placeholder')) {
+          var pos = getPos();
+          if (pos !== undefined) {
+            dom.setAttribute('data-editor-lnv-placeholder-replace', (0, _nodeView.makeNodePlaceholderId)(node.type.name, pos));
+          }
+        }
+        return nodeView;
       };
       (_resolvedNodesPerEdit = resolvedNodesPerEditorView.get(view)) === null || _resolvedNodesPerEdit === void 0 || _resolvedNodesPerEdit.set(nodeName, nodeViewFunc);
 

package/dist/cjs/lazy-node-view/node-view.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LazyNodeView = void 0;
+exports.makeNodePlaceholderId = makeNodePlaceholderId;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var getEditorLineWidth = (0, _memoize.default)(function (view) {
   var _view$dom;
   return (_view$dom = view.dom) === null || _view$dom === void 0 ? void 0 : _view$dom.clientWidth;
@@ -34,6 +36,9 @@ function sameOuterDeco(a, b) {
   }
   return true;
 }
+function makeNodePlaceholderId(nodeType, pos) {
+  return "".concat(nodeType, ":").concat(pos);
+}
 
 /**
  * 🧱 Internal: Editor FE Platform
@@ -79,6 +84,16 @@ var LazyNodeView = exports.LazyNodeView = /*#__PURE__*/function () {
       // We are using this to make sure all lazy noded were replaced
       // before the test started
       this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
+
+      // This is used by the UFO to identify the node
+      this.dom.setAttribute('data-vc', "editor-lnv-fallback--".concat(_node.type.name));
+      if ((0, _platformFeatureFlags.fg)('platform_editor_ed-25557_lnv_add_ssr_placeholder')) {
+        var pos = _getPos();
+        if (pos !== undefined) {
+          // Used for UFO to identify this as a placeholder
+          this.dom.setAttribute('data-editor-lnv-placeholder', makeNodePlaceholderId(_node.type.name, pos));
+        }
+      }
     }
   }
   (0, _createClass2.default)(LazyNodeView, [{

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "94.18.1";
+var packageVersion = "94.19.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/nesting/utilities.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPositionAfterTopParentNodeOfType = exports.getParentOfTypeCount = void 0;
+/*
+ * Returns the level of nesting of a given `nodeType` in the current selection.
+ * eg. table > table is nested 1 level, table > table > table is nested 2 levels.
+ *
+ * ```typescript
+ * const nestingLevel = getParentOfTypeCount(schema.nodes.table)(selection);
+ * ```
+ */
+var getParentOfTypeCount = exports.getParentOfTypeCount = function getParentOfTypeCount(nodeType) {
+  return function (selection) {
+    var count = 0;
+    var $from = selection.$from;
+    // Loop through parent nodes from bottom to top
+    for (var depth = $from.depth; depth > 0; depth--) {
+      var node = $from.node(depth);
+      // Count the table nodes
+      if (node.type === nodeType) {
+        count++;
+      }
+    }
+    return count;
+  };
+};
+
+/*
+ * Returns the (absolute) position directly after the top parent node of a given `nodeType` in the current selection.
+ *
+ * ```typescript
+ * const nestingLevel = getEndTopParentNodeOfType(schema.nodes.table)(selection);
+ * ```
+ */
+var getPositionAfterTopParentNodeOfType = exports.getPositionAfterTopParentNodeOfType = function getPositionAfterTopParentNodeOfType(nodeType) {
+  return function (selection) {
+    var $from = selection.$from;
+    // Loop through parent nodes from top to bottom
+    for (var depth = 1; depth <= $from.depth; depth++) {
+      var node = $from.node(depth);
+      // Count the table nodes
+      if (node.type === nodeType) {
+        return $from.after(depth);
+      }
+    }
+  };
+};

package/dist/cjs/resizer/BreakoutResizer.js

@@ -48,6 +48,16 @@ var getHandleStyle = function getHandleStyle(node) {
 var ignoreResizerMutations = exports.ignoreResizerMutations = function ignoreResizerMutations(mutation) {
   return mutation.target.classList.contains('resizer-item') || mutation.type === 'attributes' && mutation.attributeName === 'style';
 };
+var resizingStyles = {
+  left: '50%',
+  transform: 'translateX(-50%)',
+  display: 'grid'
+};
+
+// Apply grid to stop drag handles rendering inside .resizer-item affecting its height
+var defaultStyles = {
+  display: 'grid'
+};
 
 /**
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
@@ -151,11 +161,7 @@ var BreakoutResizer = exports.BreakoutResizer = function BreakoutResizer(_ref) {
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
-    style: isResizing ? {
-      // during resize need to center as the resizer-item gets an explicit width value
-      left: '50%',
-      transform: 'translateX(-50%)'
-    } : undefined,
+    style: isResizing ? resizingStyles : defaultStyles,
     handleResizeStart: handleResizeStart,
     handleResizeStop: handleResizeStop,
     childrenDOMRef: getRef,

package/dist/cjs/styles/shared/headings.js

@@ -53,14 +53,15 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
       '& h1': {
         font: (0, _getEditorUgcToken.default)('editor.font.heading.h1', typographyTheme),
         marginBottom: 0,
-        marginTop: '1.667em',
+        marginTop: '1.45833em',
         '& strong': {
           fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold', typographyTheme)
-        }
+        },
+        '&::before': {}
       },
       '& h2': {
         font: (0, _getEditorUgcToken.default)('editor.font.heading.h2', typographyTheme),
-        marginTop: '1.8em',
+        marginTop: '1.4em',
         marginBottom: 0,
         '& strong': {
           fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -68,7 +69,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
       },
       '& h3': {
         font: (0, _getEditorUgcToken.default)('editor.font.heading.h3', typographyTheme),
-        marginTop: '2em',
+        marginTop: '1.31249em',
         marginBottom: 0,
         '& strong': {
           fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -76,14 +77,14 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
       },
       '& h4': {
         font: (0, _getEditorUgcToken.default)('editor.font.heading.h4', typographyTheme),
-        marginTop: '1.357em',
+        marginTop: '1.25em',
         '& strong': {
           fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold', typographyTheme)
         }
       },
       '& h5': {
         font: (0, _getEditorUgcToken.default)('editor.font.heading.h5', typographyTheme),
-        marginTop: '1.667em',
+        marginTop: '1.45833em',
         textTransform: 'none',
         '& strong': {
           fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -91,7 +92,7 @@ var headingsSharedStyles = exports.headingsSharedStyles = function headingsShare
       },
       '& h6': {
         font: (0, _getEditorUgcToken.default)('editor.font.heading.h6', typographyTheme),
-        marginTop: '1.455em',
+        marginTop: '1.59091em',
         textTransform: 'none',
         '& strong': {
           fontWeight: (0, _getEditorUgcToken.default)('editor.font.weight.heading.h1.bold', typographyTheme)

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.18.1";
+var packageVersion = "94.19.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/lazy-node-view/index.js

@@ -1,6 +1,7 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { cancelCallback, scheduleCallback } from './lazy-scheduler';
-import { LazyNodeView } from './node-view';
+import { LazyNodeView, makeNodePlaceholderId } from './node-view';
 export { convertToInlineCss } from './css-helper';
 /**
  * 📢 Public Plugin Key
@@ -129,7 +130,17 @@ export const withLazyLoading = ({
     const loaderPromise = loader().then(nodeViewFuncModule => {
       var _resolvedNodesPerEdit;
       const nodeViewFunc = (node, view, getPos, decorations) => {
-        return nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
+        const nodeView = nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
+        const dom = nodeView.dom;
+        dom.setAttribute('data-vc', `editor-lnv-loaded--${node.type.name}`);
+        if (fg('platform_editor_ed-25557_lnv_add_ssr_placeholder')) {
+          const pos = getPos();
+          if (pos !== undefined) {
+            dom.setAttribute('data-editor-lnv-placeholder-replace', makeNodePlaceholderId(node.type.name, pos));
+          }
+        }
+        return nodeView;
       };
       (_resolvedNodesPerEdit = resolvedNodesPerEditorView.get(view)) === null || _resolvedNodesPerEdit === void 0 ? void 0 : _resolvedNodesPerEdit.set(nodeName, nodeViewFunc);
 

package/dist/es2019/lazy-node-view/node-view.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import memoize from 'lodash/memoize';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 const getEditorLineWidth = memoize(view => {
   var _view$dom;
   return (_view$dom = view.dom) === null || _view$dom === void 0 ? void 0 : _view$dom.clientWidth;
@@ -25,6 +26,9 @@ function sameOuterDeco(a, b) {
   }
   return true;
 }
+export function makeNodePlaceholderId(nodeType, pos) {
+  return `${nodeType}:${pos}`;
+}
 
 /**
  * 🧱 Internal: Editor FE Platform
@@ -68,6 +72,16 @@ export class LazyNodeView {
       // We are using this to make sure all lazy noded were replaced
       // before the test started
       this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
+
+      // This is used by the UFO to identify the node
+      this.dom.setAttribute('data-vc', `editor-lnv-fallback--${_node.type.name}`);
+      if (fg('platform_editor_ed-25557_lnv_add_ssr_placeholder')) {
+        const pos = _getPos();
+        if (pos !== undefined) {
+          // Used for UFO to identify this as a placeholder
+          this.dom.setAttribute('data-editor-lnv-placeholder', makeNodePlaceholderId(_node.type.name, pos));
+        }
+      }
     }
   }
   ignoreMutation() {

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "94.18.1";
+const packageVersion = "94.19.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/nesting/utilities.js

@@ -0,0 +1,44 @@
+/*
+ * Returns the level of nesting of a given `nodeType` in the current selection.
+ * eg. table > table is nested 1 level, table > table > table is nested 2 levels.
+ *
+ * ```typescript
+ * const nestingLevel = getParentOfTypeCount(schema.nodes.table)(selection);
+ * ```
+ */
+export const getParentOfTypeCount = nodeType => selection => {
+  let count = 0;
+  const {
+    $from
+  } = selection;
+  // Loop through parent nodes from bottom to top
+  for (let depth = $from.depth; depth > 0; depth--) {
+    const node = $from.node(depth);
+    // Count the table nodes
+    if (node.type === nodeType) {
+      count++;
+    }
+  }
+  return count;
+};
+
+/*
+ * Returns the (absolute) position directly after the top parent node of a given `nodeType` in the current selection.
+ *
+ * ```typescript
+ * const nestingLevel = getEndTopParentNodeOfType(schema.nodes.table)(selection);
+ * ```
+ */
+export const getPositionAfterTopParentNodeOfType = nodeType => selection => {
+  const {
+    $from
+  } = selection;
+  // Loop through parent nodes from top to bottom
+  for (let depth = 1; depth <= $from.depth; depth++) {
+    const node = $from.node(depth);
+    // Count the table nodes
+    if (node.type === nodeType) {
+      return $from.after(depth);
+    }
+  }
+};

package/dist/es2019/resizer/BreakoutResizer.js

@@ -37,6 +37,16 @@ const getHandleStyle = node => {
 export const ignoreResizerMutations = mutation => {
   return mutation.target.classList.contains('resizer-item') || mutation.type === 'attributes' && mutation.attributeName === 'style';
 };
+const resizingStyles = {
+  left: '50%',
+  transform: 'translateX(-50%)',
+  display: 'grid'
+};
+
+// Apply grid to stop drag handles rendering inside .resizer-item affecting its height
+const defaultStyles = {
+  display: 'grid'
+};
 
 /**
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
@@ -144,11 +154,7 @@ const BreakoutResizer = ({
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
-    style: isResizing ? {
-      // during resize need to center as the resizer-item gets an explicit width value
-      left: '50%',
-      transform: 'translateX(-50%)'
-    } : undefined,
+    style: isResizing ? resizingStyles : defaultStyles,
     handleResizeStart: handleResizeStart,
     handleResizeStop: handleResizeStop,
     childrenDOMRef: getRef,

package/dist/es2019/styles/shared/headings.js

@@ -46,14 +46,15 @@ export const headingsSharedStyles = typographyTheme => {
       '& h1': {
         font: editorUGCToken('editor.font.heading.h1', typographyTheme),
         marginBottom: 0,
-        marginTop: '1.667em',
+        marginTop: '1.45833em',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
-        }
+        },
+        '&::before': {}
       },
       '& h2': {
         font: editorUGCToken('editor.font.heading.h2', typographyTheme),
-        marginTop: '1.8em',
+        marginTop: '1.4em',
         marginBottom: 0,
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -61,7 +62,7 @@ export const headingsSharedStyles = typographyTheme => {
       },
       '& h3': {
         font: editorUGCToken('editor.font.heading.h3', typographyTheme),
-        marginTop: '2em',
+        marginTop: '1.31249em',
         marginBottom: 0,
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -69,14 +70,14 @@ export const headingsSharedStyles = typographyTheme => {
       },
       '& h4': {
         font: editorUGCToken('editor.font.heading.h4', typographyTheme),
-        marginTop: '1.357em',
+        marginTop: '1.25em',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
         }
       },
       '& h5': {
         font: editorUGCToken('editor.font.heading.h5', typographyTheme),
-        marginTop: '1.667em',
+        marginTop: '1.45833em',
         textTransform: 'none',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -84,7 +85,7 @@ export const headingsSharedStyles = typographyTheme => {
       },
       '& h6': {
         font: editorUGCToken('editor.font.heading.h6', typographyTheme),
-        marginTop: '1.455em',
+        marginTop: '1.59091em',
         textTransform: 'none',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "94.18.1";
+const packageVersion = "94.19.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/lazy-node-view/index.js

@@ -1,7 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { cancelCallback, scheduleCallback } from './lazy-scheduler';
-import { LazyNodeView } from './node-view';
+import { LazyNodeView, makeNodePlaceholderId } from './node-view';
 export { convertToInlineCss } from './css-helper';
 /**
  * 📢 Public Plugin Key
@@ -129,7 +130,17 @@ export var withLazyLoading = function withLazyLoading(_ref) {
     var loaderPromise = loader().then(function (nodeViewFuncModule) {
       var _resolvedNodesPerEdit;
       var nodeViewFunc = function nodeViewFunc(node, view, getPos, decorations) {
-        return nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
+        var nodeView = nodeViewFuncModule(node, view, getPos, decorations, getNodeViewOptions);
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
+        var dom = nodeView.dom;
+        dom.setAttribute('data-vc', "editor-lnv-loaded--".concat(node.type.name));
+        if (fg('platform_editor_ed-25557_lnv_add_ssr_placeholder')) {
+          var pos = getPos();
+          if (pos !== undefined) {
+            dom.setAttribute('data-editor-lnv-placeholder-replace', makeNodePlaceholderId(node.type.name, pos));
+          }
+        }
+        return nodeView;
       };
       (_resolvedNodesPerEdit = resolvedNodesPerEditorView.get(view)) === null || _resolvedNodesPerEdit === void 0 || _resolvedNodesPerEdit.set(nodeName, nodeViewFunc);
 

package/dist/esm/lazy-node-view/node-view.js

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import memoize from 'lodash/memoize';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 var getEditorLineWidth = memoize(function (view) {
   var _view$dom;
   return (_view$dom = view.dom) === null || _view$dom === void 0 ? void 0 : _view$dom.clientWidth;
@@ -27,6 +28,9 @@ function sameOuterDeco(a, b) {
   }
   return true;
 }
+export function makeNodePlaceholderId(nodeType, pos) {
+  return "".concat(nodeType, ":").concat(pos);
+}
 
 /**
  * 🧱 Internal: Editor FE Platform
@@ -72,6 +76,16 @@ export var LazyNodeView = /*#__PURE__*/function () {
       // We are using this to make sure all lazy noded were replaced
       // before the test started
       this.dom.setAttribute('data-lazy-node-view-fallback', 'true');
+
+      // This is used by the UFO to identify the node
+      this.dom.setAttribute('data-vc', "editor-lnv-fallback--".concat(_node.type.name));
+      if (fg('platform_editor_ed-25557_lnv_add_ssr_placeholder')) {
+        var pos = _getPos();
+        if (pos !== undefined) {
+          // Used for UFO to identify this as a placeholder
+          this.dom.setAttribute('data-editor-lnv-placeholder', makeNodePlaceholderId(_node.type.name, pos));
+        }
+      }
     }
   }
   _createClass(LazyNodeView, [{

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "94.18.1";
+var packageVersion = "94.19.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/nesting/utilities.js

@@ -0,0 +1,44 @@
+/*
+ * Returns the level of nesting of a given `nodeType` in the current selection.
+ * eg. table > table is nested 1 level, table > table > table is nested 2 levels.
+ *
+ * ```typescript
+ * const nestingLevel = getParentOfTypeCount(schema.nodes.table)(selection);
+ * ```
+ */
+export var getParentOfTypeCount = function getParentOfTypeCount(nodeType) {
+  return function (selection) {
+    var count = 0;
+    var $from = selection.$from;
+    // Loop through parent nodes from bottom to top
+    for (var depth = $from.depth; depth > 0; depth--) {
+      var node = $from.node(depth);
+      // Count the table nodes
+      if (node.type === nodeType) {
+        count++;
+      }
+    }
+    return count;
+  };
+};
+
+/*
+ * Returns the (absolute) position directly after the top parent node of a given `nodeType` in the current selection.
+ *
+ * ```typescript
+ * const nestingLevel = getEndTopParentNodeOfType(schema.nodes.table)(selection);
+ * ```
+ */
+export var getPositionAfterTopParentNodeOfType = function getPositionAfterTopParentNodeOfType(nodeType) {
+  return function (selection) {
+    var $from = selection.$from;
+    // Loop through parent nodes from top to bottom
+    for (var depth = 1; depth <= $from.depth; depth++) {
+      var node = $from.node(depth);
+      // Count the table nodes
+      if (node.type === nodeType) {
+        return $from.after(depth);
+      }
+    }
+  };
+};

package/dist/esm/resizer/BreakoutResizer.js

@@ -38,6 +38,16 @@ var getHandleStyle = function getHandleStyle(node) {
 export var ignoreResizerMutations = function ignoreResizerMutations(mutation) {
   return mutation.target.classList.contains('resizer-item') || mutation.type === 'attributes' && mutation.attributeName === 'style';
 };
+var resizingStyles = {
+  left: '50%',
+  transform: 'translateX(-50%)',
+  display: 'grid'
+};
+
+// Apply grid to stop drag handles rendering inside .resizer-item affecting its height
+var defaultStyles = {
+  display: 'grid'
+};
 
 /**
  * BreakoutResizer is a common component used to resize nodes that support the 'Breakout' mark, so it requires
@@ -141,11 +151,7 @@ var BreakoutResizer = function BreakoutResizer(_ref) {
     maxWidth: maxWidth
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
     ,
-    style: isResizing ? {
-      // during resize need to center as the resizer-item gets an explicit width value
-      left: '50%',
-      transform: 'translateX(-50%)'
-    } : undefined,
+    style: isResizing ? resizingStyles : defaultStyles,
     handleResizeStart: handleResizeStart,
     handleResizeStop: handleResizeStop,
     childrenDOMRef: getRef,

package/dist/esm/styles/shared/headings.js

@@ -52,14 +52,15 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
       '& h1': {
         font: editorUGCToken('editor.font.heading.h1', typographyTheme),
         marginBottom: 0,
-        marginTop: '1.667em',
+        marginTop: '1.45833em',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
-        }
+        },
+        '&::before': {}
       },
       '& h2': {
         font: editorUGCToken('editor.font.heading.h2', typographyTheme),
-        marginTop: '1.8em',
+        marginTop: '1.4em',
         marginBottom: 0,
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -67,7 +68,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
       },
       '& h3': {
         font: editorUGCToken('editor.font.heading.h3', typographyTheme),
-        marginTop: '2em',
+        marginTop: '1.31249em',
         marginBottom: 0,
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -75,14 +76,14 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
       },
       '& h4': {
         font: editorUGCToken('editor.font.heading.h4', typographyTheme),
-        marginTop: '1.357em',
+        marginTop: '1.25em',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
         }
       },
       '& h5': {
         font: editorUGCToken('editor.font.heading.h5', typographyTheme),
-        marginTop: '1.667em',
+        marginTop: '1.45833em',
         textTransform: 'none',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)
@@ -90,7 +91,7 @@ export var headingsSharedStyles = function headingsSharedStyles(typographyTheme)
       },
       '& h6': {
         font: editorUGCToken('editor.font.heading.h6', typographyTheme),
-        marginTop: '1.455em',
+        marginTop: '1.59091em',
         textTransform: 'none',
         '& strong': {
           fontWeight: editorUGCToken('editor.font.weight.heading.h1.bold', typographyTheme)

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.18.1";
+var packageVersion = "94.19.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/lazy-node-view/node-view.d.ts

@@ -1,5 +1,6 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+export declare function makeNodePlaceholderId(nodeType: string, pos: number): string;
 /**
  * 🧱 Internal: Editor FE Platform
  *

package/dist/types/nesting/utilities.d.ts

@@ -0,0 +1,4 @@
+import type { NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const getParentOfTypeCount: (nodeType: NodeType) => (selection: Selection) => number;
+export declare const getPositionAfterTopParentNodeOfType: (nodeType: NodeType) => (selection: Selection) => number | undefined;

package/dist/types-ts4.5/lazy-node-view/node-view.d.ts

@@ -1,5 +1,6 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
+export declare function makeNodePlaceholderId(nodeType: string, pos: number): string;
 /**
  * 🧱 Internal: Editor FE Platform
  *

package/dist/types-ts4.5/nesting/utilities.d.ts

@@ -0,0 +1,4 @@
+import type { NodeType } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const getParentOfTypeCount: (nodeType: NodeType) => (selection: Selection) => number;
+export declare const getPositionAfterTopParentNodeOfType: (nodeType: NodeType) => (selection: Selection) => number | undefined;

package/nesting/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "94.18.1",
+	"version": "94.19.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -105,6 +105,7 @@
 		"./code-block": "./src/code-block/index.ts",
 		"./table": "./src/table/index.ts",
 		"./lazy-node-view": "./src/lazy-node-view/index.ts",
+		"./nesting": "./src/nesting/utilities.ts",
 		"./UNSAFE_do_not_use_editor_context": "./src/ui/EditorContext/index.ts"
 	},
 	"dependencies": {
@@ -136,7 +137,7 @@
 		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/media-file-preview": "^0.9.0",
 		"@atlaskit/media-picker": "^67.0.0",
-		"@atlaskit/media-ui": "^26.1.0",
+		"@atlaskit/media-ui": "^26.2.0",
 		"@atlaskit/media-viewer": "49.4.0",
 		"@atlaskit/mention": "^23.3.0",
 		"@atlaskit/menu": "^2.13.0",
@@ -144,14 +145,14 @@
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popper": "^6.3.0",
 		"@atlaskit/primitives": "^13.1.0",
-		"@atlaskit/profilecard": "^20.10.0",
+		"@atlaskit/profilecard": "^20.11.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/smart-card": "^30.2.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/tmp-editor-statsig": "^2.13.0",
+		"@atlaskit/tmp-editor-statsig": "^2.14.0",
 		"@atlaskit/tokens": "^2.2.0",
 		"@atlaskit/tooltip": "^18.9.0",
 		"@atlaskit/width-detector": "^4.3.0",
@@ -277,6 +278,9 @@
 		"platform_editor_replace_finddomnode_in_common": {
 			"type": "boolean"
 		},
+		"platform_editor_ed-25557_lnv_add_ssr_placeholder": {
+			"type": "boolean"
+		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},