@atlaskit/editor-core 171.0.1 → 172.0.0

package/CHANGELOG.md

@@ -1,5 +1,89 @@
 # @atlaskit/editor-core
 
+## 172.0.0
+
+### Major Changes
+
+- [`c72a6787b9d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c72a6787b9d) - BREAKING: Removes optional `cardOptions` parameter for the `FloatingToolbarHandler` type.
+
+  Adds support for using `@atlaskit/link-picker` as the link picking user interface.
+
+  The link picker requires configuration via the `linking` prop in order to enable link search and suggestions capabilities.
+
+  The new link picking UI can be opted in by enabling the `lp-link-picker` feature flag.
+
+  In addition, `smartLinks` is now also configurable via the `linking` prop.
+
+  Example Usage:
+
+  ```tsx
+  import { AtlassianLinkPickerPlugin } from '@atlassian/link-picker-atlassian-plugin';
+
+  <Editor
+    linking={{
+      smartLinks: { ... },
+      linkPicker: {
+        plugins: [new AtlassianLinkPickerPlugin({ ... })]
+      }
+    }}
+    featureFlags={{
+      'lp-link-picker': true
+    }}
+    />
+  ```
+
+  See [Link Picker docs on Atlaskit](https://atlaskit.atlassian.com/packages/linking-platform/link-picker) for more information on how to configure the link picker.
+
+- [`080e2269f18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/080e2269f18) - ED-14838: Completely remove allowDynamicTextSizing prop references and deprecation warnings from editor and renderer
+- [`3cc03bb97e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3cc03bb97e3) - replace @atlaskit/smart-card peer dependency with @atlaskit/link-provider
+
+### Minor Changes
+
+- [`83e8b89dfc0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83e8b89dfc0) - [ux] ED-15098 added floating toolbar copy button to card
+- [`559bc4c2996`](https://bitbucket.org/atlassian/atlassian-frontend/commits/559bc4c2996) - [ux] ED-15100 add floating toolbar copy button to extension
+- [`6433d875811`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6433d875811) - [ux] ED-15101 add floating toolbar copy button to media file cards
+- [`92207ab17aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92207ab17aa) - Added analytics to floating toolbar copy button
+- [`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
+- [`8c3844a3d0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c3844a3d0c) - [ux] Refactored DropDown to remove dependency to deprecated package @alaskit/droplist
+- [`6ef6f24577e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ef6f24577e) - [ux] ED-15010 added floating toolbar copy button to media
+- [`995991c4b11`](https://bitbucket.org/atlassian/atlassian-frontend/commits/995991c4b11) - [ux] ED-15108 added floating toolbar copy button to Layout
+- [`aa0ef1b96e2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa0ef1b96e2) - Passing theme context to editor data portals
+- [`1847f358354`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1847f358354) - [ux] ED-15067 Enables indent and outdent buttons for allowed nodes when indentationButtonsInTheToolbar feature flag is true.
+- [`653778721dc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/653778721dc) - ED-15099 fixed floating toolbar copy button not working for nested Expand (Expand inside a table)
+- [`6da96104699`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6da96104699) - [ux][ed-15095] Adds visual feedback to what will be copied when using the code blocks toolbar copy button.
+- [`9df1b8dc62e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9df1b8dc62e) - [ux] ED-15133 Update Extension component to use the editor default text size. Prior to this, text inside of extensions was 2px smaller than the rest of the document.
+- [`ac105d01a9a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac105d01a9a) - [ux] ED-15096 add floating toolbar copy button to hyperlink
+- [`4c921ea986d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4c921ea986d) - [ME-2375] Fix the duplicated `@` symbol when mention is after an inline content
+- [`6ec84e8dd3f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6ec84e8dd3f) - [ux] ED-15098 add floating toolbar copy button to Card
+
+### Patch Changes
+
+- [`330619e1611`](https://bitbucket.org/atlassian/atlassian-frontend/commits/330619e1611) - [ux] Fix focus when a user clicks the editor container when editor is rendered inside a modal
+- [`89757fc6ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/89757fc6ad2) - ED-14959 Remove handler code that prevents the native find toolbar from appearing
+- [`d989ae10078`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d989ae10078) - ED-15134 - Pasting unsupported markdown will result in paste as plain text action
+- [`2eb44cace7f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2eb44cace7f) - [ED-15095] fix visual indicator of selection to be copied when hovering/focusing on the code block copy button
+- [`2475c367647`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2475c367647) - ED-14860 remove code-block-syntax highlighting
+- [`721bc4d7794`](https://bitbucket.org/atlassian/atlassian-frontend/commits/721bc4d7794) - ED-14377 To remove the imports of version.json which is deprecated
+- [`575b4888124`](https://bitbucket.org/atlassian/atlassian-frontend/commits/575b4888124) - Removed internal test/demo usages of setSmartUserPickerEnv
+- [`7389a63560c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7389a63560c) - ED-14510-test added more unit test and an error handler when parsing JSON string.
+- [`cc39f3ee3b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc39f3ee3b8) - [ux] ED-15067 Enables indentation buttons for paragraphs and headings inside of layout columns. Note that the buttons are disabled by default and behind indentationButtonsInTheToolbar feature flag.
+- [`16fa5a45e7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16fa5a45e7a) - [EDM-3364] Remove @atlaskit/smart-card peer dependency which was accidentally put back during a conflict resolution. It should no longer be in the peer dependencies of editor-core or renderer packages as it has been replaced by @atlaskit/link-provider
+- [`6f23f0982e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6f23f0982e8) - [ED-15036] Remove custom scrollbar styles from Element Browser
+- [`46a69f32845`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46a69f32845) - remove unused code from editor-core
+- [`b09e4b69ec0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b09e4b69ec0) - [ux] ED-15212: Fix pasting single list items into actions and decisions by ensuring the list content is added to the action or decision rather than pasted after it
+- [`05c057b6252`](https://bitbucket.org/atlassian/atlassian-frontend/commits/05c057b6252) - [ux] ED-15307 Fixes issues where the table cell options actions would not work on firefox, and visual indicators added to the table on hover of the actions would not consistently be cleared.
+- [`f33714afb1c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f33714afb1c) - ED-15310 Prevents indentation buttons on paragraphs and headings nested in blocks in layouts.
+- [`de16b09b138`](https://bitbucket.org/atlassian/atlassian-frontend/commits/de16b09b138) - ED-15071 Added toolbar input type to list, paragraph and heading, action list indent and outdent functions for analytics. Added a check for indentationAllowed in toolbar-lists-indentation plugin to disable the buttons for paragrpahs and headings if it is false.
+- [`1b1af645388`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1b1af645388) - [ux] ED-15250 Disables indentation button for lists that are already at max indentation level.
+- [`6cbd22a9318`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cbd22a9318) - ED-15179 bumped markdown-it dependency to prevent vulnerability issue
+- [`f44a3db7605`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f44a3db7605) - [ux] ED-15255 Fixes indentation buttons inside layout columns.
+- [`b10472a1e57`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b10472a1e57) - ED-14471 remove codeBidiWarnings feature flag
+- [`09df2919a7f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/09df2919a7f) - [ux][ed-15176] disabled embedCardLinks in unsupported parent nodes
+- [`16982c2890e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16982c2890e) - [ux] ED-15112 - Bugfix on the issue when copying text from a panel and pasting it into a list, which creates another panel underneath the list. Instead, this bugfix is now just pasting the text inside the list.
+- [`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
+
 ## 171.0.1
 
 ### Patch Changes

package/codemods/172.0.0-transform-smartlinks-prop.ts

@@ -0,0 +1,8 @@
+import { renameSmartLinksProp } from './migrates/rename-smartlinks-prop';
+import { createTransformer } from './utils';
+
+const transformer = createTransformer('@atlaskit/editor-core', [
+  renameSmartLinksProp,
+]);
+
+export default transformer;

package/codemods/__tests__/rename-smartlinks-prop.ts

@@ -0,0 +1,204 @@
+jest.autoMockOff();
+
+import { createTransformer } from '../utils';
+import { renameSmartLinksProp } from '../migrates/rename-smartlinks-prop';
+
+// This stays as require() since changing to import will trigger a linter error
+const defineInlineTest = require('jscodeshift/dist/testUtils').defineInlineTest;
+
+const transformer = createTransformer('@atlaskit/editor-core', [
+  renameSmartLinksProp,
+]);
+
+describe('Rename smartLinks to inside linking prop', () => {
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor />
+    );
+    `, // -----
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor />
+    );
+    `, // -----
+    'rename nothing if smartLinks prop not set',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor linking />
+    );
+    `, // -----
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor linking />
+    );
+    `, // -----
+    'rename nothing if boolean prop',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor linking={{ smartLinks: { provider: Promise.resolve({}) } }} />
+    );
+    `, // -----
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor linking={{ smartLinks: { provider: Promise.resolve({}) } }} />
+    );
+    `, // -----
+    'rename nothing if smartLinks not found',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor smartLinks={{ provider: Promise.resolve({}), allowEmbeds: true }} linking={{ linkPicker: {} }} />
+    );
+    `, // -----
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor smartLinks={{ provider: Promise.resolve({}), allowEmbeds: true }} linking={{ linkPicker: {} }} />
+    );
+    `, // -----
+    'rename nothing if linking prop already exists',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor smartLinks={{ provider: Promise.resolve({}), allowEmbeds: true }} linking={{ smartLinks: { provider: Promise.resolve({}) } }} />
+    );
+    `, // -----
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor smartLinks={{ provider: Promise.resolve({}), allowEmbeds: true }} linking={{ smartLinks: { provider: Promise.resolve({}) } }} />
+    );
+    `, // -----
+    'rename nothing if linking prop already exists with smartLinks key',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor smartLinks={{ provider: Promise.resolve({}), allowEmbeds: true }} />
+    );
+    `, // -----
+    `
+    import React from 'react';
+    import { Editor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <Editor linking={{
+        smartLinks: {
+          provider: Promise.resolve({}),
+          allowEmbeds: true
+        }
+      }} />
+    );
+    `, // -----
+    'rename smartLinks to key inside linking and do not change other options',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+    import { Editor as AKEditor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <AKEditor smartLinks={{ provider: Promise.resolve({}) }} />
+    );
+    `, // -----
+    `
+    import React from 'react';
+    import { Editor as AKEditor } from '@atlaskit/editor-core';
+
+    export default () => (
+      <AKEditor linking={{
+        smartLinks: {
+          provider: Promise.resolve({})
+        }
+      }} />
+    );
+    `, // -----
+    'rename smartLinks to key inside linking when Editor is renamed',
+  );
+
+  defineInlineTest(
+    { default: transformer, parser: 'tsx' },
+    {},
+    `
+    import React from 'react';
+
+    const Editor = (props) => {
+      <pre contenteditable>{props.children}</pre>
+    };
+
+    export default () => (
+      <Editor smartLinks={{ provider: Promise.resolve({}) }} />
+    );
+    `, // -----
+    `
+    import React from 'react';
+
+    const Editor = (props) => {
+      <pre contenteditable>{props.children}</pre>
+    };
+
+    export default () => (
+      <Editor smartLinks={{ provider: Promise.resolve({}) }} />
+    );
+    `, // -----
+    'rename nothing if smartLinks for Editor is not from @atlaskit/editor-core',
+  );
+});

package/codemods/migrates/rename-smartlinks-prop.ts

@@ -0,0 +1,56 @@
+import core from 'jscodeshift';
+import { Collection } from 'jscodeshift/src/Collection';
+
+/**
+ * Renames a JSX attribute with the given name to be a key
+ * within the JSX attribute toObjectName of the name toObjectKey.
+ *
+ * @param from String
+ * @param toObjectName String
+ * @param toObjectKey String
+ */
+export const createJSXRenameVariableToNestedKeyTransform = (
+  from: string,
+  toObjectName: string,
+  toObjectKey: string,
+) => {
+  return (j: core.JSCodeshift, source: Collection<any>) => {
+    source
+      .find(j.JSXAttribute, { name: { type: 'JSXIdentifier', name: from } })
+      .forEach((fromAttribute) => {
+        // is there an existing destination prop
+        const isExistingAttribute =
+          source.find(j.JSXAttribute, {
+            name: { type: 'JSXIdentifier', name: toObjectName },
+          }).length !== 0;
+
+        if (
+          !isExistingAttribute &&
+          fromAttribute.node.value?.type === 'JSXExpressionContainer' &&
+          fromAttribute.node.value.expression.type === 'ObjectExpression'
+        ) {
+          const existingProperties =
+            fromAttribute.node.value.expression.properties;
+          const newObject = j.objectExpression([
+            j.property(
+              'init',
+              j.identifier(toObjectKey),
+              j.objectExpression(existingProperties),
+            ),
+          ]);
+          fromAttribute.replace(
+            j.jsxAttribute(
+              j.jsxIdentifier(toObjectName),
+              j.jsxExpressionContainer(newObject),
+            ),
+          );
+        }
+      });
+  };
+};
+
+export const renameSmartLinksProp = createJSXRenameVariableToNestedKeyTransform(
+  'smartLinks',
+  'linking',
+  'smartLinks',
+);

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

@@ -510,15 +510,18 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       };
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createEditorView", function (node) {
-      (0, _utils.measureRender)(_measureEnum.default.PROSEMIRROR_RENDERED, function (duration, startTime) {
+      (0, _utils.measureRender)(_measureEnum.default.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' && (0, _utils.shouldForceTracking)();
         _this.proseMirrorRenderedSeverity = !!forceSeverityTracking || proseMirrorRenderedTracking !== null && proseMirrorRenderedTracking !== void 0 && proseMirrorRenderedTracking.trackSeverity ? (0, _utils.getAnalyticsEventSeverity)(duration, (_proseMirrorRenderedT = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityNormalThreshold) !== null && _proseMirrorRenderedT !== void 0 ? _proseMirrorRenderedT : _consts.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, (_proseMirrorRenderedT2 = proseMirrorRenderedTracking === null || proseMirrorRenderedTracking === void 0 ? void 0 : proseMirrorRenderedTracking.severityDegradedThreshold) !== null && _proseMirrorRenderedT2 !== void 0 ? _proseMirrorRenderedT2 : _consts.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD) : undefined;
 
         if (_this.view) {
-          var _getContextIdentifier, _this$experienceStore9, _this$experienceStore10;
+          var _getContextIdentifier, _this$experienceStore10;
 
           var nodes = (0, _document.getNodesCount)(_this.view.state.doc);
           var ttfb = (0, _utils.getResponseEndTime)();
@@ -532,12 +535,18 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
               nodes: nodes,
               ttfb: ttfb,
               severity: _this.proseMirrorRenderedSeverity,
-              objectId: (_getContextIdentifier = (0, _contextIdentifier.getContextIdentifier)(_this.editorState)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId
+              objectId: (_getContextIdentifier = (0, _contextIdentifier.getContextIdentifier)(_this.editorState)) === null || _getContextIdentifier === void 0 ? void 0 : _getContextIdentifier.objectId,
+              distortedDuration: distortedDuration
             },
             eventType: _analytics.EVENT_TYPE.OPERATIONAL
           });
 
-          (_this$experienceStore9 = _this.experienceStore) === null || _this$experienceStore9 === void 0 ? void 0 : _this$experienceStore9.mark(_ufo.EditorExperience.loadEditor, _analytics.ACTION.PROSEMIRROR_RENDERED, startTime + duration);
+          if (!distortedDuration) {
+            var _this$experienceStore9;
+
+            (_this$experienceStore9 = _this.experienceStore) === null || _this$experienceStore9 === void 0 ? void 0 : _this$experienceStore9.mark(_ufo.EditorExperience.loadEditor, _analytics.ACTION.PROSEMIRROR_RENDERED, startTime + duration);
+          }
+
           (_this$experienceStore10 = _this.experienceStore) === null || _this$experienceStore10 === void 0 ? void 0 : _this$experienceStore10.addMetadata(_ufo.EditorExperience.loadEditor, {
             nodes: nodes,
             ttfb: ttfb

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

@@ -65,11 +65,12 @@ function getScrollGutterOptions(props) {
 }
 
 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: {
@@ -78,7 +79,7 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
     },
     featureFlags: (0, _featureFlagsFromProps.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
     },
@@ -114,7 +115,11 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
     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,
@@ -131,6 +136,8 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
 
 
 function createPluginsList(props, prevProps, createAnalyticsEvent) {
+  var _props$linking3;
+
   var appearance = props.appearance;
   var isMobile = appearance === 'mobile';
   var isComment = appearance === 'comment';
@@ -338,12 +345,15 @@ 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([_plugins.cardPlugin, _objectSpread(_objectSpread(_objectSpread({}, props.UNSAFE_cards), props.smartLinks), {}, {
+    preset.add([_plugins.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
     })]);
   }
 
@@ -384,7 +394,8 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
 
 
   preset.add([_plugins.toolbarListsIndentationPlugin, {
-    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar
+    showIndentationButtons: !!featureFlags.indentationButtonsInTheToolbar,
+    allowHeadingAndParagraphIndentation: !!props.allowIndentation
   }]);
   preset.add([_plugins.insertBlockPlugin, {
     allowTables: !!props.allowTables,
@@ -432,11 +443,9 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
     preset.add([_plugins.viewUpdateSubscriptionPlugin]);
   }
 
-  if (featureFlags.codeBidiWarnings) {
-    preset.add([_plugins.codeBidiWarningPlugin, {
-      appearance: props.appearance
-    }]);
-  }
+  preset.add([_plugins.codeBidiWarningPlugin, {
+    appearance: props.appearance
+  }]);
 
   if (featureFlags.floatingToolbarCopyButton) {
     preset.add(_plugins.copyButtonPlugin);

package/dist/cjs/editor.js

@@ -77,8 +77,6 @@ var _featureFlagsFromProps = require("./plugins/feature-flags-context/feature-fl
 
 var _RenderTracking = require("./utils/performance/components/RenderTracking");
 
-var _checkIfMobileBridge = require("./utils/check-if-mobile-bridge");
-
 var _templateObject;
 
 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); }
@@ -451,8 +449,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'
         }
       };
@@ -494,6 +492,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,
@@ -508,7 +508,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;
@@ -523,7 +524,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);
@@ -563,22 +564,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 = (0, _checkIfMobileBridge.checkIfMobileBridge)() ? _PortalProvider.PortalProviderWithThemeProviders : _PortalProvider.PortalProvider;
       return (0, _react2.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
         data: {
           packageName: _versionWrapper.name,
@@ -603,7 +588,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
             css: fullHeight
           }, (0, _react2.jsx)(_EditorContext.default, {
             editorActions: _this5.editorActions
-          }, (0, _react2.jsx)(_contextAdapter.ContextAdapter, null, (0, _react2.jsx)(EnvironmentDrivenPortalProvider, {
+          }, (0, _react2.jsx)(_contextAdapter.ContextAdapter, null, (0, _react2.jsx)(_PortalProvider.PortalProviderWithThemeProviders, {
             onAnalyticsEvent: _this5.handleAnalyticsEvent,
             useAnalyticsContext: _this5.props.UNSAFE_useAnalyticsContext,
             render: function render(portalProviderAPI) {

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

@@ -79,7 +79,11 @@ function useCreateEditor(config) {
 
     setEditorSharedConfig(function (editorSharedConfig) {
       if (!editorSharedConfig) {
-        (0, _utils.measureRender)(_measureEnum.default.PROSEMIRROR_RENDERED, function (duration, startTime) {
+        (0, _utils.measureRender)(_measureEnum.default.PROSEMIRROR_RENDERED, function (_ref) {
+          var duration = _ref.duration,
+              startTime = _ref.startTime,
+              distortedDuration = _ref.distortedDuration;
+
           if (sharedConfig && sharedConfig.dispatch) {
             sharedConfig.dispatch(_consts.analyticsEventKey, {
               payload: {
@@ -87,6 +91,7 @@ function useCreateEditor(config) {
                 actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
                 attributes: {
                   duration: duration,
+                  distortedDuration: distortedDuration,
                   startTime: startTime,
                   nodes: (0, _utils2.getNodesCount)(sharedConfig.editorView.state.doc),
                   ttfb: (0, _utils.getResponseEndTime)()

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

@@ -85,7 +85,7 @@ function createDefaultPreset(options) {
     preset.add([_annotation.default, options.annotationProviders]);
   }
 
-  preset.add([_hyperlink.default, options.cardOptions]);
+  preset.add([_hyperlink.default, options.hyperlinkOptions]);
   preset.add([_textFormatting.default, options.textFormatting]);
   preset.add(_width.default);
   preset.add([_quickInsert.default, options.quickInsert]);

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

@@ -25,7 +25,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _smartCard = require("@atlaskit/smart-card");
+var _linkProvider = require("@atlaskit/link-provider");
 
 var _analyticsNextStableReactContext = _interopRequireDefault(require("@atlaskit/analytics-next-stable-react-context"));
 
@@ -52,7 +52,7 @@ function useContextMemoized(reactContext) {
 
 var ContextAdapter = function ContextAdapter(_ref) {
   var children = _ref.children;
-  var card = useContextMemoized(_smartCard.Context);
+  var card = useContextMemoized(_linkProvider.SmartCardContext);
   var analytics = useContextMemoized(_analyticsNextStableReactContext.default);
   return /*#__PURE__*/_react.default.createElement(LegacyContextAdapter, {
     card: card,