@atlaskit/editor-common 68.0.2 → 69.0.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-common
 
+## 69.0.0
+
+### Major Changes
+
+- [`04589993d81`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04589993d81) - ED-15148: moved duplicate entrypoints from @atlaskit/editor-common/utils to @atlaskit/editor-common/validator
+
+### Minor Changes
+
+- [`8ff3031db06`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8ff3031db06) - Introduce new optional argument to CardProvider.resolve
+- [`07c8b0b4504`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07c8b0b4504) - [ux] ED-15102 adds a copy button to nodes with floating toolbars
+- [`2d979ce9877`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2d979ce9877) - [ux] ED-14945: Add windowed codeblock support in renderer (This feature sits behind a flag in the featureFlags prop 'allow-windowed-code-block')
+- [`04746af08f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04746af08f6) - [ux] ED-15097 added floating toolbar copy button to table
+- [`e4dba654a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4dba654a71) - [ux] ED-15233: Fix breakout button positioning for breakout supported nodes in scenarios where editor disabled props changes while Editor is visually hidden and redisplayed.
+  Fixed by skipping breakout width update work when the editorView dom element is width 0 (hidden) and deferring LayoutButton position updates to second animation frame (on window
+  and editor resizes).
+- [`11f56527739`](https://bitbucket.org/atlassian/atlassian-frontend/commits/11f56527739) - Export emoji placeholder class name
+
+### Patch Changes
+
+- [`153b80fdcda`](https://bitbucket.org/atlassian/atlassian-frontend/commits/153b80fdcda) - [ux] ED-15111: Fix aligned text and headings margin-top values in layouts in Renderer (by clearing them)
+- Updated dependencies
+
 ## 68.0.2
 
 ### Patch Changes

package/codemods/69.0.0-update-validator-imports.ts

@@ -0,0 +1,7 @@
+import { createTransformer } from '@atlaskit/codemod-utils';
+
+import { validatorExports, validatorTypes } from './migrates/entry-points';
+
+const transformer = createTransformer([...validatorTypes, ...validatorExports]);
+
+export default transformer;

package/codemods/migrates/entry-points.ts

@@ -0,0 +1,37 @@
+import { changeImportEntryPoint } from '@atlaskit/codemod-utils';
+
+const PACKAGE_NAME = '@atlaskit/editor-common';
+
+export const validatorExports = [
+  'getMarksByOrder',
+  'getValidContent',
+  'getValidDocument',
+  'getValidMark',
+  'getValidNode',
+  'getValidUnknownNode',
+  'isSameMark',
+  'isSubSupType',
+  'markOrder',
+  'ADFStages',
+].map((name) =>
+  changeImportEntryPoint(
+    `${PACKAGE_NAME}/utils`,
+    name,
+    `${PACKAGE_NAME}/validator`,
+  ),
+);
+
+export const validatorTypes = [
+  'ADDoc',
+  'ADFStage',
+  'ADMark',
+  'ADMarkSimple',
+  'ADNode',
+].map((name) =>
+  changeImportEntryPoint(
+    `${PACKAGE_NAME}/utils`,
+    name,
+    `${PACKAGE_NAME}/validator`,
+    true,
+  ),
+);

package/dist/cjs/styles/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "AnnotationSharedClassNames", {
     return _annotation.AnnotationSharedClassNames;
   }
 });
+Object.defineProperty(exports, "CodeBlockSharedCssClassName", {
+  enumerable: true,
+  get: function get() {
+    return _codeBlock.CodeBlockSharedCssClassName;
+  }
+});
 Object.defineProperty(exports, "DateSharedCssClassName", {
   enumerable: true,
   get: function get() {
@@ -69,6 +75,12 @@ Object.defineProperty(exports, "calcTableWidth", {
     return _table.calcTableWidth;
   }
 });
+Object.defineProperty(exports, "codeBlockSharedStyles", {
+  enumerable: true,
+  get: function get() {
+    return _codeBlock.codeBlockSharedStyles;
+  }
+});
 Object.defineProperty(exports, "codeMarkSharedStyles", {
   enumerable: true,
   get: function get() {
@@ -258,4 +270,6 @@ var _taskDecision = require("./shared/task-decision");
 
 var _status = require("./shared/status");
 
-var _smartCard = require("./shared/smart-card");
+var _smartCard = require("./shared/smart-card");
+
+var _codeBlock = require("./shared/code-block");

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

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeBlockSharedStyles = exports.CodeBlockSharedCssClassName = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = require("@emotion/react");
+
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _components = require("@atlaskit/theme/components");
+
+var _constants = require("@atlaskit/theme/constants");
+
+var _tokens = require("@atlaskit/tokens");
+
+var _templateObject;
+
+var CodeBlockSharedCssClassName = {
+  CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
+  CODEBLOCK_CONTENT: 'code-content',
+  DS_CODEBLOCK: '[data-ds--code--code-block]'
+};
+exports.CodeBlockSharedCssClassName = CodeBlockSharedCssClassName;
+
+var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, (0, _components.themed)({
+    light: (0, _tokens.token)('color.background.neutral', _colors.N20),
+    dark: (0, _tokens.token)('color.background.neutral', _colors.DN50)
+  })(props), (0, _constants.borderRadius)(), (0, _editorSharedStyles.overflowShadow)({
+    // TODO: https://product-fabric.atlassian.net/browse/DSP-4118
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    background: (0, _components.themed)({
+      light: _colors.N20,
+      dark: _colors.DN50
+    })(props),
+    width: '8px'
+  }), _editorSharedStyles.akEditorCodeFontFamily, _editorSharedStyles.blockNodesVerticalMargin, _editorSharedStyles.akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, (0, _components.themed)({
+    light: (0, _tokens.token)('color.background.neutral', _colors.N30),
+    dark: (0, _tokens.token)('color.background.neutral', _colors.DN20)
+  })(props), (0, _constants.gridSize)(), (0, _components.themed)({
+    light: (0, _tokens.token)('color.text.subtlest', _colors.N400),
+    dark: (0, _tokens.token)('color.text.subtlest', _colors.DN400)
+  })(props), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, (0, _components.themed)({
+    light: (0, _tokens.token)('color.text', _colors.N800),
+    dark: (0, _tokens.token)('color.text', _colors.DN800)
+  })(props), (0, _constants.borderRadius)(), (0, _constants.gridSize)(), (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()));
+};
+
+exports.codeBlockSharedStyles = codeBlockSharedStyles;

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

@@ -11,6 +11,7 @@ var EmojiSharedCssClassName = {
   EMOJI_CONTAINER: 'emojiView-content-wrap',
   EMOJI_NODE: _emoji.emojiNode,
   EMOJI_SPRITE: _emoji.emojiSprite,
-  EMOJI_IMAGE: _emoji.emojiImage
+  EMOJI_IMAGE: _emoji.emojiImage,
+  EMOJI_PLACEHOLDER: _emoji.emojiPlaceholder
 };
 exports.EmojiSharedCssClassName = EmojiSharedCssClassName;

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

@@ -178,7 +178,8 @@ var PanelSharedSelectors = {
   emojiPopup: "[aria-label=\"Popup\"]",
   searchEmoji: "[aria-label=\"Search emoji\"]",
   orangeWarningIcon: "[aria-label=\":warning:\"]",
-  yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)"
+  yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)",
+  copyButton: "button[aria-label=\"Copy\"]"
 };
 exports.PanelSharedSelectors = PanelSharedSelectors;
 

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

@@ -41,6 +41,12 @@ 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) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 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; } }
@@ -62,6 +68,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "rafIds", new Set());
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       validPosition: true
     });
@@ -73,8 +80,37 @@ var Popup = /*#__PURE__*/function (_React$Component) {
 
       _this.initPopup(popup);
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cancelRequestAnimationFrames", function () {
+      var _iterator = _createForOfIteratorHelper(_this.rafIds),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var rafId = _step.value;
+          cancelAnimationFrame(rafId);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scheduledUpdatePosition", (0, _rafSchd.default)(function (props) {
-      return _this.updatePosition(props);
+      if (!_this.props.waitForExtraLayoutUpdates) {
+        _this.updatePosition(_this.props);
+      }
+
+      if (_this.props.scheduleExtraLayoutUpdates) {
+        // We need two requestAnimationFrame calls to ensure reflow/repaints
+        // are flushed to DOM before our popup position recalculations happen
+        var rafId = requestAnimationFrame(function () {
+          _this.updatePosition(_this.props);
+
+          _this.rafIds.delete(rafId);
+        });
+
+        _this.rafIds.add(rafId);
+      }
     }));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onResize", function () {
       return _this.scheduledUpdatePosition(_this.props);
@@ -237,6 +273,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       }
 
       this.scheduledUpdatePosition.cancel();
+      this.cancelRequestAnimationFrames();
     }
   }, {
     key: "renderPopup",

package/dist/cjs/ui/clear-next-sibling-margin-top.js

@@ -5,14 +5,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.clearNextSiblingMarginTopStyle = void 0;
+exports.clearNextSiblingMarginTopStyle = exports.clearNextSiblingBlockMarkMarginTopStyle = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _react = require("@emotion/react");
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 // We use !important to ensure next sibling gets the margin reset no matter what
-var clearNextSiblingMarginTopStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & + * {\n    margin-top: 0 !important;\n  }\n"])));
-exports.clearNextSiblingMarginTopStyle = clearNextSiblingMarginTopStyle;
+var marginTopReset = "margin-top: 0 !important;";
+var clearNextSiblingMarginTopStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & + * {\n    ", "\n  }\n"])), marginTopReset);
+exports.clearNextSiblingMarginTopStyle = clearNextSiblingMarginTopStyle;
+var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
+  return "+ .fabric-editor-block-mark > ".concat(elem);
+}).join(',');
+var clearNextSiblingBlockMarkMarginTopStyle = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", " {\n    ", "\n  }\n"])), nextSiblingBlockMarkContentSelectors, marginTopReset);
+exports.clearNextSiblingBlockMarkMarginTopStyle = clearNextSiblingBlockMarkMarginTopStyle;

package/dist/cjs/ui/index.js

@@ -151,6 +151,12 @@ Object.defineProperty(exports, "calcPxFromPct", {
     return _grid.calcPxFromPct;
   }
 });
+Object.defineProperty(exports, "clearNextSiblingBlockMarkMarginTopStyle", {
+  enumerable: true,
+  get: function get() {
+    return _clearNextSiblingMarginTop.clearNextSiblingBlockMarkMarginTopStyle;
+  }
+});
 Object.defineProperty(exports, "clearNextSiblingMarginTopStyle", {
   enumerable: true,
   get: function get() {

package/dist/cjs/utils/index.js

@@ -167,12 +167,6 @@ Object.defineProperty(exports, "getExtensionRenderer", {
     return _extensionHandler.getExtensionRenderer;
   }
 });
-Object.defineProperty(exports, "getMarksByOrder", {
-  enumerable: true,
-  get: function get() {
-    return _validator.getMarksByOrder;
-  }
-});
 Object.defineProperty(exports, "getModeFromTheme", {
   enumerable: true,
   get: function get() {
@@ -209,36 +203,6 @@ Object.defineProperty(exports, "getUnsupportedContentLevelData", {
     return _analytics.getUnsupportedContentLevelData;
   }
 });
-Object.defineProperty(exports, "getValidContent", {
-  enumerable: true,
-  get: function get() {
-    return _validator.getValidContent;
-  }
-});
-Object.defineProperty(exports, "getValidDocument", {
-  enumerable: true,
-  get: function get() {
-    return _validator.getValidDocument;
-  }
-});
-Object.defineProperty(exports, "getValidMark", {
-  enumerable: true,
-  get: function get() {
-    return _validator.getValidMark;
-  }
-});
-Object.defineProperty(exports, "getValidNode", {
-  enumerable: true,
-  get: function get() {
-    return _validator.getValidNode;
-  }
-});
-Object.defineProperty(exports, "getValidUnknownNode", {
-  enumerable: true,
-  get: function get() {
-    return _validator.getValidUnknownNode;
-  }
-});
 Object.defineProperty(exports, "hasMergedCell", {
   enumerable: true,
   get: function get() {
@@ -263,24 +227,6 @@ Object.defineProperty(exports, "isPerformanceObserverAvailable", {
     return _isPerformanceApiAvailable.isPerformanceObserverAvailable;
   }
 });
-Object.defineProperty(exports, "isSameMark", {
-  enumerable: true,
-  get: function get() {
-    return _validator.isSameMark;
-  }
-});
-Object.defineProperty(exports, "isSubSupType", {
-  enumerable: true,
-  get: function get() {
-    return _validator.isSubSupType;
-  }
-});
-Object.defineProperty(exports, "markOrder", {
-  enumerable: true,
-  get: function get() {
-    return _validator.markOrder;
-  }
-});
 Object.defineProperty(exports, "measureRender", {
   enumerable: true,
   get: function get() {
@@ -376,8 +322,6 @@ var _annotation = require("./annotation");
 
 var _macro = require("./macro");
 
-var _validator = require("./validator");
-
 var _browser = _interopRequireDefault(require("./browser"));
 
 var _errorReporter = _interopRequireDefault(require("./error-reporter"));

package/dist/cjs/validator.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ADFStages", {
+  enumerable: true,
+  get: function get() {
+    return _validator.ADFStages;
+  }
+});
 Object.defineProperty(exports, "getMarksByOrder", {
   enumerable: true,
   get: function get() {

package/dist/cjs/version.json

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

package/dist/es2019/styles/index.js

@@ -17,4 +17,5 @@ export { shadowSharedStyle } from './shared/shadow';
 export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
-export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
+export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles } from './shared/code-block';

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

@@ -0,0 +1,94 @@
+import { css } from '@emotion/react';
+import { akEditorCodeFontFamily, akEditorTableCellMinWidth, blockNodesVerticalMargin, overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { DN20, DN400, DN50, DN800, N20, N30, N400, N800 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
+import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
+import { token } from '@atlaskit/tokens';
+export const CodeBlockSharedCssClassName = {
+  CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
+  CODEBLOCK_CONTENT: 'code-content',
+  DS_CODEBLOCK: '[data-ds--code--code-block]'
+};
+export const codeBlockSharedStyles = props => css`
+  .${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
+    position: relative;
+    background-color: ${themed({
+  light: token('color.background.neutral', N20),
+  dark: token('color.background.neutral', DN50)
+})(props)};
+    border-radius: ${borderRadius()}px;
+    counter-reset: line;
+    display: flex;
+    overflow-x: auto;
+
+    background-image: ${overflowShadow({
+  // TODO: https://product-fabric.atlassian.net/browse/DSP-4118
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  background: themed({
+    light: N20,
+    dark: DN50
+  })(props),
+  width: '8px'
+})};
+
+    --ds--code--bg-color: transparent;
+
+    background-repeat: no-repeat;
+    background-attachment: local, scroll, scroll;
+    background-size: 8px 100%, 8px 100%, 8px 100%;
+    background-position: 100% 0, 100% 0, 0 0;
+    font-family: ${akEditorCodeFontFamily};
+    margin: ${blockNodesVerticalMargin} 0 0 0;
+    min-width: ${akEditorTableCellMinWidth}px;
+    cursor: pointer;
+
+    .${CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER} {
+      flex-shrink: 0;
+      text-align: right;
+      background-color: ${themed({
+  light: token('color.background.neutral', N30),
+  dark: token('color.background.neutral', DN20)
+})(props)};
+      padding: ${gridSize()}px;
+
+      span {
+        display: block;
+        line-height: 0;
+        font-size: 0;
+
+        ::before {
+          display: inline-block;
+          content: counter(line);
+          counter-increment: line;
+          color: ${themed({
+  light: token('color.text.subtlest', N400),
+  dark: token('color.text.subtlest', DN400)
+})(props)};
+          font-size: ${relativeFontSizeToBase16(fontSize())};
+          line-height: 1.5rem;
+        }
+      }
+    }
+
+    .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT} {
+      display: flex;
+      flex: 1;
+
+      code {
+        flex-grow: 1;
+        tab-size: 4;
+        cursor: text;
+        color: ${themed({
+  light: token('color.text', N800),
+  dark: token('color.text', DN800)
+})(props)};
+        border-radius: ${borderRadius()}px;
+        margin: ${gridSize()}px;
+        white-space: pre;
+        font-size: ${relativeFontSizeToBase16(fontSize())};
+        line-height: 1.5rem;
+      }
+    }
+  }
+`;

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

@@ -1,7 +1,8 @@
-import { emojiImage, emojiNode, emojiSprite } from '@atlaskit/emoji';
+import { emojiImage, emojiNode, emojiPlaceholder, emojiSprite } from '@atlaskit/emoji';
 export const EmojiSharedCssClassName = {
   EMOJI_CONTAINER: 'emojiView-content-wrap',
   EMOJI_NODE: emojiNode,
   EMOJI_SPRITE: emojiSprite,
-  EMOJI_IMAGE: emojiImage
+  EMOJI_IMAGE: emojiImage,
+  EMOJI_PLACEHOLDER: emojiPlaceholder
 };

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

@@ -138,7 +138,8 @@ export const PanelSharedSelectors = {
   emojiPopup: `[aria-label="Popup"]`,
   searchEmoji: `[aria-label="Search emoji"]`,
   orangeWarningIcon: `[aria-label=":warning:"]`,
-  yellowWarningIcon: `[aria-label=":warning:"]  span:nth-child(1)`
+  yellowWarningIcon: `[aria-label=":warning:"]  span:nth-child(1)`,
+  copyButton: `button[aria-label="Copy"]`
 };
 
 const iconDynamicStyles = panelType => props => {

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

@@ -10,6 +10,8 @@ export default class Popup extends React.Component {
 
     super(...args);
 
+    _defineProperty(this, "rafIds", new Set());
+
     _defineProperty(this, "state", {
       validPosition: true
     });
@@ -24,7 +26,27 @@ export default class Popup extends React.Component {
       this.initPopup(popup);
     });
 
-    _defineProperty(this, "scheduledUpdatePosition", rafSchedule(props => this.updatePosition(props)));
+    _defineProperty(this, "cancelRequestAnimationFrames", () => {
+      for (const rafId of this.rafIds) {
+        cancelAnimationFrame(rafId);
+      }
+    });
+
+    _defineProperty(this, "scheduledUpdatePosition", rafSchedule(props => {
+      if (!this.props.waitForExtraLayoutUpdates) {
+        this.updatePosition(this.props);
+      }
+
+      if (this.props.scheduleExtraLayoutUpdates) {
+        // We need two requestAnimationFrame calls to ensure reflow/repaints
+        // are flushed to DOM before our popup position recalculations happen
+        const rafId = requestAnimationFrame(() => {
+          this.updatePosition(this.props);
+          this.rafIds.delete(rafId);
+        });
+        this.rafIds.add(rafId);
+      }
+    }));
 
     _defineProperty(this, "onResize", () => this.scheduledUpdatePosition(this.props));
 
@@ -182,6 +204,7 @@ export default class Popup extends React.Component {
     }
 
     this.scheduledUpdatePosition.cancel();
+    this.cancelRequestAnimationFrames();
   }
 
   renderPopup() {

package/dist/es2019/ui/clear-next-sibling-margin-top.js

@@ -1,7 +1,15 @@
 import { css } from '@emotion/react'; // We use !important to ensure next sibling gets the margin reset no matter what
 
+const marginTopReset = `margin-top: 0 !important;`;
 export const clearNextSiblingMarginTopStyle = css`
   & + * {
-    margin-top: 0 !important;
+    ${marginTopReset}
+  }
+`;
+const textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+const nextSiblingBlockMarkContentSelectors = textElements.map(elem => `+ .fabric-editor-block-mark > ${elem}`).join(',');
+export const clearNextSiblingBlockMarkMarginTopStyle = css`
+  ${nextSiblingBlockMarkContentSelectors} {
+    ${marginTopReset}
   }
 `;

package/dist/es2019/ui/index.js

@@ -14,5 +14,5 @@ export { shadowObserverClassNames, ShadowObserver } from './OverflowShadow/shado
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';

package/dist/es2019/utils/index.js

@@ -1,6 +1,5 @@
 export { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from './annotation';
 export { getExtensionLozengeData } from './macro';
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './validator';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';

package/dist/es2019/validator.js

@@ -1 +1 @@
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './utils/validator';
+export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, ADFStages } from './utils/validator';

package/dist/es2019/version.json

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

package/dist/esm/styles/index.js

@@ -17,4 +17,5 @@ export { shadowSharedStyle } from './shared/shadow';
 export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
-export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
+export { smartCardSharedStyles, SmartCardSharedCssClassName } from './shared/smart-card';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles } from './shared/code-block';

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

@@ -0,0 +1,39 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import { css } from '@emotion/react';
+import { akEditorCodeFontFamily, akEditorTableCellMinWidth, blockNodesVerticalMargin, overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { DN20, DN400, DN50, DN800, N20, N30, N400, N800 } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
+import { borderRadius, fontSize, gridSize } from '@atlaskit/theme/constants';
+import { token } from '@atlaskit/tokens';
+export var CodeBlockSharedCssClassName = {
+  CODEBLOCK_CONTAINER: 'code-block',
+  CODEBLOCK_LINE_NUMBER_GUTTER: 'line-number-gutter',
+  CODEBLOCK_CONTENT: 'code-content',
+  DS_CODEBLOCK: '[data-ds--code--code-block]'
+};
+export var codeBlockSharedStyles = function codeBlockSharedStyles(props) {
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    position: relative;\n    background-color: ", ";\n    border-radius: ", "px;\n    counter-reset: line;\n    display: flex;\n    overflow-x: auto;\n\n    background-image: ", ";\n\n    --ds--code--bg-color: transparent;\n\n    background-repeat: no-repeat;\n    background-attachment: local, scroll, scroll;\n    background-size: 8px 100%, 8px 100%, 8px 100%;\n    background-position: 100% 0, 100% 0, 0 0;\n    font-family: ", ";\n    margin: ", " 0 0 0;\n    min-width: ", "px;\n    cursor: pointer;\n\n    .", " {\n      flex-shrink: 0;\n      text-align: right;\n      background-color: ", ";\n      padding: ", "px;\n\n      span {\n        display: block;\n        line-height: 0;\n        font-size: 0;\n\n        ::before {\n          display: inline-block;\n          content: counter(line);\n          counter-increment: line;\n          color: ", ";\n          font-size: ", ";\n          line-height: 1.5rem;\n        }\n      }\n    }\n\n    .", " {\n      display: flex;\n      flex: 1;\n\n      code {\n        flex-grow: 1;\n        tab-size: 4;\n        cursor: text;\n        color: ", ";\n        border-radius: ", "px;\n        margin: ", "px;\n        white-space: pre;\n        font-size: ", ";\n        line-height: 1.5rem;\n      }\n    }\n  }\n"])), CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER, themed({
+    light: token('color.background.neutral', N20),
+    dark: token('color.background.neutral', DN50)
+  })(props), borderRadius(), overflowShadow({
+    // TODO: https://product-fabric.atlassian.net/browse/DSP-4118
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+    background: themed({
+      light: N20,
+      dark: DN50
+    })(props),
+    width: '8px'
+  }), akEditorCodeFontFamily, blockNodesVerticalMargin, akEditorTableCellMinWidth, CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, themed({
+    light: token('color.background.neutral', N30),
+    dark: token('color.background.neutral', DN20)
+  })(props), gridSize(), themed({
+    light: token('color.text.subtlest', N400),
+    dark: token('color.text.subtlest', DN400)
+  })(props), relativeFontSizeToBase16(fontSize()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, themed({
+    light: token('color.text', N800),
+    dark: token('color.text', DN800)
+  })(props), borderRadius(), gridSize(), relativeFontSizeToBase16(fontSize()));
+};

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

@@ -1,7 +1,8 @@
-import { emojiImage, emojiNode, emojiSprite } from '@atlaskit/emoji';
+import { emojiImage, emojiNode, emojiPlaceholder, emojiSprite } from '@atlaskit/emoji';
 export var EmojiSharedCssClassName = {
   EMOJI_CONTAINER: 'emojiView-content-wrap',
   EMOJI_NODE: emojiNode,
   EMOJI_SPRITE: emojiSprite,
-  EMOJI_IMAGE: emojiImage
+  EMOJI_IMAGE: emojiImage,
+  EMOJI_PLACEHOLDER: emojiPlaceholder
 };

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

@@ -146,7 +146,8 @@ export var PanelSharedSelectors = {
   emojiPopup: "[aria-label=\"Popup\"]",
   searchEmoji: "[aria-label=\"Search emoji\"]",
   orangeWarningIcon: "[aria-label=\":warning:\"]",
-  yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)"
+  yellowWarningIcon: "[aria-label=\":warning:\"]  span:nth-child(1)",
+  copyButton: "button[aria-label=\"Copy\"]"
 };
 
 var iconDynamicStyles = function iconDynamicStyles(panelType) {

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

@@ -10,6 +10,12 @@ 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; }
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
@@ -38,6 +44,8 @@ var Popup = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
+    _defineProperty(_assertThisInitialized(_this), "rafIds", new Set());
+
     _defineProperty(_assertThisInitialized(_this), "state", {
       validPosition: true
     });
@@ -52,8 +60,38 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       _this.initPopup(popup);
     });
 
+    _defineProperty(_assertThisInitialized(_this), "cancelRequestAnimationFrames", function () {
+      var _iterator = _createForOfIteratorHelper(_this.rafIds),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var rafId = _step.value;
+          cancelAnimationFrame(rafId);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "scheduledUpdatePosition", rafSchedule(function (props) {
-      return _this.updatePosition(props);
+      if (!_this.props.waitForExtraLayoutUpdates) {
+        _this.updatePosition(_this.props);
+      }
+
+      if (_this.props.scheduleExtraLayoutUpdates) {
+        // We need two requestAnimationFrame calls to ensure reflow/repaints
+        // are flushed to DOM before our popup position recalculations happen
+        var rafId = requestAnimationFrame(function () {
+          _this.updatePosition(_this.props);
+
+          _this.rafIds.delete(rafId);
+        });
+
+        _this.rafIds.add(rafId);
+      }
     }));
 
     _defineProperty(_assertThisInitialized(_this), "onResize", function () {
@@ -220,6 +258,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
       }
 
       this.scheduledUpdatePosition.cancel();
+      this.cancelRequestAnimationFrames();
     }
   }, {
     key: "renderPopup",

package/dist/esm/ui/clear-next-sibling-margin-top.js

@@ -1,7 +1,13 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject;
+var _templateObject, _templateObject2;
 
 import { css } from '@emotion/react'; // We use !important to ensure next sibling gets the margin reset no matter what
 
-export var clearNextSiblingMarginTopStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & + * {\n    margin-top: 0 !important;\n  }\n"])));
+var marginTopReset = "margin-top: 0 !important;";
+export var clearNextSiblingMarginTopStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & + * {\n    ", "\n  }\n"])), marginTopReset);
+var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
+  return "+ .fabric-editor-block-mark > ".concat(elem);
+}).join(',');
+export var clearNextSiblingBlockMarkMarginTopStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", " {\n    ", "\n  }\n"])), nextSiblingBlockMarkContentSelectors, marginTopReset);

package/dist/esm/ui/index.js

@@ -14,5 +14,5 @@ export { shadowObserverClassNames, ShadowObserver } from './OverflowShadow/shado
 export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE } from './IntlErrorBoundary';

package/dist/esm/utils/index.js

@@ -1,6 +1,5 @@
 export { canApplyAnnotationOnRange, getAnnotationIdsFromRange } from './annotation';
 export { getExtensionLozengeData } from './macro';
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './validator';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export { isPastDate, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC } from './date';

package/dist/esm/validator.js

@@ -1 +1 @@
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder } from './utils/validator';
+export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, ADFStages } from './utils/validator';

package/dist/esm/version.json

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

package/dist/types/provider-factory/card-provider.d.ts

@@ -2,6 +2,6 @@ import { CardAdf } from '@atlaskit/smart-card';
 export declare type CardAppearance = 'inline' | 'block' | 'embed';
 export type { CardAdf };
 export interface CardProvider {
-    resolve(url: string, appearance: CardAppearance): Promise<CardAdf>;
+    resolve(url: string, appearance: CardAppearance, shouldForceAppearance?: boolean): Promise<CardAdf>;
     findPattern(url: string): Promise<boolean>;
 }

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

@@ -18,3 +18,4 @@ export { dateSharedStyle, DateSharedCssClassName } from './shared/date';
 export { tasksAndDecisionsStyles, TaskDecisionSharedCssClassName, } from './shared/task-decision';
 export { StatusSharedCssClassName } from './shared/status';
 export { smartCardSharedStyles, SmartCardSharedCssClassName, } from './shared/smart-card';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles, } from './shared/code-block';

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

@@ -0,0 +1,8 @@
+import { ThemeProps } from '@atlaskit/theme/types';
+export declare const CodeBlockSharedCssClassName: {
+    CODEBLOCK_CONTAINER: string;
+    CODEBLOCK_LINE_NUMBER_GUTTER: string;
+    CODEBLOCK_CONTENT: string;
+    DS_CODEBLOCK: string;
+};
+export declare const codeBlockSharedStyles: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/emoji.d.ts

@@ -3,4 +3,5 @@ export declare const EmojiSharedCssClassName: {
     EMOJI_NODE: string;
     EMOJI_SPRITE: string;
     EMOJI_IMAGE: string;
+    EMOJI_PLACEHOLDER: string;
 };

package/dist/types/styles/shared/panel.d.ts

@@ -77,6 +77,7 @@ export declare const PanelSharedSelectors: {
     searchEmoji: string;
     orangeWarningIcon: string;
     yellowWarningIcon: string;
+    copyButton: string;
 };
 export declare const getPanelTypeBackground: (panelType: Exclude<PanelType, PanelType.CUSTOM>, props?: ThemeProps) => string;
 export declare const panelSharedStylesWithoutPrefix: (props: ThemeProps) => import("@emotion/react").SerializedStyles;

package/dist/types/ui/Popup/index.d.ts

@@ -19,6 +19,8 @@ export interface Props {
     forcePlacement?: boolean;
     allowOutOfBounds?: boolean;
     rect?: DOMRect;
+    scheduleExtraLayoutUpdates?: boolean;
+    waitForExtraLayoutUpdates?: boolean;
 }
 export interface State {
     popup?: HTMLElement;
@@ -28,6 +30,7 @@ export interface State {
 export default class Popup extends React.Component<Props, State> {
     scrollElement: undefined | false | HTMLElement;
     scrollParentElement: undefined | false | HTMLElement;
+    rafIds: Set<number>;
     static defaultProps: {
         offset: number[];
         allowOutOfBound: boolean;
@@ -46,6 +49,7 @@ export default class Popup extends React.Component<Props, State> {
      */
     private initPopup;
     private handleRef;
+    private cancelRequestAnimationFrames;
     private scheduledUpdatePosition;
     onResize: () => void;
     UNSAFE_componentWillReceiveProps(newProps: Props): void;

package/dist/types/ui/clear-next-sibling-margin-top.d.ts

@@ -1 +1,2 @@
 export declare const clearNextSiblingMarginTopStyle: import("@emotion/react").SerializedStyles;
+export declare const clearNextSiblingBlockMarkMarginTopStyle: import("@emotion/react").SerializedStyles;

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

@@ -21,5 +21,5 @@ export { WithCreateAnalyticsEvent } from './WithCreateAnalyticsEvent';
 export { messages as expandMessages, sharedExpandStyles, ExpandIconWrapper, expandLayoutWrapperStyle, ExpandLayoutWrapperWithRef, } from './Expand';
 export type { StyleProps as ExpandStyleProps } from './Expand';
 export { ErrorMessage, HelperMessage, ValidMessage } from './Messages';
-export { clearNextSiblingMarginTopStyle } from './clear-next-sibling-margin-top';
+export { clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle, } from './clear-next-sibling-margin-top';
 export { IntlErrorBoundary, REACT_INTL_ERROR_MESSAGE, } from './IntlErrorBoundary';

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

@@ -1,8 +1,6 @@
 export { canApplyAnnotationOnRange, getAnnotationIdsFromRange, } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export type { Params } from './macro';
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, } from './validator';
-export type { ADDoc, ADFStage, ADFStages, ADMark, ADMarkSimple, ADNode, } from './validator';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';
 export type { ErrorReportingHandler } from './error-reporter';

package/dist/types/validator.d.ts

@@ -1,2 +1,2 @@
-export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, } from './utils/validator';
+export { getMarksByOrder, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, isSameMark, isSubSupType, markOrder, ADFStages, } from './utils/validator';
 export type { ADDoc, ADFStage, ADMark, ADMarkSimple, ADNode, } from './utils/validator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "68.0.2",
+  "version": "69.0.0",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -49,16 +49,17 @@
     "@atlaskit/analytics-namespaced-context": "^6.5.0",
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/code": "^14.3.0",
+    "@atlaskit/codemod-utils": "^4.1.0",
     "@atlaskit/editor-json-transformer": "^8.7.0",
     "@atlaskit/editor-shared-styles": "^2.1.0",
-    "@atlaskit/emoji": "^64.7.0",
+    "@atlaskit/emoji": "^65.0.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/media-card": "^73.8.0",
-    "@atlaskit/media-client": "^17.0.0",
+    "@atlaskit/media-card": "^74.0.0",
+    "@atlaskit/media-client": "^17.1.0",
     "@atlaskit/media-picker": "^63.0.0",
     "@atlaskit/mention": "^21.0.0",
-    "@atlaskit/profilecard": "^16.9.0",
+    "@atlaskit/profilecard": "^16.10.0",
     "@atlaskit/smart-card": "^20.0.0",
     "@atlaskit/smart-user-picker": "^5.1.0",
     "@atlaskit/task-decision": "^17.4.0",
@@ -85,16 +86,16 @@
     "react-loadable": "^5.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/media-core": "^33.0.0",
+    "@atlaskit/media-core": "^33.0.1",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
     "@atlaskit/editor-json-transformer": "^8.7.0",
-    "@atlaskit/editor-test-helpers": "^17.0.0",
+    "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlaskit/media-core": "^33.0.0",
-    "@atlaskit/util-data-test": "^17.3.0",
+    "@atlaskit/util-data-test": "^17.4.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -3,5 +3,5 @@
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
 ```ts
-// (No @packageDocumentation comment for this package)
+export {};
 ```