@atlaskit/editor-common 110.46.2 → 110.46.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 110.46.3
+
+### Patch Changes
+
+- [`79172823f4e47`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/79172823f4e47) -
+  [ux] EDITOR-3961 strip breakout mark from renderer sync block html
+- [`a528ea956ce65`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a528ea956ce65) -
+  [ux] EDITOR-3956 fix sync block resize handle padding and alignment
+- Updated dependencies
+
 ## 110.46.2
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "110.46.1";
+var packageVersion = "110.46.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/styles/shared/sync-block.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.viewModeClassName = exports.disabledClassName = exports.SyncBlockStateCssClassName = exports.SyncBlockSharedCssClassName = exports.SyncBlockLabelSharedCssClassName = exports.BodiedSyncBlockSharedCssClassName = void 0;
+exports.viewModeClassName = exports.disabledClassName = exports.SyncBlockStateCssClassName = exports.SyncBlockSharedCssClassName = exports.SyncBlockRendererDataAttributeName = exports.SyncBlockLabelSharedCssClassName = exports.BodiedSyncBlockSharedCssClassName = void 0;
 var prefix = 'ak-editor-sync-block';
 var SyncBlockSharedCssClassName = exports.SyncBlockSharedCssClassName = {
   prefix: prefix,
@@ -11,6 +11,7 @@ var SyncBlockSharedCssClassName = exports.SyncBlockSharedCssClassName = {
   error: "".concat(prefix, "__error_state"),
   loading: "".concat(prefix, "__loading_state")
 };
+var SyncBlockRendererDataAttributeName = exports.SyncBlockRendererDataAttributeName = 'data-sync-block-renderer';
 var bodiedPrefix = 'ak-editor-bodied-sync-block';
 var BodiedSyncBlockSharedCssClassName = exports.BodiedSyncBlockSharedCssClassName = {
   prefix: bodiedPrefix,

package/dist/cjs/sync-block.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "SyncBlockLabelSharedCssClassName", {
     return _syncBlock.SyncBlockLabelSharedCssClassName;
   }
 });
+Object.defineProperty(exports, "SyncBlockRendererDataAttributeName", {
+  enumerable: true,
+  get: function get() {
+    return _syncBlock.SyncBlockRendererDataAttributeName;
+  }
+});
 Object.defineProperty(exports, "SyncBlockSharedCssClassName", {
   enumerable: true,
   get: function get() {

package/dist/cjs/transforms/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "isTaskList", {
     return _listUtils.isTaskList;
   }
 });
+Object.defineProperty(exports, "removeBreakoutFromRendererSyncBlockHTML", {
+  enumerable: true,
+  get: function get() {
+    return _syncBlock.removeBreakoutFromRendererSyncBlockHTML;
+  }
+});
 Object.defineProperty(exports, "removeLayoutFromFirstChild", {
   enumerable: true,
   get: function get() {

package/dist/cjs/transforms/sync-block.js

@@ -4,10 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformSyncBlock = void 0;
+exports.transformSyncBlock = exports.removeBreakoutFromRendererSyncBlockHTML = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _adfSchema = require("@atlaskit/adf-schema");
+var _styles = require("../styles");
+var _syncBlock = require("../sync-block");
 var _slice = require("../utils/slice");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -48,4 +50,31 @@ var transformSyncBlock = exports.transformSyncBlock = function transformSyncBloc
     return node;
   });
   return slice;
+};
+
+/**
+ * Remove breakout mark from renderer sync block.
+ *
+ * When copying from renderer, we want to paste the content and not the sync block.
+ *
+ * If the renderer sync block is interpreted as a sync block node by Prosemirror's parser,
+ * then since syncBlock is a leaf node, it will stop looking for any nested content and so the content inside the sync block,
+ * and so what we actually want will be gone from the pasted slice
+ *
+ * So we make sure the sync block is not interpreted as a sync block node, by using data-sync-block-renderer instead of data-sync-block
+ * However, sync blocks can have breakout marks. When Prosemirror skips over the sync block node, it will then apply that breakout mark to the next node (incorrectly)
+ *
+ * So we need to strip out all of the breakout marks around renderer sync blocks beforehand while parsing the HTML.
+ */
+var removeBreakoutFromRendererSyncBlockHTML = exports.removeBreakoutFromRendererSyncBlockHTML = function removeBreakoutFromRendererSyncBlockHTML(html) {
+  var parser = new DOMParser();
+  var doc = parser.parseFromString(html, 'text/html');
+  doc.querySelectorAll("div.".concat(_styles.BreakoutCssClassName.BREAKOUT_MARK)).forEach(function (breakoutDiv) {
+    // Check if this breakout div directly contains a renderer sync block
+    var rendererDiv = breakoutDiv.querySelector(":scope > div[".concat(_syncBlock.SyncBlockRendererDataAttributeName, "]"));
+    if (rendererDiv) {
+      breakoutDiv.replaceWith(rendererDiv);
+    }
+  });
+  return doc.body.innerHTML;
 };

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 = "110.46.1";
+var packageVersion = "110.46.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/utils/breakout.js

@@ -4,16 +4,27 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.calcBreakoutWidth = exports.breakoutConsts = exports.absoluteBreakoutWidth = void 0;
+exports.calcBreakoutWidth = exports.breakoutResizableNodes = exports.breakoutConsts = exports.absoluteBreakoutWidth = void 0;
 exports.calcBreakoutWidthPx = calcBreakoutWidthPx;
 exports.calcWideWidth = exports.calcBreakoutWithCustomWidth = void 0;
 exports.calculateBreakoutStyles = calculateBreakoutStyles;
-exports.getTitle = exports.getNextBreakoutMode = void 0;
+exports.getTitle = exports.getNextBreakoutMode = exports.getBreakoutResizableNodeTypes = void 0;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _messages = _interopRequireDefault(require("../messages"));
 var _BaseTheme = require("../ui/BaseTheme");
 var _WidthProvider = require("../ui/WidthProvider");
 var _dom = require("./dom");
+var breakoutResizableNodes = exports.breakoutResizableNodes = ['expand', 'layoutSection', 'codeBlock', 'syncBlock', 'bodiedSyncBlock'];
+var getBreakoutResizableNodeTypes = exports.getBreakoutResizableNodeTypes = function getBreakoutResizableNodeTypes(schema) {
+  var _schema$nodes = schema.nodes,
+    expand = _schema$nodes.expand,
+    codeBlock = _schema$nodes.codeBlock,
+    layoutSection = _schema$nodes.layoutSection,
+    syncBlock = _schema$nodes.syncBlock,
+    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock;
+  return new Set([expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock]);
+};
+
 /**
  * Variables required to construct a context for breakout ssr inline script.
  *

package/dist/cjs/utils/index.js

@@ -148,6 +148,12 @@ Object.defineProperty(exports, "breakoutConsts", {
     return _breakout.breakoutConsts;
   }
 });
+Object.defineProperty(exports, "breakoutResizableNodes", {
+  enumerable: true,
+  get: function get() {
+    return _breakout.breakoutResizableNodes;
+  }
+});
 Object.defineProperty(exports, "browser", {
   enumerable: true,
   get: function get() {
@@ -426,6 +432,12 @@ Object.defineProperty(exports, "getAnnotationMarksForPos", {
     return _annotation.getAnnotationMarksForPos;
   }
 });
+Object.defineProperty(exports, "getBreakoutResizableNodeTypes", {
+  enumerable: true,
+  get: function get() {
+    return _breakout.getBreakoutResizableNodeTypes;
+  }
+});
 Object.defineProperty(exports, "getChangedNodes", {
   enumerable: true,
   get: function get() {

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "110.46.1";
+const packageVersion = "110.46.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/styles/shared/sync-block.js

@@ -5,6 +5,7 @@ export const SyncBlockSharedCssClassName = {
   error: `${prefix}__error_state`,
   loading: `${prefix}__loading_state`
 };
+export const SyncBlockRendererDataAttributeName = 'data-sync-block-renderer';
 const bodiedPrefix = 'ak-editor-bodied-sync-block';
 export const BodiedSyncBlockSharedCssClassName = {
   prefix: bodiedPrefix,

package/dist/es2019/sync-block.js

@@ -1,4 +1,4 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from './styles/shared/sync-block';
+export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName, SyncBlockRendererDataAttributeName } from './styles/shared/sync-block';

package/dist/es2019/transforms/index.js

@@ -8,4 +8,4 @@ export { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToC
 export { transformSliceToDecisionList } from './decision-list';
 export { transformListStructure, transformBetweenListTypes, transformListRecursively, transformToTaskList, transformTaskListToBlockNodes, getFormattedNode } from './list-transforms';
 export { isBulletOrOrderedList, isTaskList, getSupportedListTypesSet, convertBlockToInlineContent } from './list-utils';
-export { transformSyncBlock } from './sync-block';
+export { transformSyncBlock, removeBreakoutFromRendererSyncBlockHTML } from './sync-block';

package/dist/es2019/transforms/sync-block.js

@@ -1,4 +1,6 @@
 import { uuid } from '@atlaskit/adf-schema';
+import { BreakoutCssClassName } from '../styles';
+import { SyncBlockRendererDataAttributeName } from '../sync-block';
 import { mapSlice } from '../utils/slice';
 const transformSyncBlockNode = (node, schema, isFromEditor) => {
   // if copying from renderer, flatten out the content and remove the sync block
@@ -38,4 +40,31 @@ export const transformSyncBlock = (slice, schema, pasteSource) => {
     return node;
   });
   return slice;
+};
+
+/**
+ * Remove breakout mark from renderer sync block.
+ *
+ * When copying from renderer, we want to paste the content and not the sync block.
+ *
+ * If the renderer sync block is interpreted as a sync block node by Prosemirror's parser,
+ * then since syncBlock is a leaf node, it will stop looking for any nested content and so the content inside the sync block,
+ * and so what we actually want will be gone from the pasted slice
+ *
+ * So we make sure the sync block is not interpreted as a sync block node, by using data-sync-block-renderer instead of data-sync-block
+ * However, sync blocks can have breakout marks. When Prosemirror skips over the sync block node, it will then apply that breakout mark to the next node (incorrectly)
+ *
+ * So we need to strip out all of the breakout marks around renderer sync blocks beforehand while parsing the HTML.
+ */
+export const removeBreakoutFromRendererSyncBlockHTML = html => {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(html, 'text/html');
+  doc.querySelectorAll(`div.${BreakoutCssClassName.BREAKOUT_MARK}`).forEach(breakoutDiv => {
+    // Check if this breakout div directly contains a renderer sync block
+    const rendererDiv = breakoutDiv.querySelector(`:scope > div[${SyncBlockRendererDataAttributeName}]`);
+    if (rendererDiv) {
+      breakoutDiv.replaceWith(rendererDiv);
+    }
+  });
+  return doc.body.innerHTML;
 };

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "110.46.1";
+const packageVersion = "110.46.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/utils/breakout.js

@@ -3,6 +3,17 @@ import commonMessages from '../messages';
 import { mapBreakpointToLayoutMaxWidth } from '../ui/BaseTheme';
 import { getBreakpoint } from '../ui/WidthProvider';
 import { parsePx } from './dom';
+export const breakoutResizableNodes = ['expand', 'layoutSection', 'codeBlock', 'syncBlock', 'bodiedSyncBlock'];
+export const getBreakoutResizableNodeTypes = schema => {
+  const {
+    expand,
+    codeBlock,
+    layoutSection,
+    syncBlock,
+    bodiedSyncBlock
+  } = schema.nodes;
+  return new Set([expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock]);
+};
 
 /**
  * Variables required to construct a context for breakout ssr inline script.

package/dist/es2019/utils/index.js

@@ -26,7 +26,7 @@ ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';
 export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, setAllSelection, setCellSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
-export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth } from './breakout';
+export { breakoutResizableNodes, getBreakoutResizableNodeTypes, absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth } from './breakout';
 export {
 /**
  * @private

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "110.46.1";
+var packageVersion = "110.46.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/styles/shared/sync-block.js

@@ -5,6 +5,7 @@ export var SyncBlockSharedCssClassName = {
   error: "".concat(prefix, "__error_state"),
   loading: "".concat(prefix, "__loading_state")
 };
+export var SyncBlockRendererDataAttributeName = 'data-sync-block-renderer';
 var bodiedPrefix = 'ak-editor-bodied-sync-block';
 export var BodiedSyncBlockSharedCssClassName = {
   prefix: bodiedPrefix,

package/dist/esm/sync-block.js

@@ -1,4 +1,4 @@
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 
-export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName } from './styles/shared/sync-block';
+export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName, SyncBlockRendererDataAttributeName } from './styles/shared/sync-block';

package/dist/esm/transforms/index.js

@@ -8,4 +8,4 @@ export { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToC
 export { transformSliceToDecisionList } from './decision-list';
 export { transformListStructure, transformBetweenListTypes, transformListRecursively, transformToTaskList, transformTaskListToBlockNodes, getFormattedNode } from './list-transforms';
 export { isBulletOrOrderedList, isTaskList, getSupportedListTypesSet, convertBlockToInlineContent } from './list-utils';
-export { transformSyncBlock } from './sync-block';
+export { transformSyncBlock, removeBreakoutFromRendererSyncBlockHTML } from './sync-block';

package/dist/esm/transforms/sync-block.js

@@ -3,6 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { uuid } from '@atlaskit/adf-schema';
+import { BreakoutCssClassName } from '../styles';
+import { SyncBlockRendererDataAttributeName } from '../sync-block';
 import { mapSlice } from '../utils/slice';
 var transformSyncBlockNode = function transformSyncBlockNode(node, schema, isFromEditor) {
   // if copying from renderer, flatten out the content and remove the sync block
@@ -41,4 +43,31 @@ export var transformSyncBlock = function transformSyncBlock(slice, schema, paste
     return node;
   });
   return slice;
+};
+
+/**
+ * Remove breakout mark from renderer sync block.
+ *
+ * When copying from renderer, we want to paste the content and not the sync block.
+ *
+ * If the renderer sync block is interpreted as a sync block node by Prosemirror's parser,
+ * then since syncBlock is a leaf node, it will stop looking for any nested content and so the content inside the sync block,
+ * and so what we actually want will be gone from the pasted slice
+ *
+ * So we make sure the sync block is not interpreted as a sync block node, by using data-sync-block-renderer instead of data-sync-block
+ * However, sync blocks can have breakout marks. When Prosemirror skips over the sync block node, it will then apply that breakout mark to the next node (incorrectly)
+ *
+ * So we need to strip out all of the breakout marks around renderer sync blocks beforehand while parsing the HTML.
+ */
+export var removeBreakoutFromRendererSyncBlockHTML = function removeBreakoutFromRendererSyncBlockHTML(html) {
+  var parser = new DOMParser();
+  var doc = parser.parseFromString(html, 'text/html');
+  doc.querySelectorAll("div.".concat(BreakoutCssClassName.BREAKOUT_MARK)).forEach(function (breakoutDiv) {
+    // Check if this breakout div directly contains a renderer sync block
+    var rendererDiv = breakoutDiv.querySelector(":scope > div[".concat(SyncBlockRendererDataAttributeName, "]"));
+    if (rendererDiv) {
+      breakoutDiv.replaceWith(rendererDiv);
+    }
+  });
+  return doc.body.innerHTML;
 };

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "110.46.1";
+var packageVersion = "110.46.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/utils/breakout.js

@@ -3,6 +3,16 @@ import commonMessages from '../messages';
 import { mapBreakpointToLayoutMaxWidth } from '../ui/BaseTheme';
 import { getBreakpoint } from '../ui/WidthProvider';
 import { parsePx } from './dom';
+export var breakoutResizableNodes = ['expand', 'layoutSection', 'codeBlock', 'syncBlock', 'bodiedSyncBlock'];
+export var getBreakoutResizableNodeTypes = function getBreakoutResizableNodeTypes(schema) {
+  var _schema$nodes = schema.nodes,
+    expand = _schema$nodes.expand,
+    codeBlock = _schema$nodes.codeBlock,
+    layoutSection = _schema$nodes.layoutSection,
+    syncBlock = _schema$nodes.syncBlock,
+    bodiedSyncBlock = _schema$nodes.bodiedSyncBlock;
+  return new Set([expand, codeBlock, layoutSection, syncBlock, bodiedSyncBlock]);
+};
 
 /**
  * Variables required to construct a context for breakout ssr inline script.

package/dist/esm/utils/index.js

@@ -26,7 +26,7 @@ ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';
 export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, setAllSelection, setCellSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
-export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth } from './breakout';
+export { breakoutResizableNodes, getBreakoutResizableNodeTypes, absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth } from './breakout';
 export {
 /**
  * @private

package/dist/types/styles/shared/sync-block.d.ts

@@ -4,6 +4,7 @@ export declare const SyncBlockSharedCssClassName: {
     error: string;
     loading: string;
 };
+export declare const SyncBlockRendererDataAttributeName = "data-sync-block-renderer";
 export declare const BodiedSyncBlockSharedCssClassName: {
     prefix: string;
     renderer: string;

package/dist/types/sync-block.d.ts

@@ -1 +1 @@
-export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName, } from './styles/shared/sync-block';
+export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName, SyncBlockRendererDataAttributeName, } from './styles/shared/sync-block';

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

@@ -5,5 +5,5 @@ export { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToC
 export { transformSliceToDecisionList } from './decision-list';
 export { transformListStructure, transformBetweenListTypes, transformListRecursively, transformToTaskList, transformTaskListToBlockNodes, getFormattedNode, } from './list-transforms';
 export { isBulletOrOrderedList, isTaskList, getSupportedListTypesSet, convertBlockToInlineContent, } from './list-utils';
-export { transformSyncBlock } from './sync-block';
+export { transformSyncBlock, removeBreakoutFromRendererSyncBlockHTML } from './sync-block';
 export type { TransformContext, TransformFunction } from './list-types';

package/dist/types/transforms/sync-block.d.ts

@@ -5,3 +5,18 @@ import type { PasteSource } from '../analytics';
  * Otherwise, (e.g. if copying from renderer), flatten out the content and remove the sync block
  */
 export declare const transformSyncBlock: (slice: Slice, schema: Schema, pasteSource: PasteSource) => Slice;
+/**
+ * Remove breakout mark from renderer sync block.
+ *
+ * When copying from renderer, we want to paste the content and not the sync block.
+ *
+ * If the renderer sync block is interpreted as a sync block node by Prosemirror's parser,
+ * then since syncBlock is a leaf node, it will stop looking for any nested content and so the content inside the sync block,
+ * and so what we actually want will be gone from the pasted slice
+ *
+ * So we make sure the sync block is not interpreted as a sync block node, by using data-sync-block-renderer instead of data-sync-block
+ * However, sync blocks can have breakout marks. When Prosemirror skips over the sync block node, it will then apply that breakout mark to the next node (incorrectly)
+ *
+ * So we need to strip out all of the breakout marks around renderer sync blocks beforehand while parsing the HTML.
+ */
+export declare const removeBreakoutFromRendererSyncBlockHTML: (html: string) => string;

package/dist/types/utils/breakout.d.ts

@@ -1,7 +1,10 @@
 import type { BreakoutMarkAttrs } from '@atlaskit/adf-schema';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { BreakoutMode } from '../types/breakout';
 import { mapBreakpointToLayoutMaxWidth } from '../ui/BaseTheme';
 import { getBreakpoint } from '../ui/WidthProvider';
+export declare const breakoutResizableNodes: string[];
+export declare const getBreakoutResizableNodeTypes: (schema: Schema) => Set<import("prosemirror-model").NodeType>;
 /**
  * Variables required to construct a context for breakout ssr inline script.
  *

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

@@ -27,7 +27,7 @@ export type { Date } from './date';
 export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, setAllSelection, setCellSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween, } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export type { ImageLoaderProps, ImageLoaderState, ImageStatus } from './imageLoader';
-export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth, } from './breakout';
+export { breakoutResizableNodes, getBreakoutResizableNodeTypes, absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth, } from './breakout';
 export type { BreakoutConstsType } from './breakout';
 export { 
 /**

package/dist/types-ts4.5/styles/shared/sync-block.d.ts

@@ -4,6 +4,7 @@ export declare const SyncBlockSharedCssClassName: {
     error: string;
     loading: string;
 };
+export declare const SyncBlockRendererDataAttributeName = "data-sync-block-renderer";
 export declare const BodiedSyncBlockSharedCssClassName: {
     prefix: string;
     renderer: string;

package/dist/types-ts4.5/sync-block.d.ts

@@ -1 +1 @@
-export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName, } from './styles/shared/sync-block';
+export { BodiedSyncBlockSharedCssClassName, SyncBlockSharedCssClassName, SyncBlockLabelSharedCssClassName, SyncBlockStateCssClassName, SyncBlockRendererDataAttributeName, } from './styles/shared/sync-block';

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

@@ -5,5 +5,5 @@ export { transformSliceToJoinAdjacentCodeBlocks, transformSingleLineCodeBlockToC
 export { transformSliceToDecisionList } from './decision-list';
 export { transformListStructure, transformBetweenListTypes, transformListRecursively, transformToTaskList, transformTaskListToBlockNodes, getFormattedNode, } from './list-transforms';
 export { isBulletOrOrderedList, isTaskList, getSupportedListTypesSet, convertBlockToInlineContent, } from './list-utils';
-export { transformSyncBlock } from './sync-block';
+export { transformSyncBlock, removeBreakoutFromRendererSyncBlockHTML } from './sync-block';
 export type { TransformContext, TransformFunction } from './list-types';

package/dist/types-ts4.5/transforms/sync-block.d.ts

@@ -5,3 +5,18 @@ import type { PasteSource } from '../analytics';
  * Otherwise, (e.g. if copying from renderer), flatten out the content and remove the sync block
  */
 export declare const transformSyncBlock: (slice: Slice, schema: Schema, pasteSource: PasteSource) => Slice;
+/**
+ * Remove breakout mark from renderer sync block.
+ *
+ * When copying from renderer, we want to paste the content and not the sync block.
+ *
+ * If the renderer sync block is interpreted as a sync block node by Prosemirror's parser,
+ * then since syncBlock is a leaf node, it will stop looking for any nested content and so the content inside the sync block,
+ * and so what we actually want will be gone from the pasted slice
+ *
+ * So we make sure the sync block is not interpreted as a sync block node, by using data-sync-block-renderer instead of data-sync-block
+ * However, sync blocks can have breakout marks. When Prosemirror skips over the sync block node, it will then apply that breakout mark to the next node (incorrectly)
+ *
+ * So we need to strip out all of the breakout marks around renderer sync blocks beforehand while parsing the HTML.
+ */
+export declare const removeBreakoutFromRendererSyncBlockHTML: (html: string) => string;

package/dist/types-ts4.5/utils/breakout.d.ts

@@ -1,7 +1,10 @@
 import type { BreakoutMarkAttrs } from '@atlaskit/adf-schema';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
 import type { BreakoutMode } from '../types/breakout';
 import { mapBreakpointToLayoutMaxWidth } from '../ui/BaseTheme';
 import { getBreakpoint } from '../ui/WidthProvider';
+export declare const breakoutResizableNodes: string[];
+export declare const getBreakoutResizableNodeTypes: (schema: Schema) => Set<import("prosemirror-model").NodeType>;
 /**
  * Variables required to construct a context for breakout ssr inline script.
  *

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

@@ -27,7 +27,7 @@ export type { Date } from './date';
 export { isElementInTableCell, isTextSelection, isLastItemMediaGroup, setNodeSelection, setTextSelection, setAllSelection, setCellSelection, nonNullable, stepAddsOneOf, stepHasSlice, extractSliceFromStep, isValidPosition, isEmptyParagraph, isInLayoutColumn, removeBlockMarks, filterChildrenBetween, } from './editor-core-utils';
 export { withImageLoader } from './imageLoader';
 export type { ImageLoaderProps, ImageLoaderState, ImageStatus } from './imageLoader';
-export { absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth, } from './breakout';
+export { breakoutResizableNodes, getBreakoutResizableNodeTypes, absoluteBreakoutWidth, calcBreakoutWidth, calcWideWidth, breakoutConsts, calculateBreakoutStyles, calcBreakoutWidthPx, getNextBreakoutMode, getTitle, calcBreakoutWithCustomWidth, } from './breakout';
 export type { BreakoutConstsType } from './breakout';
 export { 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.46.2",
+	"version": "110.46.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -37,7 +37,7 @@
 		"@atlaskit/analytics-namespaced-context": "^7.2.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/atlassian-context": "^0.6.0",
-		"@atlaskit/button": "^23.8.0",
+		"@atlaskit/button": "^23.9.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.18.0",
 		"@atlaskit/custom-steps": "^0.16.0",
@@ -81,7 +81,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.15.0",
+		"@atlaskit/tmp-editor-statsig": "^16.0.0",
 		"@atlaskit/tokens": "^8.6.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",