@atlaskit/editor-common 70.1.3 → 70.2.1

package/dist/cjs/utils/collab.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getParticipantsCount = void 0;
+
+var getParticipantsCount = function getParticipantsCount(editorState) {
+  var _collabEditPlugin$$pa, _collabEditPlugin$$pa2;
+
+  // TODO: ED-15663
+  // Please, do not copy or use this kind of code below
+  // @ts-ignore
+  if (!editorState || !editorState['collabEditPlugin$']) {
+    return 1;
+  }
+
+  var participantsCount = (_collabEditPlugin$$pa = (_collabEditPlugin$$pa2 = editorState['collabEditPlugin$'].participants) === null || _collabEditPlugin$$pa2 === void 0 ? void 0 : _collabEditPlugin$$pa2.size()) !== null && _collabEditPlugin$$pa !== void 0 ? _collabEditPlugin$$pa : 1;
+  return participantsCount;
+};
+
+exports.getParticipantsCount = getParticipantsCount;

package/dist/cjs/utils/dom.js

@@ -112,6 +112,22 @@ function closest(node, s) {
 function closestElement(node, s) {
   return closest(node, s);
 }
+/**
+ * Util for converting a css pixel size value to a number (of pixels).
+ *
+ * ie.
+ * ```ts
+ * const pixels = parsePx('10px')
+ * //    ^$ const pixels: number
+ * ```
+ * * ```ts
+ * const pixels = parsePx('10')
+ * //    ^$ const pixels: number | undefined
+ * ```
+ */
+// At time of writting prettier would strip the extend here.
+// prettier-ignore
+
 
 function parsePx(pxStr) {
   if (!pxStr.endsWith('px')) {

package/dist/cjs/utils/get-performance-options.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPerformanceOptions = getPerformanceOptions;
+exports.startMeasureReactNodeViewRendered = startMeasureReactNodeViewRendered;
+exports.stopMeasureReactNodeViewRendered = stopMeasureReactNodeViewRendered;
+
+var _analytics = require("../analytics");
+
+var _collab = require("./collab");
+
+var _measure = require("./performance/measure");
+
+// This was existing logic when converting from ReactNodeView
+// our current sampling for this event is not bound by node.type
+var nodeViewRenderedEventsCounter = 0;
+var DEFAULT_SAMPLING_RATE = 100;
+var DEFAULT_SLOW_THRESHOLD = 7;
+
+function getPerformanceOptions(view) {
+  var _nodeViewTracking$sam, _nodeViewTracking$slo;
+
+  // TODO: ED-15663
+  // Please, do not copy or use this kind of code below
+  // @ts-ignore
+  var fakePluginKey = {
+    key: 'analyticsPlugin$',
+    getState: function getState(state) {
+      return state['analyticsPlugin$'];
+    }
+  };
+  var pluginState = fakePluginKey.getState(view.state);
+  var nodeViewTracking = pluginState && pluginState.performanceTracking ? pluginState.performanceTracking.nodeViewTracking || {} : {};
+  var samplingRate = (_nodeViewTracking$sam = nodeViewTracking.samplingRate) !== null && _nodeViewTracking$sam !== void 0 ? _nodeViewTracking$sam : DEFAULT_SAMPLING_RATE;
+  var slowThreshold = (_nodeViewTracking$slo = nodeViewTracking.slowThreshold) !== null && _nodeViewTracking$slo !== void 0 ? _nodeViewTracking$slo : DEFAULT_SLOW_THRESHOLD;
+  return {
+    trackingEnabled: !!nodeViewTracking.enabled,
+    samplingRate: samplingRate,
+    slowThreshold: slowThreshold
+  };
+}
+
+function startMeasureReactNodeViewRendered(_ref) {
+  var nodeTypeName = _ref.nodeTypeName;
+  (0, _measure.startMeasure)("\uD83E\uDD89".concat(nodeTypeName, "::ReactNodeView"));
+}
+
+function stopMeasureReactNodeViewRendered(_ref2) {
+  var nodeTypeName = _ref2.nodeTypeName,
+      dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
+      editorState = _ref2.editorState,
+      samplingRate = _ref2.samplingRate,
+      slowThreshold = _ref2.slowThreshold;
+  (0, _measure.stopMeasure)("\uD83E\uDD89".concat(nodeTypeName, "::ReactNodeView"), function (duration) {
+    if (++nodeViewRenderedEventsCounter % samplingRate === 0 && duration > slowThreshold) {
+      dispatchAnalyticsEvent({
+        action: _analytics.ACTION.REACT_NODEVIEW_RENDERED,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+        attributes: {
+          node: nodeTypeName,
+          duration: duration,
+          participants: (0, _collab.getParticipantsCount)(editorState)
+        }
+      });
+    }
+  });
+}

package/dist/cjs/utils/index.js

@@ -101,6 +101,12 @@ Object.defineProperty(exports, "calcBreakoutWidth", {
     return _breakout.calcBreakoutWidth;
   }
 });
+Object.defineProperty(exports, "calcBreakoutWidthPx", {
+  enumerable: true,
+  get: function get() {
+    return _breakout.calcBreakoutWidthPx;
+  }
+});
 Object.defineProperty(exports, "calcTableColumnWidths", {
   enumerable: true,
   get: function get() {
@@ -113,6 +119,12 @@ Object.defineProperty(exports, "calcWideWidth", {
     return _breakout.calcWideWidth;
   }
 });
+Object.defineProperty(exports, "calculateBreakoutStyles", {
+  enumerable: true,
+  get: function get() {
+    return _breakout.calculateBreakoutStyles;
+  }
+});
 Object.defineProperty(exports, "canApplyAnnotationOnRange", {
   enumerable: true,
   get: function get() {
@@ -227,6 +239,12 @@ Object.defineProperty(exports, "getModeFromTheme", {
     return _getModeFromTheme.getModeFromTheme;
   }
 });
+Object.defineProperty(exports, "getPerformanceOptions", {
+  enumerable: true,
+  get: function get() {
+    return _getPerformanceOptions.getPerformanceOptions;
+  }
+});
 Object.defineProperty(exports, "getPropsDifference", {
   enumerable: true,
   get: function get() {
@@ -287,6 +305,12 @@ Object.defineProperty(exports, "isNodeSelectedOrInRange", {
     return _nodes.isNodeSelectedOrInRange;
   }
 });
+Object.defineProperty(exports, "isOutdatedBrowser", {
+  enumerable: true,
+  get: function get() {
+    return _outdatedBrowsers.isOutdatedBrowser;
+  }
+});
 Object.defineProperty(exports, "isParagraph", {
   enumerable: true,
   get: function get() {
@@ -311,6 +335,12 @@ Object.defineProperty(exports, "isPerformanceObserverAvailable", {
     return _isPerformanceApiAvailable.isPerformanceObserverAvailable;
   }
 });
+Object.defineProperty(exports, "isReferencedSource", {
+  enumerable: true,
+  get: function get() {
+    return _referentiality.isReferencedSource;
+  }
+});
 Object.defineProperty(exports, "isSupportedInParent", {
   enumerable: true,
   get: function get() {
@@ -413,6 +443,12 @@ Object.defineProperty(exports, "removeNestedEmptyEls", {
     return _dom.removeNestedEmptyEls;
   }
 });
+Object.defineProperty(exports, "sendLogs", {
+  enumerable: true,
+  get: function get() {
+    return _sendLogs.sendLogs;
+  }
+});
 Object.defineProperty(exports, "setNodeSelection", {
   enumerable: true,
   get: function get() {
@@ -443,6 +479,12 @@ Object.defineProperty(exports, "startMeasure", {
     return _measure.startMeasure;
   }
 });
+Object.defineProperty(exports, "startMeasureReactNodeViewRendered", {
+  enumerable: true,
+  get: function get() {
+    return _getPerformanceOptions.startMeasureReactNodeViewRendered;
+  }
+});
 Object.defineProperty(exports, "stepAddsOneOf", {
   enumerable: true,
   get: function get() {
@@ -461,6 +503,12 @@ Object.defineProperty(exports, "stopMeasure", {
     return _measure.stopMeasure;
   }
 });
+Object.defineProperty(exports, "stopMeasureReactNodeViewRendered", {
+  enumerable: true,
+  get: function get() {
+    return _getPerformanceOptions.stopMeasureReactNodeViewRendered;
+  }
+});
 Object.defineProperty(exports, "timestampToIsoFormat", {
   enumerable: true,
   get: function get() {
@@ -596,6 +644,8 @@ var _shouldForceTracking = require("./should-force-tracking");
 
 var _getModeFromTheme = require("./getModeFromTheme");
 
+var _getPerformanceOptions = require("./get-performance-options");
+
 var _browserExtensions = require("./browser-extensions");
 
 var _renderCount = require("./profiler/render-count");
@@ -604,4 +654,10 @@ var _validateUsingSpec = require("./validate-using-spec");
 
 var _compareProps = require("./compare-props");
 
-var _useComponentRenderTracking = require("./performance/hooks/use-component-render-tracking");
+var _useComponentRenderTracking = require("./performance/hooks/use-component-render-tracking");
+
+var _outdatedBrowsers = require("./outdated-browsers");
+
+var _referentiality = require("./referentiality");
+
+var _sendLogs = require("./sendLogs");

package/dist/cjs/utils/outdated-browsers.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isOutdatedBrowser = void 0;
+
+var isOutdatedBrowser = function isOutdatedBrowser(userAgent) {
+  // Take browsers in both Desktop and Mobile (includes Chrome, Firefox, Edge and Safari) within last 2 years
+  var chrome = /Chrome\//.test(userAgent) && !/OPR\//.test(userAgent);
+  var chromeVersion = chrome ? parseInt((userAgent.match(/Chrome\/(\d+)/) || [])[1], 10) : 0;
+
+  if (chromeVersion >= 84) {
+    return false;
+  }
+
+  var gecko = /gecko\/\d/i.test(userAgent);
+  var geckoVersion = gecko ? parseInt((userAgent.match(/Firefox\/(\d+)/) || [])[1], 10) : 0;
+
+  if (geckoVersion >= 84) {
+    return false;
+  }
+
+  var edge = /Edge\/(\d+)/.exec(userAgent);
+  var edgeVersion = edge ? +edge[1] : 0;
+
+  if (edgeVersion >= 84) {
+    return false;
+  }
+
+  var safari = !chrome && !gecko && /Version\/([0-9\._]+).*Safari/.test(userAgent);
+  var safariVersion = safari ? parseInt((userAgent.match(/Version\/([0-9\._]+).*Safari/) || [])[1], 10) : 0;
+
+  if (safariVersion >= 12) {
+    return false;
+  }
+
+  return true;
+};
+
+exports.isOutdatedBrowser = isOutdatedBrowser;

package/dist/cjs/utils/referentiality.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isReferencedSource = void 0;
+
+var isReferencedSource = function isReferencedSource(state, node) {
+  var _node$attrs, _node$marks, _node$marks$find, _node$marks$find$attr;
+
+  if (!node) {
+    return false;
+  }
+
+  var found = false; // Handle nodes having 2 uuids. They could have a localId or a fragment. Regardless this needs
+  // to check if either id is used by a data consumer.
+
+  var localIds = new Set([(_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.localId, (_node$marks = node.marks) === null || _node$marks === void 0 ? void 0 : (_node$marks$find = _node$marks.find(function (mark) {
+    return mark.type === state.schema.marks.fragment;
+  })) === null || _node$marks$find === void 0 ? void 0 : (_node$marks$find$attr = _node$marks$find.attrs) === null || _node$marks$find$attr === void 0 ? void 0 : _node$marks$find$attr.localId].filter(Boolean)); // If there are no uuids on the node then it's not possible for it to be referenced anywhere.
+
+  if (!localIds.size) {
+    return false;
+  }
+
+  state.doc.descendants(function (node) {
+    var _dataConsumer$attrs$s, _dataConsumer$attrs$s2;
+
+    if (found) {
+      return false;
+    }
+
+    var dataConsumer = node.marks.find(function (mark) {
+      return mark.type === state.schema.marks.dataConsumer;
+    });
+
+    if (!dataConsumer) {
+      return true;
+    }
+
+    found = (_dataConsumer$attrs$s = (_dataConsumer$attrs$s2 = dataConsumer.attrs.sources) === null || _dataConsumer$attrs$s2 === void 0 ? void 0 : _dataConsumer$attrs$s2.some(function (src) {
+      return localIds.has(src);
+    })) !== null && _dataConsumer$attrs$s !== void 0 ? _dataConsumer$attrs$s : false;
+    return !found;
+  });
+  return found;
+};
+
+exports.isReferencedSource = isReferencedSource;

package/dist/cjs/utils/sendLogs.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sendLogs = void 0;
+
+var sendLogs = function sendLogs(body) {
+  return fetch('https://analytics.atlassian.com/analytics/events', {
+    method: 'POST',
+    headers: {
+      Accept: 'application/json, */*',
+      'Content-Type': 'application/json'
+    },
+    body: JSON.stringify(body)
+  });
+};
+
+exports.sendLogs = sendLogs;

package/dist/cjs/version.json

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

package/dist/cjs/with-plugin-state/index.js

@@ -25,6 +25,14 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _analytics = require("../analytics");
+
+var _eventDispatcher = require("../event-dispatcher");
+
+var _utils = require("../utils");
+
+var _collab = require("../utils/collab");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = 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; }
@@ -71,6 +79,7 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "debounce", null);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "notAppliedState", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isSubscribed", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "callsCount", 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", _this.getPluginsStates(_this.props.plugins, _this.getEditorView(_this.props, _this.context)));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handlePluginStateChange", function (propName, pluginName, performanceOptions, skipEqualityCheck) {
       return function (pluginState) {
@@ -100,39 +109,43 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
         return fn();
       };
       _this.debounce = debounce(function () {
-        // TODO: ED-15580
-        //const measure = `🦉${pluginName}::WithPluginState`;
-        //performanceOptions.trackingEnabled && startMeasure(measure);
-        //              () => {
-        //  performanceOptions.trackingEnabled &&
-        //    stopMeasure(measure, (duration) => {
-        //      // Each WithPluginState component will fire analytics event no more than once every `samplingLimit` times
-        //      if (
-        //        ++this.callsCount % performanceOptions.samplingRate === 0 &&
-        //        duration > performanceOptions.slowThreshold
-        //      ) {
-        //        const editorView = this.getEditorView();
-        //        this.dispatchAnalyticsEvent({
-        //          action: ACTION.WITH_PLUGIN_STATE_CALLED,
-        //          actionSubject: ACTION_SUBJECT.EDITOR,
-        //          eventType: EVENT_TYPE.OPERATIONAL,
-        //          attributes: {
-        //            plugin: pluginName,
-        //            duration,
-        //            participants: getParticipantsCount(
-        //              editorView && editorView.state,
-        //            ),
-        //          },
-        //        });
-        //      }
-        //    });
-        //}
-        _this.setState(_this.notAppliedState);
+        var measure = "\uD83E\uDD89".concat(pluginName, "::WithPluginState");
+        performanceOptions.trackingEnabled && (0, _utils.startMeasure)(measure);
+
+        _this.setState(_this.notAppliedState, function () {
+          performanceOptions.trackingEnabled && (0, _utils.stopMeasure)(measure, function (duration) {
+            // Each WithPluginState component will fire analytics event no more than once every `samplingLimit` times
+            if (++_this.callsCount % performanceOptions.samplingRate === 0 && duration > performanceOptions.slowThreshold) {
+              var _editorView = _this.getEditorView();
+
+              _this.dispatchAnalyticsEvent({
+                action: _analytics.ACTION.WITH_PLUGIN_STATE_CALLED,
+                actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+                eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+                attributes: {
+                  plugin: pluginName,
+                  duration: duration,
+                  participants: (0, _collab.getParticipantsCount)(_editorView && _editorView.state)
+                }
+              });
+            }
+          });
+        });
 
         _this.debounce = null;
         _this.notAppliedState = {};
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "dispatchAnalyticsEvent", function (payload) {
+      var eventDispatcher = _this.getEventDispatcher();
+
+      if (eventDispatcher) {
+        var dispatch = (0, _eventDispatcher.createDispatch)(eventDispatcher);
+        dispatch(_utils.analyticsEventKey, {
+          payload: payload
+        });
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onContextUpdate", function () {
       _this.subscribe(_this.props);
     });
@@ -154,17 +167,7 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
     }
   }, {
     key: "getPluginsStates",
-    value: // TODO: ED-15580
-    //private dispatchAnalyticsEvent = (payload: AnalyticsEventPayload) => {
-    //  const eventDispatcher = this.getEventDispatcher();
-    //  if (eventDispatcher) {
-    //    const dispatch: AnalyticsDispatch = createDispatch(eventDispatcher);
-    //    dispatch(analyticsEventKey, {
-    //      payload,
-    //    });
-    //  }
-    //};
-    function getPluginsStates(plugins, editorView) {
+    value: function getPluginsStates(plugins, editorView) {
       if (!editorView || !plugins) {
         return {};
       }
@@ -184,7 +187,9 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "subscribe",
     value: function subscribe(props) {
-      var _this2 = this;
+      var _uiTracking$samplingR,
+          _uiTracking$slowThres,
+          _this2 = this;
 
       var plugins = props.plugins;
       var eventDispatcher = this.getEventDispatcher(props);
@@ -192,20 +197,22 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
 
       if (!eventDispatcher || !editorView || this.isSubscribed) {
         return;
-      } // TODO: ED-15580
-      //const analyticsPlugin = analyticsPluginKey.getState(editorView.state);
-      //const uiTracking =
-      //  analyticsPlugin && analyticsPlugin.performanceTracking
-      //    ? analyticsPlugin.performanceTracking.uiTracking || {}
-      //    : {};
-      //const trackingEnabled = uiTracking.enabled === true;
-      //const samplingRate = uiTracking.samplingRate || DEFAULT_SAMPLING_RATE;
-      //const slowThreshold = uiTracking.slowThreshold || DEFAULT_SLOW_THRESHOLD;
-
-
-      var trackingEnabled = false;
-      var samplingRate = DEFAULT_SAMPLING_RATE;
-      var slowThreshold = DEFAULT_SLOW_THRESHOLD;
+      } // TODO: ED-15663
+      // Please, do not copy or use this kind of code below
+      // @ts-ignore
+
+
+      var fakePluginKey = {
+        key: 'analyticsPlugin$',
+        getState: function getState(state) {
+          return state['analyticsPlugin$'];
+        }
+      };
+      var analyticsPlugin = fakePluginKey.getState(editorView.state);
+      var uiTracking = analyticsPlugin && analyticsPlugin.performanceTracking ? analyticsPlugin.performanceTracking.uiTracking || {} : {};
+      var trackingEnabled = uiTracking.enabled === true;
+      var samplingRate = (_uiTracking$samplingR = uiTracking.samplingRate) !== null && _uiTracking$samplingR !== void 0 ? _uiTracking$samplingR : DEFAULT_SAMPLING_RATE;
+      var slowThreshold = (_uiTracking$slowThres = uiTracking.slowThreshold) !== null && _uiTracking$slowThres !== void 0 ? _uiTracking$slowThres : DEFAULT_SLOW_THRESHOLD;
       this.isSubscribed = true;
       var pluginsStates = this.getPluginsStates(plugins, editorView);
       this.setState(pluginsStates);

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

@@ -4,12 +4,8 @@ import React from 'react';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { createDispatch } from '../event-dispatcher';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
-import { analyticsEventKey } from '../utils/analytics'; //import {
-//  getPerformanceOptions,
-//  startMeasureReactNodeViewRendered,
-//  stopMeasureReactNodeViewRendered,
-//} from './get-performance-options';
-
+import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
+import { analyticsEventKey } from '../utils/analytics';
 export default class ReactNodeView {
   constructor(_node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, reactComponent, hasAnalyticsContext = false, viewShouldUpdate, hasIntlContext = false) {
     _defineProperty(this, "handleRef", node => this._handleRef(node));
@@ -66,24 +62,23 @@ export default class ReactNodeView {
     // difference between them and it kills the nodeView
 
 
-    this.domRef.classList.add(`${this.node.type.name}View-content-wrap`); // TODO: ED-15580
-    //const {
-    //  samplingRate,
-    //  slowThreshold,
-    //  trackingEnabled,
-    //} = getPerformanceOptions(this.view);
-    //trackingEnabled &&
-    //  startMeasureReactNodeViewRendered({ nodeTypeName: this.node.type.name });
-
-    this.renderReactComponent(() => this.render(this.reactComponentProps, this.handleRef)); //trackingEnabled &&
-    //  stopMeasureReactNodeViewRendered({
-    //    nodeTypeName: this.node.type.name,
-    //    dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
-    //    editorState: this.view.state,
-    //    samplingRate,
-    //    slowThreshold,
-    //  });
-
+    this.domRef.classList.add(`${this.node.type.name}View-content-wrap`);
+    const {
+      samplingRate,
+      slowThreshold,
+      trackingEnabled
+    } = getPerformanceOptions(this.view);
+    trackingEnabled && startMeasureReactNodeViewRendered({
+      nodeTypeName: this.node.type.name
+    });
+    this.renderReactComponent(() => this.render(this.reactComponentProps, this.handleRef));
+    trackingEnabled && stopMeasureReactNodeViewRendered({
+      nodeTypeName: this.node.type.name,
+      dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
+      editorState: this.view.state,
+      samplingRate,
+      slowThreshold
+    });
     return this;
   }
 

package/dist/es2019/styles/index.js

@@ -9,7 +9,7 @@ export { ruleSharedStyles } from './shared/rule';
 export { whitespaceSharedStyles } from './shared/whitespace';
 export { paragraphSharedStyles } from './shared/paragraph';
 export { linkSharedStyle } from './shared/link';
-export { listsSharedStyles } from './shared/lists';
+export { listsSharedStyles, listPaddingLeftMarkerSpace } from './shared/lists';
 export { indentationSharedStyles } from './shared/indentation';
 export { blockMarksSharedStyles } from './shared/block-marks';
 export { codeMarkSharedStyles } from './shared/code-mark';
@@ -18,6 +18,6 @@ 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';
+export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafariFix } from './shared/code-block';
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';

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

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { akEditorCodeFontFamily, akEditorTableCellMinWidth, blockNodesVerticalMargin, overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { akEditorCodeFontFamily, akEditorLineHeight, 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';
@@ -109,4 +109,16 @@ export const codeBlockSharedStyles = props => css`
       }
     }
   }
+`;
+export const codeBlockInListSafariFix = css`
+  ::before {
+    content: ' ';
+    line-height: ${akEditorLineHeight};
+  }
+
+  > p:first-child,
+  > .code-block:first-child,
+  > .ProseMirror-gapcursor:first-child + .code-block {
+    margin-top: -${akEditorLineHeight}em !important;
+  }
 `;

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

@@ -1,13 +1,14 @@
 import { css } from '@emotion/react';
 import { bulletListSelector, orderedListSelector } from '@atlaskit/adf-schema';
 import browser from '../../utils/browser';
+export const listPaddingLeftMarkerSpace = 24;
 export const listsSharedStyles = css`
   /* =============== INDENTATION SPACING ========= */
 
   ul,
   ol {
     box-sizing: border-box;
-    padding-left: 24px;
+    padding-left: ${listPaddingLeftMarkerSpace}px;
 
     /*
     Firefox does not handle empty block element inside li tag.

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

@@ -116,11 +116,13 @@ const tableSharedStyle = props => css`
           margin-top: 0;
         }
 
-        > .ProseMirror-gapcursor.-right:first-of-type + * {
+        > .ProseMirror-gapcursor:first-child + *,
+        > style:first-child + .ProseMirror-gapcursor + * {
           margin-top: 0;
         }
 
-        > .ProseMirror-gapcursor:first-of-type + span + * {
+        > .ProseMirror-gapcursor:first-child + span + *,
+        > style:first-child + .ProseMirror-gapcursor + span + * {
           margin-top: 0;
         }
 

package/dist/es2019/types/copy-button.js

@@ -0,0 +1 @@
+export {};