@atlaskit/editor-core 171.0.0 → 172.0.1

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

@@ -0,0 +1,195 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import rafSchedule from 'raf-schd';
+import Popper from 'popper.js'; // eslint-disable-line import/extensions
+
+import { positionPropToPopperPosition } from './internal/helpers';
+const defaultState = {
+  hasExtractedStyles: false,
+  // We set these default offsets to prevent a flash of popper content in the wrong position
+  // which can cause incorrect height calculations. Popper will calculate these values
+  offsets: {
+    popper: {
+      left: -9999,
+      top: -9999,
+      position: null
+    }
+  },
+  // fix Safari parent width: https://product-fabric.atlassian.net/browse/ED-1784
+  cssPosition: 'absolute',
+  originalHeight: null,
+  maxHeight: null
+};
+export default class Layer extends Component {
+  // working with extract-react-types
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "targetRef", /*#__PURE__*/React.createRef());
+
+    _defineProperty(this, "contentRef", /*#__PURE__*/React.createRef());
+
+    _defineProperty(this, "extractStyles", state => {
+      if (state) {
+        const popperHeight = state.offsets.popper.height;
+        const left = Math.round(state.offsets.popper.left);
+        const top = Math.round(state.offsets.popper.top);
+        const cssPosition = 'absolute';
+        const originalHeight = this.state.originalHeight || popperHeight;
+        const maxHeight = this.calculateMaxHeight(originalHeight, popperHeight, top, cssPosition);
+        this.setState({
+          // position: fixed or absolute
+          cssPosition,
+          hasExtractedStyles: true,
+          transform: `translate3d(${left}px, ${top}px, 0px)`,
+          originalHeight,
+          maxHeight
+        });
+      }
+    });
+
+    this.state = defaultState;
+    this.extractStyles = rafSchedule(this.extractStyles.bind(this));
+  }
+
+  componentDidMount() {
+    this.applyPopper(this.props);
+  }
+
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.applyPopper(nextProps);
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    const {
+      onPositioned
+    } = this.props;
+    const {
+      hasExtractedStyles
+    } = this.state; // This flag is set the first time the position is calculated from Popper and applied to the content
+
+    if (!prevState.hasExtractedStyles && hasExtractedStyles && onPositioned) {
+      onPositioned();
+    }
+  }
+
+  componentWillUnmount() {
+    // this.extractStyles.cancel();
+    if (this.popper) {
+      this.popper.destroy();
+    }
+  }
+  /* Calculate the max height of the popper if it's height is greater than the viewport to prevent
+   * the bottom of the popper not being viewable.
+   * Only works if the popper uses viewport as the boundary and has a fixed position ancestor.
+   */
+
+
+  calculateMaxHeight(originalHeight, currentHeight, positionTop, cssPosition) {
+    let DocumentElementClientHeight = 0;
+
+    if (document.documentElement) {
+      DocumentElementClientHeight = document.documentElement.clientHeight;
+    }
+
+    if (cssPosition !== 'fixed') {
+      return null;
+    }
+
+    const viewportHeight = Math.max(DocumentElementClientHeight, window.innerHeight || 0);
+    return viewportHeight < originalHeight && currentHeight + positionTop >= viewportHeight - 50 ? // allow some spacing either side of viewport height
+    viewportHeight - 12 : null;
+  }
+
+  applyPopper(props) {
+    if (!this.targetRef.current || !this.contentRef.current) {
+      return;
+    }
+
+    if (this.popper) {
+      this.popper.destroy();
+    } // "new Popper(...)" operation is very expensive when called on virtual DOM.
+    // This condition reduces the number of calls so we can run our tests faster
+    // (time was reduced from 100s to 13s).
+
+
+    if (!props.content) {
+      return;
+    } // we wrap our target in a div so that we can safely get a reference to it, but we pass the
+    // actual target to popper
+
+
+    const isAlwaysFixed = false;
+    const actualTarget = this.targetRef.current.children[0];
+    const popperOpts = {
+      placement: positionPropToPopperPosition(props.position),
+      onCreate: this.extractStyles,
+      onUpdate: this.extractStyles,
+      modifiers: {
+        applyStyle: {
+          enabled: false
+        },
+        hide: {
+          enabled: false
+        },
+        offset: {
+          enabled: true,
+          offset: this.props.offset
+        },
+        flip: {
+          enabled: false,
+          flipVariations: true,
+          boundariesElement: 'viewport',
+          padding: 0 // leave 0 pixels between popper and the boundariesElement
+
+        },
+        preventOverflow: {
+          enabled: false,
+          escapeWithReference: true
+        }
+      },
+      positionFixed: isAlwaysFixed
+    };
+
+    if (actualTarget) {
+      this.popper = new Popper(actualTarget, this.contentRef.current, popperOpts);
+    }
+  }
+
+  render() {
+    const {
+      transform,
+      hasExtractedStyles,
+      maxHeight
+    } = this.state;
+    const opacity = hasExtractedStyles ? {} : {
+      opacity: 0
+    };
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      ref: this.targetRef
+    }, this.props.children), /*#__PURE__*/React.createElement("div", {
+      ref: this.contentRef,
+      style: {
+        top: 0,
+        left: 0,
+        position: 'absolute',
+        transform,
+        maxHeight: maxHeight ? maxHeight : 'auto',
+        ...opacity
+      }
+    }, this.props.content));
+  }
+
+}
+
+_defineProperty(Layer, "defaultProps", {
+  boundariesElement: 'viewport',
+  children: null,
+  content: null,
+  offset: '0, 0',
+  position: 'right middle',
+  zIndex: 400,
+  lockScroll: false,
+  isAlwaysFixed: false,
+  onPositioned: () => {}
+});

package/dist/es2019/ui/Layer/internal/helpers.js

@@ -0,0 +1,62 @@
+const positionMap = {
+  'top left': {
+    position: 'top-start',
+    animation: 'top'
+  },
+  'top center': {
+    position: 'top',
+    animation: 'top'
+  },
+  'top right': {
+    position: 'top-end',
+    animation: 'top'
+  },
+  'right top': {
+    position: 'right-start',
+    animation: 'right'
+  },
+  'right middle': {
+    position: 'right',
+    animation: 'right'
+  },
+  'right bottom': {
+    position: 'right-end',
+    animation: 'right'
+  },
+  'bottom left': {
+    position: 'bottom-start',
+    animation: 'bottom'
+  },
+  'bottom center': {
+    position: 'bottom',
+    animation: 'bottom'
+  },
+  'bottom right': {
+    position: 'bottom-end',
+    animation: 'bottom'
+  },
+  'left top': {
+    position: 'left-start',
+    animation: 'left'
+  },
+  'left middle': {
+    position: 'left',
+    animation: 'left'
+  },
+  'left bottom': {
+    position: 'left-end',
+    animation: 'left'
+  }
+};
+export const POSITION_ATTRIBUTE_ENUM = {
+  values: ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom left', 'bottom center', 'bottom right', 'left top', 'left middle', 'left bottom'],
+  default: 'right middle'
+};
+
+function positionToPopper(position) {
+  return position && positionMap[position] ? positionMap[position].position : null;
+}
+
+export function positionPropToPopperPosition(position) {
+  return positionToPopper(position) || positionMap[POSITION_ATTRIBUTE_ENUM.default].position;
+}

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

@@ -28,34 +28,16 @@ export class PortalProviderAPI extends EventDispatcher {
   }
 
   render(children, container, hasAnalyticsContext = false, hasIntlContext = false) {
-    if (this.themeMode) {
-      const childrenWithThemeProviders = () => /*#__PURE__*/React.createElement(PortalProviderThemeProviders, {
-        mode: this.themeMode
-      }, children());
-
-      this.portals.set(container, {
-        children: childrenWithThemeProviders,
-        hasAnalyticsContext,
-        hasIntlContext
-      });
-      let wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders()) : childrenWithThemeProviders();
-
-      if (hasIntlContext) {
-        wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {
-          value: this.intl
-        }, wrappedChildren);
-      }
-
-      unstable_renderSubtreeIntoContainer(this.context, wrappedChildren, container);
-      return;
-    }
+    const childrenWithThemeProviders = () => /*#__PURE__*/React.createElement(PortalProviderThemeProviders, {
+      mode: this.themeMode
+    }, children());
 
     this.portals.set(container, {
-      children,
+      children: childrenWithThemeProviders,
       hasAnalyticsContext,
       hasIntlContext
     });
-    let wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, children()) : children();
+    let wrappedChildren = this.useAnalyticsContext ? /*#__PURE__*/React.createElement(AnalyticsContextWrapper, null, childrenWithThemeProviders()) : childrenWithThemeProviders();
 
     if (hasIntlContext) {
       wrappedChildren = /*#__PURE__*/React.createElement(RawIntlProvider, {

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "171.0.0";
+export const version = "172.0.1";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "171.0.0",
+	"version": "172.0.1",
 	"sideEffects": false
 }

package/dist/esm/create-editor/ReactEditorView.js

@@ -478,15 +478,18 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "createEditorView", function (node) {
-      measureRender(measurements.PROSEMIRROR_RENDERED, function (duration, startTime) {
+      measureRender(measurements.PROSEMIRROR_RENDERED, function (_ref3) {
         var _this$props$editorPro5, _this$props$editorPro6, _proseMirrorRenderedT, _proseMirrorRenderedT2;
 
+        var duration = _ref3.duration,
+            startTime = _ref3.startTime,
+            distortedDuration = _ref3.distortedDuration;
         var proseMirrorRenderedTracking = (_this$props$editorPro5 = _this.props.editorProps) === null || _this$props$editorPro5 === void 0 ? void 0 : (_this$props$editorPro6 = _this$props$editorPro5.performanceTracking) === null || _this$props$editorPro6 === void 0 ? void 0 : _this$props$editorPro6.proseMirrorRenderedTracking;
         var forceSeverityTracking = typeof proseMirrorRenderedTracking === 'undefined' && shouldForceTracking();
         _this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? getAnalyticsEventSeverity(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
 
         if (_this.view) {
-          var _getContextIdentifier, _this$experienceStore9, _this$experienceStore10;
+          var _getContextIdentifier, _this$experienceStore10;
 
           var nodes = getNodesCount(_this.view.state.doc);
           var ttfb = getResponseEndTime();
@@ -500,12 +503,18 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
               nodes: nodes,
               ttfb: ttfb,
               severity: _this.proseMirrorRenderedSeverity,
-              objectId: (_getContextIdentifier = getContextIdentifier(_this.editorState)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId
+              objectId: (_getContextIdentifier = getContextIdentifier(_this.editorState)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId,
+              distortedDuration: distortedDuration
             },
             eventType: EVENT_TYPE.OPERATIONAL
           });
 
-          (_this$experienceStore9 = _this.experienceStore) === null || _this$experienceStore9 === void 0 ? void 0 : _this$experienceStore9.mark(EditorExperience.loadEditor, ACTION.PROSEMIRROR_RENDERED, startTime + duration);
+          if (!distortedDuration) {
+            var _this$experienceStore9;
+
+            (_this$experienceStore9 = _this.experienceStore) === null || _this$experienceStore9 === void 0 ? void 0 : _this$experienceStore9.mark(EditorExperience.loadEditor, ACTION.PROSEMIRROR_RENDERED, startTime + duration);
+          }
+
           (_this$experienceStore10 = _this.experienceStore) === null || _this$experienceStore10 === void 0 ? void 0 : _this$experienceStore10.addMetadata(EditorExperience.loadEditor, {
             nodes: nodes,
             ttfb: ttfb

package/dist/esm/create-editor/create-plugins-list.js

@@ -46,11 +46,12 @@ export function getScrollGutterOptions(props) {
   return undefined;
 }
 export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
-  var _props$performanceTra, _props$featureFlags, _props$performanceTra2, _props$textFormatting;
+  var _props$performanceTra, _props$linking, _props$featureFlags, _props$performanceTra2, _props$textFormatting, _props$linking2;
 
   var appearance = props.appearance;
   var isMobile = appearance === 'mobile';
   var inputTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : _props$performanceTra.inputTracking;
+  var cardOptions = ((_props$linking = props.linking) === null || _props$linking === void 0 ? void 0 : _props$linking.smartLinks) || props.smartLinks || props.UNSAFE_cards;
   return {
     createAnalyticsEvent: createAnalyticsEvent,
     typeAhead: {
@@ -59,7 +60,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     },
     featureFlags: createFeatureFlagsFromProps(props),
     paste: {
-      cardOptions: props.smartLinks || props.UNSAFE_cards,
+      cardOptions: cardOptions,
       sanitizePrivateContent: props.sanitizePrivateContent,
       plainTextPasteLinkification: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.plainTextPasteLinkification) === true
     },
@@ -95,7 +96,11 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
     selection: {
       useLongPressSelection: false
     },
-    cardOptions: props.smartLinks || props.UNSAFE_cards,
+    cardOptions: cardOptions,
+    hyperlinkOptions: {
+      linkPicker: (_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.linkPicker,
+      cardOptions: cardOptions
+    },
     codeBlock: _objectSpread(_objectSpread({}, props.codeBlock), {}, {
       useLongPressSelection: false,
       appearance: props.appearance,
@@ -111,6 +116,8 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  */
 
 export default function createPluginsList(props, prevProps, createAnalyticsEvent) {
+  var _props$linking3;
+
   var appearance = props.appearance;
   var isMobile = appearance === 'mobile';
   var isComment = appearance === 'comment';
@@ -318,12 +325,15 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     })]);
   }
 
-  if (props.smartLinks || props.UNSAFE_cards) {
+  if ((_props$linking3 = props.linking) !== null && _props$linking3 !== void 0 && _props$linking3.smartLinks || props.smartLinks || props.UNSAFE_cards) {
+    var _props$linking4, _props$linking5;
+
     var fullWidthMode = props.appearance === 'full-width';
-    preset.add([cardPlugin, _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_cards), props.smartLinks), {}, {
+    preset.add([cardPlugin, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_cards), props.smartLinks), (_props$linking4 = props.linking) === null || _props$linking4 === void 0 ? void 0 : _props$linking4.smartLinks), {}, {
       platform: isMobile ? 'mobile' : 'web',
       fullWidthMode: fullWidthMode,
-      createAnalyticsEvent: createAnalyticsEvent
+      createAnalyticsEvent: createAnalyticsEvent,
+      linkPicker: (_props$linking5 = props.linking) === null || _props$linking5 === void 0 ? void 0 : _props$linking5.linkPicker
     })]);
   }
 
@@ -364,7 +374,8 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
 
 
   preset.add([toolbarListsIndentationPlugin, {
-    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar
+    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
+    allowHeadingAndParagraphIndentation: !!props.allowIndentation
   }]);
   preset.add([insertBlockPlugin, {
     allowTables: !!props.allowTables,
@@ -412,11 +423,9 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
     preset.add([viewUpdateSubscriptionPlugin]);
   }
 
-  if (featureFlags.codeBidiWarnings) {
-    preset.add([codeBidiWarningPlugin, {
-      appearance: props.appearance
-    }]);
-  }
+  preset.add([codeBidiWarningPlugin, {
+    appearance: props.appearance
+  }]);
 
   if (featureFlags.floatingToolbarCopyButton) {
     preset.add(copyButtonPlugin);

package/dist/esm/editor.js

@@ -38,7 +38,7 @@ import { getUiComponent } from './create-editor';
 import EditorActions from './actions';
 import { ReactEditorView } from './create-editor';
 import EditorContext from './ui/EditorContext';
-import { PortalProvider, PortalProviderWithThemeProviders, PortalRenderer } from './ui/PortalProvider';
+import { PortalProviderWithThemeProviders, PortalRenderer } from './ui/PortalProvider';
 import { nextMajorVersion } from './version-wrapper';
 import { ContextAdapter } from './nodeviews/context-adapter';
 import measurements from './utils/performance/measure-enum';
@@ -47,7 +47,6 @@ import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from './plugin
 import ErrorBoundary from './create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from './plugins/feature-flags-context/feature-flags-from-props';
 import { RenderTracking } from './utils/performance/components/RenderTracking';
-import { checkIfMobileBridge } from './utils/check-if-mobile-bridge';
 var fullHeight = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n"])));
 
 var Editor = /*#__PURE__*/function (_React$Component) {
@@ -412,8 +411,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           message: 'To integrate inline comments use experimental annotationProvider – <Editor annotationProviders={{ provider }} />',
           type: 'removed'
         },
-        allowDynamicTextSizing: {
-          message: 'Dynamic text sizing has been unshipped since 2020. The prop is no longer needed.',
+        smartLinks: {
+          message: 'To use smartLinks, pass the same object into the smartlinks key of linking - <Editor linking={{ smartLinks: {existing object} }}.',
           type: 'removed'
         }
       };
@@ -455,6 +454,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "handleProviders",
     value: function handleProviders(props) {
+      var _linking$smartLinks;
+
       var emojiProvider = props.emojiProvider,
           mentionProvider = props.mentionProvider,
           taskDecisionProvider = props.taskDecisionProvider,
@@ -469,7 +470,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           autoformattingProvider = props.autoformattingProvider,
           searchProvider = props.searchProvider,
           UNSAFE_cards = props.UNSAFE_cards,
-          smartLinks = props.smartLinks;
+          smartLinks = props.smartLinks,
+          linking = props.linking;
       var _this$state = this.state,
           extensionProvider = _this$state.extensionProvider,
           quickInsertProvider = _this$state.quickInsertProvider;
@@ -484,7 +486,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       this.providerFactory.setProvider('searchProvider', searchProvider);
       this.providerFactory.setProvider('presenceProvider', presenceProvider);
       this.providerFactory.setProvider('macroProvider', macroProvider);
-      var cardProvider = smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider;
+      var cardProvider = (linking === null || linking === void 0 ? void 0 : (_linking$smartLinks = linking.smartLinks) === null || _linking$smartLinks === void 0 ? void 0 : _linking$smartLinks.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider;
 
       if (cardProvider) {
         this.providerFactory.setProvider('cardProvider', cardProvider);
@@ -524,22 +526,6 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       var renderTracking = (_this$props$performan = this.props.performanceTracking) === null || _this$props$performan === void 0 ? void 0 : (_this$props$performan2 = _this$props$performan.renderTracking) === null || _this$props$performan2 === void 0 ? void 0 : _this$props$performan2.editor;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
-      /**
-       * The PortalProviderWithThemeProviders renders portals with atlaskit
-       * and the deprecated styled components theme providers.
-       *
-       * Without this the node views react trees;
-       * - do not have access to the atlaskit theme via the `useGlobalTheme` hook
-       * - do not have access to the theme when using the `styled`${({theme}) => theme.}` api.
-       *
-       * Added for a mobile regression, which needed to be fixed on master.
-       * Once this makes it's way to develop, we should consider making it the default
-       * behaviour.
-       *
-       * https://product-fabric.atlassian.net/browse/ED-14204
-       */
-
-      var EnvironmentDrivenPortalProvider = checkIfMobileBridge() ? PortalProviderWithThemeProviders : PortalProvider;
       return jsx(FabricEditorAnalyticsContext, {
         data: {
           packageName: name,
@@ -564,7 +550,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
             css: fullHeight
           }, jsx(EditorContext, {
             editorActions: _this5.editorActions
-          }, jsx(ContextAdapter, null, jsx(EnvironmentDrivenPortalProvider, {
+          }, jsx(ContextAdapter, null, jsx(PortalProviderWithThemeProviders, {
             onAnalyticsEvent: _this5.handleAnalyticsEvent,
             useAnalyticsContext: _this5.props.UNSAFE_useAnalyticsContext,
             render: function render(portalProviderAPI) {

package/dist/esm/labs/next/internal/hooks/use-editor/index.js

@@ -56,7 +56,11 @@ function useCreateEditor(config) {
 
     setEditorSharedConfig(function (editorSharedConfig) {
       if (!editorSharedConfig) {
-        measureRender(measurements.PROSEMIRROR_RENDERED, function (duration, startTime) {
+        measureRender(measurements.PROSEMIRROR_RENDERED, function (_ref) {
+          var duration = _ref.duration,
+              startTime = _ref.startTime,
+              distortedDuration = _ref.distortedDuration;
+
           if (sharedConfig && sharedConfig.dispatch) {
             sharedConfig.dispatch(analyticsEventKey, {
               payload: {
@@ -64,6 +68,7 @@ function useCreateEditor(config) {
                 actionSubject: ACTION_SUBJECT.EDITOR,
                 attributes: {
                   duration: duration,
+                  distortedDuration: distortedDuration,
                   startTime: startTime,
                   nodes: getNodesCount(sharedConfig.editorView.state.doc),
                   ttfb: getResponseEndTime()

package/dist/esm/labs/next/presets/default.js

@@ -49,7 +49,7 @@ export function createDefaultPreset(options) {
     preset.add([annotationPlugin, options.annotationProviders]);
   }
 
-  preset.add([hyperlinkPlugin, options.cardOptions]);
+  preset.add([hyperlinkPlugin, options.hyperlinkOptions]);
   preset.add([textFormattingPlugin, options.textFormatting]);
   preset.add(widthPlugin);
   preset.add([quickInsertPlugin, options.quickInsert]);

package/dist/esm/nodeviews/context-adapter.js

@@ -12,7 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Context as CardContext } from '@atlaskit/smart-card';
+import { SmartCardContext } from '@atlaskit/link-provider';
 import { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
 
 function useContextMemoized(reactContext) {
@@ -32,7 +32,7 @@ function useContextMemoized(reactContext) {
 
 export var ContextAdapter = function ContextAdapter(_ref) {
   var children = _ref.children;
-  var card = useContextMemoized(CardContext);
+  var card = useContextMemoized(SmartCardContext);
   var analytics = useContextMemoized(AnalyticsReactContext);
   return /*#__PURE__*/React.createElement(LegacyContextAdapter, {
     card: card,

package/dist/esm/plugins/analytics/plugin.js

@@ -55,9 +55,18 @@ function createPlugin(options) {
                 // that has an analytics event.
                 if (hasRequiredPerformanceAPIs && tr.docChanged && payload.action !== ACTION.INSERTED && payload.action !== ACTION.DELETED) {
                   var measureName = "".concat(payload.actionSubject, ":").concat(payload.action, ":").concat(payload.actionSubjectId);
-                  measureRender(measureName, function (duration) {
+                  measureRender( // NOTE this name could be resulting in misleading data -- where if multiple payloads are
+                  // received before a render completes -- the measurement value will be inaccurate (this is
+                  // due to measureRender requiring unique measureNames)
+                  measureName, function (_ref) {
+                    var duration = _ref.duration,
+                        distortedDuration = _ref.distortedDuration;
                     fireAnalyticsEvent(pluginState.createAnalyticsEvent)({
-                      payload: extendPayload(payload, duration),
+                      payload: extendPayload({
+                        payload: payload,
+                        duration: duration,
+                        distortedDuration: distortedDuration
+                      }),
                       channel: channel
                     });
                   });
@@ -92,10 +101,10 @@ var analyticsPlugin = function analyticsPlugin(options) {
         }
       }];
     },
-    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref) {
-      var originalTransaction = _ref.originalTransaction,
-          transactions = _ref.transactions,
-          newEditorState = _ref.newEditorState;
+    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref2) {
+      var originalTransaction = _ref2.originalTransaction,
+          transactions = _ref2.transactions,
+          newEditorState = _ref2.newEditorState;
       var pluginState = analyticsPluginKey.getState(newEditorState);
 
       if (!pluginState || !pluginState.createAnalyticsEvent) {
@@ -120,9 +129,9 @@ var analyticsPlugin = function analyticsPlugin(options) {
 
       var createAnalyticsEvent = pluginState.createAnalyticsEvent;
       var undoAnaltyicsEventTransformer = generateUndoRedoInputSoucePayload(originalTransaction);
-      steps.forEach(function (_ref2) {
-        var payload = _ref2.payload,
-            channel = _ref2.channel;
+      steps.forEach(function (_ref3) {
+        var payload = _ref3.payload,
+            channel = _ref3.channel;
         var nextPayload = undoAnaltyicsEventTransformer(payload);
         fireAnalyticsEvent(createAnalyticsEvent)({
           payload: nextPayload,
@@ -133,10 +142,14 @@ var analyticsPlugin = function analyticsPlugin(options) {
   };
 };
 
-export function extendPayload(payload, duration) {
+export function extendPayload(_ref4) {
+  var payload = _ref4.payload,
+      duration = _ref4.duration,
+      distortedDuration = _ref4.distortedDuration;
   return _objectSpread(_objectSpread({}, payload), {}, {
     attributes: _objectSpread(_objectSpread({}, payload.attributes), {}, {
-      duration: duration
+      duration: duration,
+      distortedDuration: distortedDuration
     }),
     eventType: EVENT_TYPE.OPERATIONAL
   });

package/dist/esm/plugins/base/index.js

@@ -11,7 +11,7 @@ import { doc, paragraph, text } from '@atlaskit/adf-schema';
 import filterStepsPlugin from './pm-plugins/filter-steps';
 import focusHandlerPlugin from './pm-plugins/focus-handler';
 import fixChrome88SelectionPlugin from './pm-plugins/fix-chrome-88-selection';
-import fixChromeSpellCheckingPlugin from './pm-plugins/fix-chrome-spell-checking';
+import disableSpellcheckingPlugin from './pm-plugins/disable-spell-checking';
 import contextIdentifierPlugin from './pm-plugins/context-identifier';
 import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
@@ -129,9 +129,9 @@ var basePlugin = function basePlugin(options) {
       }
 
       plugins.push({
-        name: 'fixChromeSpellCheckingPlugin',
+        name: 'disableSpellcheckingPlugin',
         plugin: function plugin() {
-          return fixChromeSpellCheckingPlugin();
+          return disableSpellcheckingPlugin();
         }
       });
       return plugins;