@atlaskit/editor-core 150.0.0 → 151.0.0

package/dist/es2019/plugins/base/pm-plugins/frozen-editor.js

@@ -1,11 +1,13 @@
-import { Plugin } from 'prosemirror-state';
+import { Plugin, PluginKey } from 'prosemirror-state';
 import { isPerformanceObserverAvailable, isPerformanceAPIAvailable, getAnalyticsEventSeverity } from '@atlaskit/editor-common';
+import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { ACTION, ACTION_SUBJECT, BROWSER_FREEZE_INTERACTION_TYPE, EVENT_TYPE } from '../../analytics';
 import { getParticipantsCount } from '../../collab-edit/get-participants-count';
 import { countNodes } from '../../../utils/count-nodes';
 import { getContextIdentifier } from './context-identifier';
 import { setInteractionType } from '../utils/frozen-editor';
 import { getTimeSince } from '../../../utils/performance/get-performance-timing';
+export const frozenEditorPluginKey = new PluginKey('frozenEditor');
 const DEFAULT_KEYSTROKE_SAMPLING_LIMIT = 100;
 const DEFAULT_SLOW_THRESHOLD = 300;
 export const DEFAULT_FREEZE_THRESHOLD = 600;
@@ -38,7 +40,7 @@ const dispatchLongTaskEvent = (dispatchAnalyticsEvent, view, time, allowCountNod
   });
 };
 
-export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking) => {
+export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) => {
   let keystrokeCount = 0;
   let interactionType;
 
@@ -54,6 +56,7 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking) =
   const severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   const severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
   return new Plugin({
+    key: frozenEditorPluginKey,
     props: isPerformanceAPIAvailable() ? {
       handleTextInput(view) {
         const {
@@ -65,49 +68,74 @@ export default ((dispatchAnalyticsEvent, inputTracking, browserFreezeTracking) =
           interactionType = BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
         }
 
+        const experienceStore = ufo ? ExperienceStore.getInstance(view) : undefined;
+        const trackTyping = samplingRate && ++keystrokeCount === samplingRate;
+
+        if (trackTyping) {
+          experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(EditorExperience.typing);
+        }
+
         requestAnimationFrame(() => {
           const diff = getTimeSince(now);
 
-          if (samplingRate && ++keystrokeCount === samplingRate) {
-            var _getContextIdentifier2;
-
+          if (diff > slowThreshold) {
             const nodesCount = allowCountNodes ? countNodes(view.state) : {};
-            keystrokeCount = 0;
-            const payload = {
-              action: ACTION.INPUT_PERF_SAMPLING,
-              actionSubject: ACTION_SUBJECT.EDITOR,
-              attributes: {
-                time: diff,
-                nodeSize: state.doc.nodeSize,
-                ...nodesCount,
-                participants: getParticipantsCount(state),
-                objectId: (_getContextIdentifier2 = getContextIdentifier(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
-              },
-              eventType: EVENT_TYPE.OPERATIONAL
-            };
-
-            if (shouldTrackSeverity) {
-              payload.attributes.severity = getAnalyticsEventSeverity(diff, severityThresholdNormal, severityThresholdDegraded);
+
+            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+              var _getContextIdentifier2;
+
+              dispatchAnalyticsEvent({
+                action: ACTION.SLOW_INPUT,
+                actionSubject: ACTION_SUBJECT.EDITOR,
+                attributes: {
+                  time: diff,
+                  nodeSize: state.doc.nodeSize,
+                  ...nodesCount,
+                  participants: getParticipantsCount(state),
+                  objectId: (_getContextIdentifier2 = getContextIdentifier(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
+                },
+                eventType: EVENT_TYPE.OPERATIONAL
+              });
             }
 
-            dispatchAnalyticsEvent(payload);
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(EditorExperience.typing, {
+              slowInput: true
+            });
           }
 
-          if (diff > slowThreshold) {
-            var _getContextIdentifier3;
+          if (trackTyping) {
+            var _getContextIdentifier4;
 
             const nodesCount = allowCountNodes ? countNodes(view.state) : {};
-            dispatchAnalyticsEvent({
-              action: ACTION.SLOW_INPUT,
-              actionSubject: ACTION_SUBJECT.EDITOR,
-              attributes: {
-                time: diff,
-                nodeSize: state.doc.nodeSize,
-                ...nodesCount,
-                participants: getParticipantsCount(state),
-                objectId: (_getContextIdentifier3 = getContextIdentifier(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId
-              },
-              eventType: EVENT_TYPE.OPERATIONAL
+            keystrokeCount = 0;
+            const severity = shouldTrackSeverity ? getAnalyticsEventSeverity(diff, severityThresholdNormal, severityThresholdDegraded) : undefined;
+
+            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+              var _getContextIdentifier3;
+
+              const payload = {
+                action: ACTION.INPUT_PERF_SAMPLING,
+                actionSubject: ACTION_SUBJECT.EDITOR,
+                attributes: {
+                  time: diff,
+                  nodeSize: state.doc.nodeSize,
+                  ...nodesCount,
+                  participants: getParticipantsCount(state),
+                  objectId: (_getContextIdentifier3 = getContextIdentifier(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId,
+                  severity
+                },
+                eventType: EVENT_TYPE.OPERATIONAL
+              };
+              dispatchAnalyticsEvent(payload);
+            }
+
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(EditorExperience.typing, {
+              nodeSize: state.doc.nodeSize,
+              ...nodesCount,
+              participants: getParticipantsCount(state),
+              objectId: (_getContextIdentifier4 = getContextIdentifier(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
+              time: diff,
+              severity
             });
           }
         });

package/dist/es2019/plugins/block-type/ui/ToolbarBlockType/styled.js

@@ -14,7 +14,8 @@ export const BlockTypeMenuItem = styled.div`
       margin-top: 0;
     }
   }
-  ${props => props.selected ? `${props.tagName} { color: white }` : ''};
+  ${props => // TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
+props.selected ? `${props.tagName} { color: white !important; }` : ''};
 `;
 export const KeyboardShortcut = styled(Shortcut)`
   ${props => props.selected ? `color: ${N400};` : ''}

package/dist/es2019/plugins/card/index.js

@@ -28,13 +28,18 @@ const cardPlugin = options => {
     },
 
     pmPlugins() {
-      var _options$allowResizin, _options$useAlternati;
+      var _options$allowBlockCa, _options$allowResizin, _options$useAlternati;
 
+      const allowBlockCards = (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true;
       const allowResizing = (_options$allowResizin = options.allowResizing) !== null && _options$allowResizin !== void 0 ? _options$allowResizin : true;
       const useAlternativePreloader = (_options$useAlternati = options.useAlternativePreloader) !== null && _options$useAlternati !== void 0 ? _options$useAlternati : true;
       return [{
         name: 'card',
-        plugin: createPlugin(options.platform, allowResizing, useAlternativePreloader, options.fullWidthMode, options.createAnalyticsEvent)
+        plugin: createPlugin({ ...options,
+          allowBlockCards,
+          allowResizing,
+          useAlternativePreloader
+        })
       }];
     },
 

package/dist/es2019/plugins/card/nodeviews/embedCard.js

@@ -234,6 +234,7 @@ export class EmbedCardComponent extends React.PureComponent {
         const lineLength = this.getLineLength(view, pos, widthStateLineLength);
         const containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
         const smartCard = /*#__PURE__*/React.createElement(SmartCard, {
+          key: url,
           url: url,
           appearance: "embed",
           onClick: this.onClick,

package/dist/es2019/plugins/card/pm-plugins/main.js

@@ -8,12 +8,19 @@ import { EmbedCard } from '../nodeviews/embedCard';
 import { BlockCard } from '../nodeviews/blockCard';
 import { InlineCard } from '../nodeviews/inlineCard';
 export { pluginKey } from './plugin-key';
-export const createPlugin = (platform, allowResizing, useAlternativePreloader, fullWidthMode, createAnalyticsEvent) => ({
+export const createPlugin = options => ({
   portalProviderAPI,
   eventDispatcher,
   providerFactory,
   dispatchAnalyticsEvent
 }) => {
+  const {
+    platform,
+    allowResizing,
+    useAlternativePreloader,
+    fullWidthMode,
+    createAnalyticsEvent
+  } = options;
   return new Plugin({
     state: {
       init() {
@@ -73,7 +80,7 @@ export const createPlugin = (platform, allowResizing, useAlternativePreloader, f
                * By using this approach, the browser is free to schedule the resolution of the promises below in between rendering/network/
                * other tasks as per common implementations of the JavaScript event loop in browsers.
                */
-              const invoke = rafSchedule(() => resolveWithProvider(view, outstandingRequests, provider, request));
+              const invoke = rafSchedule(() => resolveWithProvider(view, outstandingRequests, provider, request, options));
               rafCancellationCallbacks.push(invoke.cancel);
               invoke();
             });

package/dist/es2019/plugins/card/pm-plugins/util/resolve.js

@@ -1,20 +1,27 @@
 import { setProvider } from '../actions';
-import { replaceQueuedUrlWithCard, handleFallbackWithAnalytics } from '../doc'; // ============================================================================ //
+import { replaceQueuedUrlWithCard, handleFallbackWithAnalytics } from '../doc';
+// ============================================================================ //
 // ============================== PROVIDER UTILS ============================== //
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-
-export const resolveWithProvider = (view, outstandingRequests, provider, request) => {
+export const resolveWithProvider = (view, outstandingRequests, provider, request, options) => {
   const handleResolve = provider.resolve(request.url, request.appearance).then(resolvedCard => {
     delete outstandingRequests[request.url];
     return resolvedCard;
-  }).then(handleResolved(view, request), handleRejected(view, request));
+  }).then(handleResolved(view, request, options), handleRejected(view, request));
   outstandingRequests[request.url] = handleResolve;
   return handleResolve;
 };
 
-const handleResolved = (view, request) => resolvedCard => {
+const updateCardType = (resolvedCard, options) => {
+  if ((resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'blockCard' && !options.allowBlockCards || (resolvedCard === null || resolvedCard === void 0 ? void 0 : resolvedCard.type) === 'embedCard' && !options.allowEmbeds) {
+    resolvedCard.type = 'inlineCard';
+  }
+};
+
+const handleResolved = (view, request, options) => resolvedCard => {
+  updateCardType(resolvedCard, options);
   replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction)(view.state, view.dispatch);
   return resolvedCard;
 };

package/dist/es2019/plugins/code-block/toolbar.js

@@ -41,7 +41,7 @@ export const getToolbarConfig = (allowCopyToClipboard = false) => (state, {
     alias: lang.alias
   })); // If language is not undefined search for it in the value and then search in the aliases
 
-  const defaultValue = language ? options.find(option => option.value === language) || options.find(option => option.alias.includes(language)) : undefined;
+  const defaultValue = language ? options.find(option => option.value === language) || options.find(option => option.alias.includes(language)) : null;
   const languageSelect = {
     id: 'editor.codeBlock.languageOptions',
     type: 'select',

package/dist/es2019/plugins/collab-edit/ui/to-avatar.js

@@ -12,10 +12,6 @@ const toAvatar = participant => ({
   })
 });
 
-const participantEquals = ([aRaw], [bRaw]) => {
-  const a = aRaw;
-  const b = bRaw;
+export default memoizeOne(toAvatar, function participantEquals([a], [b]) {
   return a.name === b.name && a.avatar === b.avatar && a.sessionId === b.sessionId;
-};
-
-export default memoizeOne(toAvatar, participantEquals);
+});

package/dist/es2019/plugins/emoji/styles.js

@@ -5,6 +5,8 @@ import { EmojiSharedCssClassName } from '@atlaskit/editor-common';
 import { SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 export const emojiStyles = css`
   .${EmojiSharedCssClassName.EMOJI_CONTAINER} {
+    display: inline-block;
+
     .${EmojiSharedCssClassName.EMOJI_NODE} {
       cursor: pointer;
 

package/dist/es2019/plugins/extension/pm-plugins/main.js

@@ -97,7 +97,6 @@ export const createContextIdentifierProviderHandler = view => async (name, provi
 
 const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, useLongPressSelection = false, options = {}) => {
   const state = createPluginState(dispatch, {
-    layout: 'default',
     showEditButton: false,
     showContextPanel: false
   });
@@ -155,14 +154,12 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
             const showEditButton = shouldShowEditButton(extensionHandler, extensionProvider);
             const updateExtension = getUpdateExtensionPromise(view, extensionHandler, extensionProvider).catch(() => {// do nothing;
             });
-            const layout = selectedExtension ? node.attrs.layout : 'default';
             updateState({
               localId: node.attrs.localId,
               showContextPanel: false,
               element: newElement,
               showEditButton,
-              updateExtension,
-              layout
+              updateExtension
             })(state, dispatch);
           } // New DOM element doesn't necessarily mean it's a new Node
           else if (element !== newElement) {

package/dist/es2019/plugins/extension/toolbar.js

@@ -41,30 +41,35 @@ const isLayoutSupported = (state, selectedExtNode) => {
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
 
-const breakoutOptions = (state, formatMessage, extensionState, breakoutEnabled) => {
-  const nodeWithPos = getSelectedExtension(state, true);
-  const {
-    layout
-  } = extensionState;
-  return nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos) ? [{
-    type: 'button',
-    icon: CenterIcon,
-    onClick: updateExtensionLayout('default'),
-    selected: layout === 'default',
-    title: formatMessage(commonMessages.layoutFixedWidth)
-  }, {
-    type: 'button',
-    icon: WideIcon,
-    onClick: updateExtensionLayout('wide'),
-    selected: layout === 'wide',
-    title: formatMessage(commonMessages.layoutWide)
-  }, {
-    type: 'button',
-    icon: FullWidthIcon,
-    onClick: updateExtensionLayout('full-width'),
-    selected: layout === 'full-width',
-    title: formatMessage(commonMessages.layoutFullWidth)
-  }] : [];
+const breakoutOptions = (state, formatMessage, breakoutEnabled) => {
+  const nodeWithPos = getSelectedExtension(state, true); // we should only return breakout options when breakouts are enabled and the node supports them
+
+  if (nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos)) {
+    const {
+      layout
+    } = nodeWithPos.node.attrs;
+    return [{
+      type: 'button',
+      icon: CenterIcon,
+      onClick: updateExtensionLayout('default'),
+      selected: layout === 'default',
+      title: formatMessage(commonMessages.layoutFixedWidth)
+    }, {
+      type: 'button',
+      icon: WideIcon,
+      onClick: updateExtensionLayout('wide'),
+      selected: layout === 'wide',
+      title: formatMessage(commonMessages.layoutWide)
+    }, {
+      type: 'button',
+      icon: FullWidthIcon,
+      onClick: updateExtensionLayout('full-width'),
+      selected: layout === 'full-width',
+      title: formatMessage(commonMessages.layoutFullWidth)
+    }];
+  }
+
+  return [];
 };
 
 const editButton = (formatMessage, extensionState) => {
@@ -99,7 +104,7 @@ export const getToolbarConfig = (breakoutEnabled = true) => (state, intl) => {
   if (extensionState && !extensionState.showContextPanel && extensionState.element) {
     const nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
     const editButtonArray = editButton(formatMessage, extensionState);
-    const breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
+    const breakoutButtonArray = breakoutOptions(state, formatMessage, breakoutEnabled);
     return {
       title: 'Extension floating controls',
       getDomRef: () => extensionState.element.parentElement || undefined,

package/dist/es2019/plugins/feature-flags-context/feature-flags-from-props.js

@@ -1,13 +1,15 @@
 import { normalizeFeatureFlags } from '@atlaskit/editor-common/normalize-feature-flags';
-
+import { browser } from '@atlaskit/editor-common';
 /**
  * Transforms EditorProps to an FeatureFlags object,
  * which is used by both current and archv3 editors.
  */
+
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25;
+  var _props$allowTextColor, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27;
 
-  return { ...normalizeFeatureFlags(props.featureFlags),
+  const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
+  return { ...normalizedFeatureFlags,
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
     interactiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
     placeholderBracketHint: !!props.placeholderBracketHint,
@@ -32,6 +34,8 @@ export function createFeatureFlagsFromProps(props) {
     errorBoundaryDocStructure: Boolean(typeof ((_props$featureFlags18 = props.featureFlags) === null || _props$featureFlags18 === void 0 ? void 0 : _props$featureFlags18.useErrorBoundaryDocStructure) === 'boolean' ? !!((_props$featureFlags19 = props.featureFlags) !== null && _props$featureFlags19 !== void 0 && _props$featureFlags19.useErrorBoundaryDocStructure) : false),
     synchronyErrorDocStructure: Boolean(typeof ((_props$featureFlags20 = props.featureFlags) === null || _props$featureFlags20 === void 0 ? void 0 : _props$featureFlags20.synchronyErrorDocStructure) === 'boolean' ? !!((_props$featureFlags21 = props.featureFlags) !== null && _props$featureFlags21 !== void 0 && _props$featureFlags21.synchronyErrorDocStructure) : false),
     enableViewUpdateSubscription: Boolean(typeof ((_props$featureFlags22 = props.featureFlags) === null || _props$featureFlags22 === void 0 ? void 0 : _props$featureFlags22.enableViewUpdateSubscription) === 'boolean' ? !!((_props$featureFlags23 = props.featureFlags) !== null && _props$featureFlags23 !== void 0 && _props$featureFlags23.enableViewUpdateSubscription) : false),
-    collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false)
+    collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false),
+    ufo: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.ufo) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.ufo) : false),
+    codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !browser.safari : false)
   };
 }

package/dist/es2019/plugins/find-replace/ui/Find.js

@@ -71,12 +71,17 @@ class Find extends React.Component {
       }
     });
 
-    _defineProperty(this, "handleFindChange", event => this.skipWhileComposing(() => {
+    _defineProperty(this, "handleFindChange", event => {
       this.updateFindValue(event.target.value);
-    }));
+    });
 
     _defineProperty(this, "updateFindValue", value => {
-      this.props.onFind(value);
+      this.setState({
+        localFindText: value
+      });
+      this.skipWhileComposing(() => {
+        this.props.onFind(value);
+      });
     });
 
     _defineProperty(this, "handleFindKeyDown", event => this.skipWhileComposing(() => {
@@ -153,7 +158,13 @@ class Find extends React.Component {
     });
     this.closeIcon = /*#__PURE__*/React.createElement(EditorCloseIcon, {
       label: this.closeFindReplaceDialog
-    });
+    }); // We locally manage the value of the input inside this component in order to support compositions.
+    // This requires some additional work inside componentDidUpdate to ensure we support changes that
+    // occur to this value which do not originate from this component.
+
+    this.state = {
+      localFindText: this.props.findText || ''
+    };
   }
 
   componentDidMount() {
@@ -162,7 +173,17 @@ class Find extends React.Component {
   }
 
   componentDidUpdate() {
-    this.focusFindTextfield();
+    this.focusFindTextfield(); // If the external prop findText changes and we aren't in a composition we should update to the
+    // use the external prop value.
+    //
+    // An example of where this may happen is when a find occurs through the user selecting some text
+    // and pressing Mod-f.
+
+    if (!this.isComposing && this.props.findText !== this.state.localFindText) {
+      this.setState({
+        localFindText: this.props.findText || ''
+      });
+    }
   }
 
   render() {
@@ -183,7 +204,7 @@ class Find extends React.Component {
       name: "find",
       appearance: "none",
       placeholder: this.find,
-      value: findText,
+      value: this.state.localFindText,
       ref: this.findTextfieldRef,
       autoComplete: "off",
       onChange: this.handleFindChange,

package/dist/es2019/plugins/hyperlink/pm-plugins/keymap.js

@@ -1,6 +1,6 @@
 import { keymap } from 'prosemirror-keymap';
+import { getLinkMatch } from '@atlaskit/adf-schema';
 import * as keymaps from '../../../keymaps';
-import { getLinkMatch } from '../utils';
 import { stateKey } from '../pm-plugins/main';
 import { showLinkToolbar, hideLinkToolbar } from '../commands';
 import { queueCards } from '../../card/pm-plugins/actions';

package/dist/es2019/plugins/hyperlink/ui/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -83,7 +83,8 @@ const mapActivityProviderResultToLinkSearchItemData = ({
   container,
   iconUrl,
   url,
-  lastViewedDate: viewedTimestamp ? new Date(viewedTimestamp) : undefined
+  lastViewedDate: viewedTimestamp ? new Date(viewedTimestamp) : undefined,
+  prefetch: true
 });
 
 const mapSearchProviderResultToLinkSearchItemData = ({
@@ -99,7 +100,8 @@ const mapSearchProviderResultToLinkSearchItemData = ({
   name: title,
   url,
   lastUpdatedDate: updatedTimestamp ? new Date(updatedTimestamp) : undefined,
-  icon: contentType && mapContentTypeToIcon[contentType] || defaultIcon
+  icon: contentType && mapContentTypeToIcon[contentType] || defaultIcon,
+  prefetch: false
 });
 
 export class HyperlinkLinkAddToolbar extends PureComponent {
@@ -344,7 +346,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       }
 
       if (interaction === 'click' || this.isUrlPopulatedWithSelectedItem()) {
-        var _pluginState$searchSe3;
+        var _pluginState$searchSe3, _selectedItem$prefetc;
 
         /**
          * When it's a mouse click even or the selectedItem.url matches displayUrl, we think
@@ -361,7 +363,8 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
             trigger: interaction,
             resultCount: items.length,
             selectedResultId: selectedItem.objectId,
-            selectedRelativePosition: selectedIndex
+            selectedRelativePosition: selectedIndex,
+            prefetch: (_selectedItem$prefetc = selectedItem.prefetch) !== null && _selectedItem$prefetc !== void 0 ? _selectedItem$prefetc : false
           },
           eventType: EVENT_TYPE.UI
         });

package/dist/es2019/plugins/hyperlink/utils.js

@@ -1,26 +1,5 @@
-import LinkifyIt from 'linkify-it';
 import { mapSlice } from '../../utils/slice';
-import { isSafeUrl } from '@atlaskit/adf-schema';
-export const LINK_REGEXP = /(https?|ftp):\/\/[^\s]+/;
-const linkify = LinkifyIt();
-linkify.add('sourcetree:', 'http:');
-const tlds = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
-const tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';
-tlds.push(tlds2Char);
-linkify.tlds(tlds, false);
-export function getLinkMatch(str) {
-  if (!str) {
-    return null;
-  }
-
-  let match = linkifyMatch(str);
-
-  if (!match.length) {
-    match = linkify.match(str);
-  }
-
-  return match && match[0];
-}
+import { isSafeUrl, linkify, normalizeUrl as normaliseLinkHref } from '@atlaskit/adf-schema';
 /**
  * Instance of class LinkMatcher are used in autoformatting in place of Regex.
  * Hence it has been made similar to regex with an exec method.
@@ -81,8 +60,7 @@ export function normalizeUrl(url) {
     return url;
   }
 
-  const match = getLinkMatch(url);
-  return match && match.url || '';
+  return normaliseLinkHref(url);
 }
 export function linkifyContent(schema) {
   return slice => mapSlice(slice, (node, parent) => {
@@ -148,38 +126,4 @@ function findLinkMatches(text) {
   }
 
   return matches;
-}
-
-export const linkifyMatch = text => {
-  const matches = [];
-
-  if (!LINK_REGEXP.test(text)) {
-    return matches;
-  }
-
-  let startpos = 0;
-  let substr;
-
-  while (substr = text.substr(startpos)) {
-    const link = (substr.match(LINK_REGEXP) || [''])[0];
-
-    if (link) {
-      const index = substr.search(LINK_REGEXP);
-      const start = index >= 0 ? index + startpos : index;
-      const end = start + link.length;
-      matches.push({
-        index: start,
-        lastIndex: end,
-        raw: link,
-        url: link,
-        text: link,
-        schema: ''
-      });
-      startpos += end;
-    } else {
-      break;
-    }
-  }
-
-  return matches;
-};
+}