@atlaskit/editor-common 68.0.2 → 69.1.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @atlaskit/editor-common
 
+## 69.1.0
+
+### Minor Changes
+
+- [`2affe8adcfa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2affe8adcfa) - ED-14510: Generic feature flag to disable spellcheck via browser and version
+- [`5020781d90a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5020781d90a) - [ux] ED-15099 added floatng toolbar copy button to Expand
+- [`995991c4b11`](https://bitbucket.org/atlassian/atlassian-frontend/commits/995991c4b11) - [ux] ED-15108 added floating toolbar copy button to Layout
+
+### Patch Changes
+
+- [`832e383140e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/832e383140e) - Import ProfileCardTrigger from specialized entrypoint for better tree-shaking
+- [`04db970c32b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04db970c32b) - ED-14899 add attribute to render measurements and rework analytics events to prevent measurements done in background to resulting in misleading render durations.
+- Updated dependencies
+
+## 69.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 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/Mention/mention-with-profilecard.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _mention = require("@atlaskit/mention");
 
-var _profilecard = require("@atlaskit/profilecard");
+var _user = _interopRequireDefault(require("@atlaskit/profilecard/user"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -31,7 +33,7 @@ function MentionWithProfileCard(_ref) {
   var actions = (0, _react.useMemo)(function () {
     return profilecardProvider.getActions(id, text, accessLevel);
   }, [accessLevel, id, profilecardProvider, text]);
-  return /*#__PURE__*/_react.default.createElement(_profilecard.ProfileCardTrigger, {
+  return /*#__PURE__*/_react.default.createElement(_user.default, {
     cloudId: cloudId,
     userId: id,
     resourceClient: resourceClient,

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/browser.js

@@ -9,12 +9,14 @@ var result = {
   ie: false,
   ie_version: 0,
   gecko: false,
+  gecko_version: 0,
   chrome: false,
   chrome_version: 0,
   android: false,
   ios: false,
   webkit: false,
   safari: false,
+  safari_version: 0,
   supportsIntersectionObserver: false,
   supportsResizeObserver: false
 };
@@ -27,12 +29,14 @@ if (typeof navigator !== 'undefined') {
   var ie = result.ie = !!(ieUpTo10 || ie11up || ieEdge);
   result.ie_version = ieUpTo10 ? document.documentMode || 6 : ie11up ? +ie11up[1] : ieEdge ? +ieEdge[1] : null;
   result.gecko = !ie && /gecko\/\d/i.test(navigator.userAgent);
+  result.gecko_version = parseInt((navigator.userAgent.match(/Firefox\/(\d+)/) || [])[1], 10);
   result.chrome = !ie && /Chrome\//.test(navigator.userAgent);
   result.chrome_version = parseInt((navigator.userAgent.match(/Chrome\/(\d+)/) || [])[1], 10);
   result.android = /Android \d/.test(navigator.userAgent);
   result.ios = !ie && /AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent);
   result.webkit = !ie && !!document.documentElement && 'WebkitAppearance' in document.documentElement.style;
   result.safari = Boolean(navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && navigator.userAgent && navigator.userAgent.indexOf('CriOS') === -1 && navigator.userAgent.indexOf('FxiOS') === -1);
+  result.safari_version = parseInt((navigator.userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10);
   result.supportsIntersectionObserver = typeof window !== 'undefined' && 'IntersectionObserver' in window && 'IntersectionObserverEntry' in window && 'intersectionRatio' in window.IntersectionObserverEntry.prototype;
   result.supportsResizeObserver = typeof window !== 'undefined' && 'ResizeObserver' in window && 'ResizeObserverEntry' in window;
 }

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/utils/performance/measure-render.js

@@ -20,7 +20,23 @@ var _isPerformanceApiAvailable = require("./is-performance-api-available");
  * | javascript (framework)           | style | layout | paint | composite | javascript  | ...
  *  | startMark + scheduling rAF |                                                       | rAF callback, endMark
  */
-function measureRender(measureName, onMeasureComplete) {
+function measureRender(
+/**
+ * Unique name for the measurement
+ *
+ * Important: if multiple measureRender events are fired at the same time
+ * with the same measure name -- the result will not be correct.
+ */
+measureName,
+/**
+ * Call back fired when the measurement completes.
+ *
+ * Note: when this function is called when the Document.visibilityState is not
+ * visible -- the duration is likely to be misleading/inaccurate. This is due
+ * to the measurements use of the `requestAnimationFrame` api which only fires
+ * when the Document.visibilityState is visible.
+ */
+onMeasureComplete) {
   if (!(0, _isPerformanceApiAvailable.isPerformanceAPIAvailable)()) {
     return;
   }
@@ -28,10 +44,29 @@ function measureRender(measureName, onMeasureComplete) {
   var startMark = "[START]: ".concat(measureName);
   var endMark = "[END]: ".concat(measureName);
   var startTime = performance.now();
-  performance.mark(startMark);
+  performance.mark(startMark); // If an editor is rendered when the document is not visible -- the callback passed to
+  // requestAnimationFrame will not fire until the document becomes visible again.
+  //
+  // For the purposes of using performance measurement -- this behaviour means the events
+  // which have been fired in the background are not useful -- and lead to other events
+  // being hard to draw conclusions from.
+  //
+  // To mitigate this -- we detect this state -- and fire a seperate callback when the
+  // measurement has occured when the render was in the backgroun
+
+  var distortedDuration = document.visibilityState !== 'visible';
+
+  function handleVisibilityChange() {
+    if (document.visibilityState !== 'visible') {
+      distortedDuration = true;
+    }
+  }
+
+  document.addEventListener('visibilitychange', handleVisibilityChange);
   requestAnimationFrame(function () {
     requestAnimationFrame(function () {
       performance.mark(endMark);
+      document.removeEventListener('visibilitychange', handleVisibilityChange);
       var duration = performance.now() - startTime;
 
       try {
@@ -39,12 +74,24 @@ function measureRender(measureName, onMeasureComplete) {
         var entry = performance.getEntriesByName(measureName).pop();
 
         if (!entry) {
-          onMeasureComplete(duration, startTime);
+          onMeasureComplete({
+            duration: duration,
+            startTime: startTime,
+            distortedDuration: distortedDuration
+          });
         } else {
-          onMeasureComplete(entry.duration, entry.startTime);
+          onMeasureComplete({
+            duration: entry.duration,
+            startTime: entry.startTime,
+            distortedDuration: distortedDuration
+          });
         }
       } catch (e) {
-        onMeasureComplete(duration, startTime);
+        onMeasureComplete({
+          duration: duration,
+          startTime: startTime,
+          distortedDuration: distortedDuration
+        });
       }
 
       performance.clearMeasures(measureName);

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.1.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';