@atlaskit/editor-common 60.1.0 → 60.2.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 60.2.0
+
+### Minor Changes
+
+- [`53d2eac387d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53d2eac387d) - ED-12705 Fail all active editor UFO experiences from the editor error boundary
+- [`b58f3c24179`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b58f3c24179) - ED-13643 Instrument editor interaction UFO experience
+- [`971845eac0d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/971845eac0d) - CETI-96 Added new rule to emoji to solve the duplicate icon issue when we copy from renderer
+- [`87ea2112afe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87ea2112afe) - ED-13214 Update ExperienceStore to use EditorView as unique identifier rather than session id
+- [`3c5548e50da`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c5548e50da) - [ux] Introducing new Media Inline component to renderer
+- [`d7f62de1e40`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7f62de1e40) - CETI-157 Fix panel selection in safari
+- [`b53d0d54ac2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b53d0d54ac2) - ED-12887 Add render count profiler utilities
+- [`746e1f37cb8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/746e1f37cb8) - ED-13214 Add experience store available via new entry point @atlaskit/editor-common/ufo
+
+### Patch Changes
+
+- [`cbde8994bd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cbde8994bd4) - ED-12846: Fix disappearing table borders in Chrome
+- [`500420bcc7e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/500420bcc7e) - Updated to newest UFO API
+- [`f897443ad45`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f897443ad45) - Revert AK-279
+- [`99757fa97fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/99757fa97fb) - ED-13642 added ufo session complete analytics event
+- Updated dependencies
+
 ## 60.1.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "sniffUserBrowserExtensions", {
     return _utils.sniffUserBrowserExtensions;
   }
 });
+Object.defineProperty(exports, "RenderCountProfiler", {
+  enumerable: true,
+  get: function get() {
+    return _utils.RenderCountProfiler;
+  }
+});
 Object.defineProperty(exports, "SortOrder", {
   enumerable: true,
   get: function get() {

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

@@ -13,5 +13,5 @@ var _styledComponents = require("styled-components");
 
 var _templateObject;
 
-var blockMarksSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-child {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    .heading-wrapper {\n      &:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n"])));
+var blockMarksSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  /**\n   * We need to remove margin-top from first item\n   * inside doc, tableCell, tableHeader, blockquote, etc.\n   */\n  *:not(.fabric-editor-block-mark) >,\n  /* For nested block marks */\n  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-child {\n    p,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      &:first-child {\n        margin-top: 0;\n      }\n    }\n  }\n"])));
 exports.blockMarksSharedStyles = blockMarksSharedStyles;

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

@@ -149,5 +149,5 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
   };
 };
 
-var panelSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    border-radius: ", "px;\n    margin: ", " 0 0;\n    padding: ", "px;\n    min-width: ", "px;\n    display: flex;\n    align-items: baseline;\n    word-break: break-word;\n\n    ", "\n\n    .", " {\n      display: block;\n      flex-shrink: 0;\n      height: ", "px;\n      width: ", "px;\n      box-sizing: content-box;\n      padding-right: ", "px;\n      text-align: center;\n      ", "\n\n      > span {\n        vertical-align: middle;\n        display: inline;\n      }\n\n      .", ", .", " {\n        vertical-align: ", "px;\n      }\n    }\n\n    .ak-editor-panel__content {\n      margin: 1px 0 1px;\n      flex: 1 0 0;\n      /*\n        https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n        The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n      */\n      min-width: 0;\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      .", " {\n        user-select: none;\n        -moz-user-select: none;\n        -webkit-user-select: none;\n        -ms-user-select: none;\n      }\n    }\n  }\n"])), PanelSharedCssClassName.prefix, (0, _constants.borderRadius)(), _editorSharedStyles.blockNodesVerticalMargin, (0, _constants.gridSize)(), _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)(), iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, _emoji.emojiImage, verticalAlignment, _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS), _adfSchema.PanelType.CUSTOM, PanelSharedCssClassName.icon);
+var panelSharedStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    border-radius: ", "px;\n    margin: ", " 0 0;\n    padding: ", "px;\n    min-width: ", "px;\n    display: flex;\n    position: relative;\n    align-items: baseline;\n    word-break: break-word;\n\n    ", "\n\n    .", " {\n      flex-shrink: 0;\n      height: ", "px;\n      width: ", "px;\n      box-sizing: content-box;\n      padding-right: ", "px;\n      text-align: center;\n      user-select: none;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      ", "\n\n      > span {\n        vertical-align: middle;\n        display: inline;\n      }\n\n      .", ", .", " {\n        vertical-align: ", "px;\n      }\n    }\n\n    .ak-editor-panel__content {\n      margin: 1px 0 1px;\n      flex: 1 0 0;\n      /*\n        https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n        The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n      */\n      min-width: 0;\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n\n    &[data-panel-type='", "'] {\n      ", "\n\n      .", " {\n        ", "\n      }\n    }\n  }\n"])), PanelSharedCssClassName.prefix, (0, _constants.borderRadius)(), _editorSharedStyles.blockNodesVerticalMargin, (0, _constants.gridSize)(), _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)() * 3, (0, _constants.gridSize)(), iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, _emoji.emojiImage, verticalAlignment, _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS));
 exports.panelSharedStyles = panelSharedStyles;

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

@@ -60,7 +60,7 @@ var tableSharedStyle = (0, _styledComponents.css)(_templateObject || (_templateO
 }), tableCellMinWidth, (0, _components.themed)({
   light: _editorSharedStyles.akEditorTableBorder,
   dark: _editorSharedStyles.akEditorTableBorderDark
-}), tableCellPadding, _browser.default.gecko || _browser.default.ie ? 'background-clip: padding-box;' : '', (0, _components.themed)({
+}), tableCellPadding, _browser.default.gecko || _browser.default.ie || _browser.default.mac && _browser.default.chrome ? 'background-clip: padding-box;' : '', (0, _components.themed)({
   dark: _editorSharedStyles.getTableCellBackgroundDarkModeColors
 }), (0, _components.themed)({
   light: _editorSharedStyles.akEditorTableToolbar,

package/dist/cjs/ufo/experience-store.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExperienceStore = exports.RELIABILITY_INTERVAL = exports.EditorExperience = exports.experienceConfig = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _ufo = require("@atlaskit/ufo");
+
+var experienceConfig = {
+  type: _ufo.ExperienceTypes.Operation,
+  performanceType: _ufo.ExperiencePerformanceTypes.Custom,
+  platform: {
+    component: 'editor'
+  }
+};
+exports.experienceConfig = experienceConfig;
+var EditorExperience;
+exports.EditorExperience = EditorExperience;
+
+(function (EditorExperience) {
+  EditorExperience["loadEditor"] = "load";
+  EditorExperience["typing"] = "type";
+  EditorExperience["interaction"] = "interact";
+})(EditorExperience || (exports.EditorExperience = EditorExperience = {}));
+
+var RELIABILITY_INTERVAL = 30000;
+exports.RELIABILITY_INTERVAL = RELIABILITY_INTERVAL;
+
+var ExperienceStore = /*#__PURE__*/function () {
+  function ExperienceStore() {
+    (0, _classCallCheck2.default)(this, ExperienceStore);
+    this.experiences = new Map();
+
+    for (var _i = 0, _Object$values = Object.values(EditorExperience); _i < _Object$values.length; _i++) {
+      var experienceId = _Object$values[_i];
+      var experience = new _ufo.UFOExperience(experienceId, experienceConfig);
+      this.experiences.set(experienceId, experience);
+    }
+  }
+
+  (0, _createClass2.default)(ExperienceStore, [{
+    key: "get",
+    value: function get(experienceId) {
+      return this.experiences.get(experienceId);
+    }
+  }, {
+    key: "getActive",
+    value: function getActive(experienceId) {
+      var experience = this.experiences.get(experienceId);
+
+      if (!(experience !== null && experience !== void 0 && experience.state.final)) {
+        return experience;
+      }
+    }
+  }, {
+    key: "getAll",
+    value: function getAll() {
+      return Array.from(this.experiences.values());
+    }
+  }, {
+    key: "start",
+    value: function start(experienceId, startTime) {
+      var _this$get;
+
+      (_this$get = this.get(experienceId)) === null || _this$get === void 0 ? void 0 : _this$get.start(startTime);
+    }
+  }, {
+    key: "addMetadata",
+    value: function addMetadata(experienceId, metadata) {
+      var _this$get2;
+
+      (_this$get2 = this.get(experienceId)) === null || _this$get2 === void 0 ? void 0 : _this$get2.addMetadata(metadata);
+    }
+  }, {
+    key: "mark",
+    value: function mark(experienceId, _mark, value) {
+      var _this$get3;
+
+      (_this$get3 = this.get(experienceId)) === null || _this$get3 === void 0 ? void 0 : _this$get3.mark(_mark, value);
+    }
+  }, {
+    key: "success",
+    value: function success(experienceId, metadata) {
+      var _this$getActive;
+
+      (_this$getActive = this.getActive(experienceId)) === null || _this$getActive === void 0 ? void 0 : _this$getActive.success({
+        metadata: metadata
+      });
+    }
+  }, {
+    key: "fail",
+    value: function fail(experienceId, metadata) {
+      var _this$getActive2;
+
+      (_this$getActive2 = this.getActive(experienceId)) === null || _this$getActive2 === void 0 ? void 0 : _this$getActive2.failure({
+        metadata: metadata
+      });
+    }
+  }, {
+    key: "abort",
+    value: function abort(experienceId, metadata) {
+      var _this = this;
+
+      // We add this wait in here because when React catches an error it unmounts the component
+      // before the error boundary's componentDidCatch is called
+      // In this case we want to fail the experience, but without this wait, abort is called first
+      setTimeout(function () {
+        var _this$getActive3;
+
+        (_this$getActive3 = _this.getActive(experienceId)) === null || _this$getActive3 === void 0 ? void 0 : _this$getActive3.abort({
+          metadata: metadata
+        });
+      }, 0);
+    }
+  }, {
+    key: "abortAll",
+    value: function abortAll(metadata) {
+      var _this2 = this;
+
+      this.experiences.forEach(function (experience) {
+        _this2.abort(experience.id, metadata);
+      });
+    }
+  }, {
+    key: "failAll",
+    value: function failAll(metadata) {
+      var _this3 = this;
+
+      this.experiences.forEach(function (experience) {
+        _this3.fail(experience.id, metadata);
+      });
+    }
+  }], [{
+    key: "getInstance",
+    value: function getInstance(view) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      if (!this.stores.get(view) || options !== null && options !== void 0 && options.forceNewInstance) {
+        var store = new ExperienceStore();
+        this.stores.set(view, store);
+      }
+
+      return this.stores.get(view);
+    }
+  }]);
+  return ExperienceStore;
+}();
+
+exports.ExperienceStore = ExperienceStore;
+(0, _defineProperty2.default)(ExperienceStore, "stores", new WeakMap());

package/dist/cjs/ufo/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ExperienceStore", {
+  enumerable: true,
+  get: function get() {
+    return _experienceStore.ExperienceStore;
+  }
+});
+Object.defineProperty(exports, "EditorExperience", {
+  enumerable: true,
+  get: function get() {
+    return _experienceStore.EditorExperience;
+  }
+});
+Object.defineProperty(exports, "RELIABILITY_INTERVAL", {
+  enumerable: true,
+  get: function get() {
+    return _experienceStore.RELIABILITY_INTERVAL;
+  }
+});
+
+var _experienceStore = require("./experience-store");

package/dist/cjs/utils/index.js

@@ -335,6 +335,12 @@ Object.defineProperty(exports, "sniffUserBrowserExtensions", {
     return _browserExtensions.sniffUserBrowserExtensions;
   }
 });
+Object.defineProperty(exports, "RenderCountProfiler", {
+  enumerable: true,
+  get: function get() {
+    return _renderCount.RenderCountProfiler;
+  }
+});
 
 var _annotation = require("./annotation");
 
@@ -382,4 +388,6 @@ var _shouldForceTracking = require("./should-force-tracking");
 
 var _getModeFromTheme = require("./getModeFromTheme");
 
-var _browserExtensions = require("./browser-extensions");
+var _browserExtensions = require("./browser-extensions");
+
+var _renderCount = require("./profiler/render-count");

package/dist/cjs/utils/profiler/render-count.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenderCountProfiler = exports.PROFILER_KEY = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var PROFILER_KEY = '__editorRenderCountProfiler';
+exports.PROFILER_KEY = PROFILER_KEY;
+
+var RenderCountProfiler = /*#__PURE__*/function () {
+  /**
+   * The singleton/cached instance of RenderCountProfiler that will be shared
+   * betweenRenderCountProfiler.getInstance() calls
+   */
+  function RenderCountProfiler(_ref) {
+    var store = _ref.store;
+    (0, _classCallCheck2.default)(this, RenderCountProfiler);
+    this.store = store;
+  }
+  /**
+   * Returns the singleton/cached instance of RenderCountProfiler that
+   * currently exists. If it hasn't been instantiated yet, the singleton
+   * instance will be created using the given params. Returns the latest
+   * singleton/instance.
+   */
+
+
+  (0, _createClass2.default)(RenderCountProfiler, [{
+    key: "getData",
+    value: function getData(profilerKey) {
+      var _this$store;
+
+      return (_this$store = this.store) === null || _this$store === void 0 ? void 0 : _this$store[profilerKey];
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      this.store[PROFILER_KEY] = _objectSpread(_objectSpread({}, this.store[PROFILER_KEY]), {}, {
+        enabled: true
+      });
+    }
+  }, {
+    key: "remove",
+    value: function remove() {
+      delete this.store[PROFILER_KEY];
+    }
+  }, {
+    key: "isEnabled",
+    value: function isEnabled() {
+      var _this$store2, _this$store2$PROFILER;
+
+      return Boolean((_this$store2 = this.store) === null || _this$store2 === void 0 ? void 0 : (_this$store2$PROFILER = _this$store2[PROFILER_KEY]) === null || _this$store2$PROFILER === void 0 ? void 0 : _this$store2$PROFILER.enabled);
+    }
+  }, {
+    key: "setRenderCount",
+    value: function setRenderCount(_ref2) {
+      var componentId = _ref2.componentId,
+          renderCount = _ref2.renderCount,
+          instanceId = _ref2.instanceId;
+      var profilerData = this.store[PROFILER_KEY];
+      var instance = {
+        count: renderCount
+      };
+      var existingComponents = profilerData === null || profilerData === void 0 ? void 0 : profilerData.components;
+      var existingInstances = existingComponents === null || existingComponents === void 0 ? void 0 : existingComponents[componentId];
+
+      var updatedComponent = _objectSpread(_objectSpread({}, existingInstances), {}, (0, _defineProperty2.default)({}, instanceId, instance));
+
+      this.store[PROFILER_KEY] = _objectSpread(_objectSpread({}, profilerData), {}, {
+        components: _objectSpread(_objectSpread({}, existingComponents), {}, (0, _defineProperty2.default)({}, componentId, updatedComponent))
+      });
+    }
+  }, {
+    key: "getInstanceRenderCounters",
+    value: function getInstanceRenderCounters(_ref3) {
+      var _this$store$PROFILER_, _this$store3, _this$store3$PROFILER, _this$store3$PROFILER2;
+
+      var componentId = _ref3.componentId;
+      var component = (_this$store$PROFILER_ = (_this$store3 = this.store) === null || _this$store3 === void 0 ? void 0 : (_this$store3$PROFILER = _this$store3[PROFILER_KEY]) === null || _this$store3$PROFILER === void 0 ? void 0 : (_this$store3$PROFILER2 = _this$store3$PROFILER.components) === null || _this$store3$PROFILER2 === void 0 ? void 0 : _this$store3$PROFILER2[componentId]) !== null && _this$store$PROFILER_ !== void 0 ? _this$store$PROFILER_ : {};
+      var counters = [];
+
+      for (var _instanceId in component) {
+        var counter = {
+          instanceId: _instanceId,
+          count: component[_instanceId].count
+        };
+        counters.push(counter);
+      }
+
+      return counters;
+    }
+  }, {
+    key: "getRenderCount",
+    value: function getRenderCount(_ref4) {
+      var _this$store$PROFILER_2, _this$store4, _this$store4$PROFILER, _this$store4$PROFILER2;
+
+      var componentId = _ref4.componentId;
+      var component = (_this$store$PROFILER_2 = (_this$store4 = this.store) === null || _this$store4 === void 0 ? void 0 : (_this$store4$PROFILER = _this$store4[PROFILER_KEY]) === null || _this$store4$PROFILER === void 0 ? void 0 : (_this$store4$PROFILER2 = _this$store4$PROFILER.components) === null || _this$store4$PROFILER2 === void 0 ? void 0 : _this$store4$PROFILER2[componentId]) !== null && _this$store$PROFILER_2 !== void 0 ? _this$store$PROFILER_2 : {};
+      var total = 0;
+
+      for (var _instanceId2 in component) {
+        total += component[_instanceId2].count;
+      }
+
+      return total;
+    }
+  }], [{
+    key: "getInstance",
+    value: function getInstance(params) {
+      if (!RenderCountProfiler.instance) {
+        RenderCountProfiler.instance = new RenderCountProfiler({
+          store: params.store
+        });
+      }
+
+      return RenderCountProfiler.instance;
+    }
+  }]);
+  return RenderCountProfiler;
+}();
+
+exports.RenderCountProfiler = RenderCountProfiler;

package/dist/cjs/utils/validator.js

@@ -387,21 +387,44 @@ var getValidNode = function getValidNode(originalNode) {
           break;
         }
 
-      case 'media':
+      case 'mediaInline':
         {
           var mediaId = '';
-          var mediaType = '';
           var mediaCollection = [];
-          var mediaUrl = '';
 
           if (attrs) {
             var id = attrs.id,
-                collection = attrs.collection,
+                collection = attrs.collection;
+            mediaId = id;
+            mediaCollection = collection;
+          }
+
+          if (mediaId && mediaCollection && adfStage === 'stage0') {
+            return {
+              type: type,
+              attrs: attrs,
+              marks: marks
+            };
+          }
+
+          break;
+        }
+
+      case 'media':
+        {
+          var _mediaId = '';
+          var mediaType = '';
+          var _mediaCollection = [];
+          var mediaUrl = '';
+
+          if (attrs) {
+            var _id = attrs.id,
+                _collection = attrs.collection,
                 _type = attrs.type,
                 url = attrs.url;
-            mediaId = id;
+            _mediaId = _id;
             mediaType = _type;
-            mediaCollection = collection;
+            _mediaCollection = _collection;
             mediaUrl = url;
           }
 
@@ -421,11 +444,11 @@ var getValidNode = function getValidNode(originalNode) {
               type: type,
               attrs: mediaAttrs
             };
-          } else if (mediaId && mediaType) {
+          } else if (_mediaId && mediaType) {
             var _mediaAttrs = {
               type: mediaType,
-              id: mediaId,
-              collection: mediaCollection
+              id: _mediaId,
+              collection: _mediaCollection
             };
 
             if (attrs.width) {
@@ -494,10 +517,10 @@ var getValidNode = function getValidNode(originalNode) {
           if (attrs) {
             var _text = attrs.text,
                 displayName = attrs.displayName,
-                _id = attrs.id,
+                _id2 = attrs.id,
                 accessLevel = attrs.accessLevel;
             mentionText = _text || displayName;
-            mentionId = _id;
+            mentionId = _id2;
             mentionAccess = accessLevel;
           }
 

package/dist/cjs/version.json

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

package/dist/es2019/index.js

@@ -1,4 +1,4 @@
-export { ADFTraversor, ErrorReporter, ZERO_WIDTH_SPACE, absoluteBreakoutWidth, browser, calcBreakoutWidth, breakoutConsts, calcTableColumnWidths, calcWideWidth, clearMeasure, compose, convertProsemirrorTableNodeToArrayOfRows, createCompareNodes, findAndTrackUnsupportedContentNodes, getAnalyticsAppearance, analyticsEventKey, getAnalyticsEventSeverity, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, getExtensionLozengeData, getExtensionRenderer, getMarksByOrder, getModeFromTheme, getResponseEndTime, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, hasMergedCell, isPastDate, isPerformanceAPIAvailable, isPerformanceObserverAvailable, isSameMark, isSubSupType, markOrder, measureRender, startMeasure, stopMeasure, measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, withImageLoader, canApplyAnnotationOnRange, getAnnotationIdsFromRange, SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, shouldForceTracking, sniffUserBrowserExtensions } from './utils';
+export { ADFTraversor, ErrorReporter, ZERO_WIDTH_SPACE, absoluteBreakoutWidth, browser, calcBreakoutWidth, breakoutConsts, calcTableColumnWidths, calcWideWidth, clearMeasure, compose, convertProsemirrorTableNodeToArrayOfRows, createCompareNodes, findAndTrackUnsupportedContentNodes, getAnalyticsAppearance, analyticsEventKey, getAnalyticsEventSeverity, getUnsupportedContentLevelData, UNSUPPORTED_CONTENT_LEVEL_SEVERITY_THRESHOLD_DEFAULTS, getExtensionLozengeData, getExtensionRenderer, getMarksByOrder, getModeFromTheme, getResponseEndTime, getValidContent, getValidDocument, getValidMark, getValidNode, getValidUnknownNode, hasMergedCell, isPastDate, isPerformanceAPIAvailable, isPerformanceObserverAvailable, isSameMark, isSubSupType, markOrder, measureRender, startMeasure, stopMeasure, measureTTI, getTTISeverity, TTI_SEVERITY_THRESHOLD_DEFAULTS, TTI_FROM_INVOCATION_SEVERITY_THRESHOLD_DEFAULTS, timestampToIsoFormat, timestampToString, timestampToTaskContext, timestampToUTCDate, todayTimestampInUTC, withImageLoader, canApplyAnnotationOnRange, getAnnotationIdsFromRange, SEVERITY, UNSUPPORTED_CONTENT_LEVEL_SEVERITY, shouldForceTracking, sniffUserBrowserExtensions, RenderCountProfiler } from './utils';
 export { SortOrder, AnnotationUpdateEmitter, AnnotationUpdateEvent } from './types';
 export { DefaultExtensionProvider, combineExtensionProviders, getExtensionKeyAndNodeKey, getExtensionModuleNode, getExtensionModuleNodePrivateProps, getQuickInsertItemsFromModule, getNodeRenderer, getContextualToolbarItemsFromModule, buildMenuItem, resolveImport } from './extensions';
 export { ProviderFactory, WithProviders } from './provider-factory';

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

@@ -13,8 +13,7 @@ export const blockMarksSharedStyles = css`
     h3,
     h4,
     h5,
-    h6,
-    .heading-wrapper {
+    h6 {
       &:first-child {
         margin-top: 0;
       }

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

@@ -126,19 +126,23 @@ export const panelSharedStyles = css`
     padding: ${gridSize()}px;
     min-width: ${akEditorTableCellMinWidth}px;
     display: flex;
+    position: relative;
     align-items: baseline;
     word-break: break-word;
 
     ${mainDynamicStyles(PanelType.INFO)}
 
     .${PanelSharedCssClassName.icon} {
-      display: block;
       flex-shrink: 0;
       height: ${gridSize() * 3}px;
       width: ${gridSize() * 3}px;
       box-sizing: content-box;
       padding-right: ${gridSize()}px;
       text-align: center;
+      user-select: none;
+      -moz-user-select: none;
+      -webkit-user-select: none;
+      -ms-user-select: none;
       ${iconDynamicStyles(PanelType.INFO)}
 
       > span {
@@ -200,14 +204,5 @@ export const panelSharedStyles = css`
         ${iconDynamicStyles(PanelType.SUCCESS)}
       }
     }
-
-    &[data-panel-type='${PanelType.CUSTOM}'] {
-      .${PanelSharedCssClassName.icon} {
-        user-select: none;
-        -moz-user-select: none;
-        -webkit-user-select: none;
-        -ms-user-select: none;
-      }
-    }
   }
 `;

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

@@ -88,7 +88,7 @@ const tableSharedStyle = css`
         border-bottom-width: 0;
         padding: ${tableCellPadding}px;
         /* https://stackoverflow.com/questions/7517127/borders-not-shown-in-firefox-with-border-collapse-on-table-position-relative-o */
-        ${browser.gecko || browser.ie ? 'background-clip: padding-box;' : ''}
+        ${browser.gecko || browser.ie || browser.mac && browser.chrome ? 'background-clip: padding-box;' : ''}
 
         ${themed({
   dark: getTableCellBackgroundDarkModeColors