@atlaskit/editor-core 150.0.3 → 151.0.0

package/dist/cjs/plugins/analytics/types/enums.js

@@ -102,6 +102,7 @@ exports.ACTION = ACTION;
   ACTION["ON_EDITOR_READY_CALLBACK"] = "onEditorReadyCallback";
   ACTION["ON_CHANGE_CALLBACK"] = "onChangeCalled";
   ACTION["REMOVE_ICON"] = "removedIcon";
+  ACTION["UFO_SESSION_COMPLETE"] = "ufoSessionComplete";
 })(ACTION || (exports.ACTION = ACTION = {}));
 
 var INPUT_METHOD;
@@ -246,8 +247,9 @@ exports.ACTION_SUBJECT_ID = ACTION_SUBJECT_ID;
   ACTION_SUBJECT_ID["LINK"] = "link";
   ACTION_SUBJECT_ID["LINK_PREVIEW"] = "linkPreview";
   ACTION_SUBJECT_ID["MEDIA"] = "media";
-  ACTION_SUBJECT_ID["MEDIA_SINGLE"] = "mediaSingle";
   ACTION_SUBJECT_ID["MEDIA_GROUP"] = "mediaGroup";
+  ACTION_SUBJECT_ID["MEDIA_INLINE"] = "mediaInline";
+  ACTION_SUBJECT_ID["MEDIA_SINGLE"] = "mediaSingle";
   ACTION_SUBJECT_ID["MEDIA_LINK"] = "mediaLink";
   ACTION_SUBJECT_ID["MENTION"] = "mention";
   ACTION_SUBJECT_ID["NESTED_EXPAND"] = "nestedExpand";

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

@@ -81,9 +81,10 @@ var basePlugin = function basePlugin(options) {
       }, {
         name: 'frozenEditor',
         plugin: function plugin(_ref3) {
-          var dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
-              providerFactory = _ref3.providerFactory;
-          return options && options.inputTracking && options.inputTracking.enabled ? (0, _frozenEditor.default)(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking) : undefined;
+          var _options$inputTrackin;
+
+          var dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
+          return options !== null && options !== void 0 && (_options$inputTrackin = options.inputTracking) !== null && _options$inputTrackin !== void 0 && _options$inputTrackin.enabled || options !== null && options !== void 0 && options.ufo ? (0, _frozenEditor.default)(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking, options.ufo) : undefined;
         }
       }, {
         name: 'decorationPlugin',

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = exports.DEGRADED_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = exports.DEFAULT_FREEZE_THRESHOLD = void 0;
+exports.default = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED = exports.DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL = exports.DEGRADED_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = exports.DEFAULT_FREEZE_THRESHOLD = exports.frozenEditorPluginKey = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -13,6 +13,8 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _editorCommon = require("@atlaskit/editor-common");
 
+var _ufo = require("@atlaskit/editor-common/ufo");
+
 var _analytics = require("../../analytics");
 
 var _getParticipantsCount = require("../../collab-edit/get-participants-count");
@@ -29,6 +31,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
+var frozenEditorPluginKey = new _prosemirrorState.PluginKey('frozenEditor');
+exports.frozenEditorPluginKey = frozenEditorPluginKey;
 var DEFAULT_KEYSTROKE_SAMPLING_LIMIT = 100;
 var DEFAULT_SLOW_THRESHOLD = 300;
 var DEFAULT_FREEZE_THRESHOLD = 600;
@@ -64,7 +68,7 @@ var dispatchLongTaskEvent = function dispatchLongTaskEvent(dispatchAnalyticsEven
   });
 };
 
-var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserFreezeTracking) {
+var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserFreezeTracking, ufo) {
   var keystrokeCount = 0;
   var interactionType;
 
@@ -80,6 +84,7 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
   var severityThresholdNormal = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityNormalThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_NORMAL;
   var severityThresholdDegraded = (inputTracking === null || inputTracking === void 0 ? void 0 : inputTracking.severityDegradedThreshold) || DEFAULT_TRACK_SEVERITY_THRESHOLD_DEGRADED;
   return new _prosemirrorState.Plugin({
+    key: frozenEditorPluginKey,
     props: (0, _editorCommon.isPerformanceAPIAvailable)() ? {
       handleTextInput: function handleTextInput(view) {
         var state = view.state;
@@ -89,51 +94,76 @@ var _default = function _default(dispatchAnalyticsEvent, inputTracking, browserF
           interactionType = _analytics.BROWSER_FREEZE_INTERACTION_TYPE.TYPING;
         }
 
+        var experienceStore = ufo ? _ufo.ExperienceStore.getInstance(view) : undefined;
+        var trackTyping = samplingRate && ++keystrokeCount === samplingRate;
+
+        if (trackTyping) {
+          experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.start(_ufo.EditorExperience.typing);
+        }
+
         requestAnimationFrame(function () {
           var diff = (0, _getPerformanceTiming.getTimeSince)(now);
 
-          if (samplingRate && ++keystrokeCount === samplingRate) {
-            var _getContextIdentifier2;
-
+          if (diff > slowThreshold) {
             var nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
-            keystrokeCount = 0;
-            var payload = {
-              action: _analytics.ACTION.INPUT_PERF_SAMPLING,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                time: diff,
-                nodeSize: state.doc.nodeSize
-              }, nodesCount), {}, {
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            };
-
-            if (shouldTrackSeverity) {
-              payload.attributes.severity = (0, _editorCommon.getAnalyticsEventSeverity)(diff, severityThresholdNormal, severityThresholdDegraded);
+
+            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+              var _getContextIdentifier2;
+
+              dispatchAnalyticsEvent({
+                action: _analytics.ACTION.SLOW_INPUT,
+                actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+                attributes: _objectSpread(_objectSpread({
+                  time: diff,
+                  nodeSize: state.doc.nodeSize
+                }, nodesCount), {}, {
+                  participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+                  objectId: (_getContextIdentifier2 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier2 === void 0 ? void 0 : _getContextIdentifier2.objectId
+                }),
+                eventType: _analytics.EVENT_TYPE.OPERATIONAL
+              });
             }
 
-            dispatchAnalyticsEvent(payload);
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.addMetadata(_ufo.EditorExperience.typing, {
+              slowInput: true
+            });
           }
 
-          if (diff > slowThreshold) {
-            var _getContextIdentifier3;
+          if (trackTyping) {
+            var _getContextIdentifier4;
 
             var _nodesCount = allowCountNodes ? (0, _countNodes.countNodes)(view.state) : {};
 
-            dispatchAnalyticsEvent({
-              action: _analytics.ACTION.SLOW_INPUT,
-              actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-              attributes: _objectSpread(_objectSpread({
-                time: diff,
-                nodeSize: state.doc.nodeSize
-              }, _nodesCount), {}, {
-                participants: (0, _getParticipantsCount.getParticipantsCount)(state),
-                objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId
-              }),
-              eventType: _analytics.EVENT_TYPE.OPERATIONAL
-            });
+            keystrokeCount = 0;
+            var severity = shouldTrackSeverity ? (0, _editorCommon.getAnalyticsEventSeverity)(diff, severityThresholdNormal, severityThresholdDegraded) : undefined;
+
+            if (inputTracking !== null && inputTracking !== void 0 && inputTracking.enabled) {
+              var _getContextIdentifier3;
+
+              var payload = {
+                action: _analytics.ACTION.INPUT_PERF_SAMPLING,
+                actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+                attributes: _objectSpread(_objectSpread({
+                  time: diff,
+                  nodeSize: state.doc.nodeSize
+                }, _nodesCount), {}, {
+                  participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+                  objectId: (_getContextIdentifier3 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier3 === void 0 ? void 0 : _getContextIdentifier3.objectId,
+                  severity: severity
+                }),
+                eventType: _analytics.EVENT_TYPE.OPERATIONAL
+              };
+              dispatchAnalyticsEvent(payload);
+            }
+
+            experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(_ufo.EditorExperience.typing, _objectSpread(_objectSpread({
+              nodeSize: state.doc.nodeSize
+            }, _nodesCount), {}, {
+              participants: (0, _getParticipantsCount.getParticipantsCount)(state),
+              objectId: (_getContextIdentifier4 = (0, _contextIdentifier.getContextIdentifier)(state)) === null || _getContextIdentifier4 === void 0 ? void 0 : _getContextIdentifier4.objectId,
+              time: diff,
+              severity: severity
+            }));
           }
         });
         return false;

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

@@ -20,7 +20,9 @@ var _styles = require("../../../../ui/styles");
 var _templateObject, _templateObject2;
 
 var BlockTypeMenuItem = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  > {\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      margin-top: 0;\n    }\n  }\n  ", ";\n"])), _editorCommon.headingsSharedStyles, function (props) {
-  return props.selected ? "".concat(props.tagName, " { color: white }") : '';
+  return (// TEMP FIX: See https://product-fabric.atlassian.net/browse/ED-13878
+    props.selected ? "".concat(props.tagName, " { color: white !important; }") : ''
+  );
 });
 
 exports.BlockTypeMenuItem = BlockTypeMenuItem;

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _adfSchema = require("@atlaskit/adf-schema");
@@ -17,6 +19,10 @@ var _toolbar = require("./toolbar");
 
 var _EditorSmartCardEvents = require("./ui/EditorSmartCardEvents");
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var cardPlugin = function cardPlugin(options) {
   return {
     name: 'card',
@@ -39,13 +45,18 @@ var cardPlugin = function cardPlugin(options) {
       return nodes;
     },
     pmPlugins: function pmPlugins() {
-      var _options$allowResizin, _options$useAlternati;
+      var _options$allowBlockCa, _options$allowResizin, _options$useAlternati;
 
+      var allowBlockCards = (_options$allowBlockCa = options.allowBlockCards) !== null && _options$allowBlockCa !== void 0 ? _options$allowBlockCa : true;
       var allowResizing = (_options$allowResizin = options.allowResizing) !== null && _options$allowResizin !== void 0 ? _options$allowResizin : true;
       var useAlternativePreloader = (_options$useAlternati = options.useAlternativePreloader) !== null && _options$useAlternati !== void 0 ? _options$useAlternati : true;
       return [{
         name: 'card',
-        plugin: (0, _main.createPlugin)(options.platform, allowResizing, useAlternativePreloader, options.fullWidthMode, options.createAnalyticsEvent)
+        plugin: (0, _main.createPlugin)(_objectSpread(_objectSpread({}, options), {}, {
+          allowBlockCards: allowBlockCards,
+          allowResizing: allowResizing,
+          useAlternativePreloader: useAlternativePreloader
+        }))
       }];
     },
     contentComponent: function contentComponent(_ref) {

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

@@ -284,6 +284,7 @@ var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
           var containerWidth = (0, _richMediaUtils.isRichMediaInsideOfBlockNode)(view, pos) ? lineLength : widthStateWidth;
 
           var smartCard = /*#__PURE__*/_react.default.createElement(_smartCard.Card, {
+            key: url,
             url: url,
             appearance: "embed",
             onClick: _this2.onClick,

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

@@ -31,12 +31,17 @@ var _blockCard = require("../nodeviews/blockCard");
 
 var _inlineCard = require("../nodeviews/inlineCard");
 
-var createPlugin = function createPlugin(platform, allowResizing, useAlternativePreloader, fullWidthMode, createAnalyticsEvent) {
+var createPlugin = function createPlugin(options) {
   return function (_ref) {
     var portalProviderAPI = _ref.portalProviderAPI,
         eventDispatcher = _ref.eventDispatcher,
         providerFactory = _ref.providerFactory,
         dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    var platform = options.platform,
+        allowResizing = options.allowResizing,
+        useAlternativePreloader = options.useAlternativePreloader,
+        fullWidthMode = options.fullWidthMode,
+        createAnalyticsEvent = options.createAnalyticsEvent;
     return new _prosemirrorState.Plugin({
       state: {
         init: function init() {
@@ -94,7 +99,7 @@ var createPlugin = function createPlugin(platform, allowResizing, useAlternative
                  * other tasks as per common implementations of the JavaScript event loop in browsers.
                  */
                 var invoke = (0, _rafSchd.default)(function () {
-                  return (0, _resolve.resolveWithProvider)(view, outstandingRequests, provider, request);
+                  return (0, _resolve.resolveWithProvider)(view, outstandingRequests, provider, request, options);
                 });
                 rafCancellationCallbacks.push(invoke.cancel);
                 invoke();

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

@@ -14,19 +14,26 @@ var _doc = require("../doc");
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-var resolveWithProvider = function resolveWithProvider(view, outstandingRequests, provider, request) {
+var resolveWithProvider = function resolveWithProvider(view, outstandingRequests, provider, request, options) {
   var handleResolve = provider.resolve(request.url, request.appearance).then(function (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;
 };
 
 exports.resolveWithProvider = resolveWithProvider;
 
-var handleResolved = function handleResolved(view, request) {
+var updateCardType = function 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';
+  }
+};
+
+var handleResolved = function handleResolved(view, request, options) {
   return function (resolvedCard) {
+    updateCardType(resolvedCard, options);
     (0, _doc.replaceQueuedUrlWithCard)(request.url, resolvedCard, request.analyticsAction)(view.state, view.dispatch);
     return resolvedCard;
   };

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

@@ -70,7 +70,7 @@ var getToolbarConfig = function getToolbarConfig() {
       return option.value === language;
     }) || options.find(function (option) {
       return option.alias.includes(language);
-    }) : undefined;
+    }) : null;
     var languageSelect = {
       id: 'editor.codeBlock.languageOptions',
       type: 'select',

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

@@ -21,7 +21,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
 var _templateObject, _templateObject2;
 
-var emojiStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    .", " {\n      cursor: pointer;\n\n      &.", " > span {\n        /** needed for selection style to cover custom emoji image properly */\n        display: flex;\n      }\n    }\n\n    &.", " {\n      .", ",\n        .", "\n        > span {\n        border-radius: 2px;\n        ", "\n      }\n    }\n  }\n"])), _editorCommon.EmojiSharedCssClassName.EMOJI_CONTAINER, _editorCommon.EmojiSharedCssClassName.EMOJI_NODE, _editorCommon.EmojiSharedCssClassName.EMOJI_IMAGE, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.EmojiSharedCssClassName.EMOJI_SPRITE, _editorCommon.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
+var emojiStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    display: inline-block;\n\n    .", " {\n      cursor: pointer;\n\n      &.", " > span {\n        /** needed for selection style to cover custom emoji image properly */\n        display: flex;\n      }\n    }\n\n    &.", " {\n      .", ",\n        .", "\n        > span {\n        border-radius: 2px;\n        ", "\n      }\n    }\n  }\n"])), _editorCommon.EmojiSharedCssClassName.EMOJI_CONTAINER, _editorCommon.EmojiSharedCssClassName.EMOJI_NODE, _editorCommon.EmojiSharedCssClassName.EMOJI_IMAGE, _editorSharedStyles.akEditorSelectedNodeClassName, _editorCommon.EmojiSharedCssClassName.EMOJI_SPRITE, _editorCommon.EmojiSharedCssClassName.EMOJI_IMAGE, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.BoxShadow]));
 exports.emojiStyles = emojiStyles;
 var grid = (0, _constants.gridSize)() / 2;
 var fontSize = (0, _constants.fontSizeSmall)();

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

@@ -295,7 +295,6 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
   var useLongPressSelection = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
   var options = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : {};
   var state = (0, _pluginFactory.createPluginState)(dispatch, {
-    layout: 'default',
     showEditButton: false,
     showContextPanel: false
   });
@@ -348,14 +347,12 @@ var createPlugin = function createPlugin(dispatch, providerFactory, extensionHan
             var showEditButton = shouldShowEditButton(extensionHandler, extensionProvider);
             var updateExtension = getUpdateExtensionPromise(view, extensionHandler, extensionProvider).catch(function () {// do nothing;
             });
-            var layout = selectedExtension ? node.attrs.layout : 'default';
             (0, _commands.updateState)({
               localId: node.attrs.localId,
               showContextPanel: false,
               element: newElement,
               showEditButton: showEditButton,
-              updateExtension: updateExtension,
-              layout: layout
+              updateExtension: updateExtension
             })(state, dispatch);
           } // New DOM element doesn't necessarily mean it's a new Node
           else if (element !== newElement) {

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

@@ -62,28 +62,33 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !(0, _prosemirrorUtils.hasParentNodeOfType)([bodiedExtension, table, expand].filter(Boolean))(selection)) && !(0, _prosemirrorUtils.hasParentNodeOfType)([layoutSection])(selection));
 };
 
-var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled) {
-  var nodeWithPos = (0, _utils.getSelectedExtension)(state, true);
-  var layout = extensionState.layout;
-  return nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos) ? [{
-    type: 'button',
-    icon: _mediaCenter.default,
-    onClick: (0, _commands.updateExtensionLayout)('default'),
-    selected: layout === 'default',
-    title: formatMessage(_messages.default.layoutFixedWidth)
-  }, {
-    type: 'button',
-    icon: _mediaWide.default,
-    onClick: (0, _commands.updateExtensionLayout)('wide'),
-    selected: layout === 'wide',
-    title: formatMessage(_messages.default.layoutWide)
-  }, {
-    type: 'button',
-    icon: _mediaFullWidth.default,
-    onClick: (0, _commands.updateExtensionLayout)('full-width'),
-    selected: layout === 'full-width',
-    title: formatMessage(_messages.default.layoutFullWidth)
-  }] : [];
+var breakoutOptions = function breakoutOptions(state, formatMessage, breakoutEnabled) {
+  var nodeWithPos = (0, _utils.getSelectedExtension)(state, true); // we should only return breakout options when breakouts are enabled and the node supports them
+
+  if (nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos)) {
+    var layout = nodeWithPos.node.attrs.layout;
+    return [{
+      type: 'button',
+      icon: _mediaCenter.default,
+      onClick: (0, _commands.updateExtensionLayout)('default'),
+      selected: layout === 'default',
+      title: formatMessage(_messages.default.layoutFixedWidth)
+    }, {
+      type: 'button',
+      icon: _mediaWide.default,
+      onClick: (0, _commands.updateExtensionLayout)('wide'),
+      selected: layout === 'wide',
+      title: formatMessage(_messages.default.layoutWide)
+    }, {
+      type: 'button',
+      icon: _mediaFullWidth.default,
+      onClick: (0, _commands.updateExtensionLayout)('full-width'),
+      selected: layout === 'full-width',
+      title: formatMessage(_messages.default.layoutFullWidth)
+    }];
+  }
+
+  return [];
 };
 
 var editButton = function editButton(formatMessage, extensionState) {
@@ -119,7 +124,7 @@ var getToolbarConfig = function getToolbarConfig() {
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState);
-      var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
+      var breakoutButtonArray = breakoutOptions(state, formatMessage, breakoutEnabled);
       return {
         title: 'Extension floating controls',
         getDomRef: function getDomRef() {

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

@@ -13,6 +13,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _normalizeFeatureFlags = require("@atlaskit/editor-common/normalize-feature-flags");
 
+var _editorCommon = require("@atlaskit/editor-common");
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -22,9 +24,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * which is used by both current and archv3 editors.
  */
 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 _objectSpread(_objectSpread({}, (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags)), {}, {
+  var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
+  return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
     newInsertionBehaviour: props.allowNewInsertionBehaviour,
     interactiveExpand: typeof props.allowExpand === 'boolean' ? props.allowExpand : Boolean(props.allowExpand && props.allowExpand.allowInteractiveExpand !== false),
     placeholderBracketHint: !!props.placeholderBracketHint,
@@ -49,6 +52,8 @@ 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 && !_editorCommon.browser.safari : false)
   });
 }

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

@@ -110,12 +110,16 @@ var Find = /*#__PURE__*/function (_React$Component) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindChange", function (event) {
-      return _this.skipWhileComposing(function () {
-        _this.updateFindValue(event.target.value);
-      });
+      _this.updateFindValue(event.target.value);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateFindValue", function (value) {
-      _this.props.onFind(value);
+      _this.setState({
+        localFindText: value
+      });
+
+      _this.skipWhileComposing(function () {
+        _this.props.onFind(value);
+      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFindKeyDown", function (event) {
       return _this.skipWhileComposing(function () {
@@ -187,7 +191,13 @@ var Find = /*#__PURE__*/function (_React$Component) {
     });
     _this.closeIcon = /*#__PURE__*/_react.default.createElement(_close.default, {
       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 || ''
+    };
     return _this;
   }
 
@@ -200,7 +210,17 @@ var Find = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidUpdate",
     value: function 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 || ''
+        });
+      }
     }
   }, {
     key: "render",
@@ -219,7 +239,7 @@ var Find = /*#__PURE__*/function (_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/cjs/plugins/hyperlink/pm-plugins/keymap.js

@@ -10,9 +10,9 @@ exports.default = void 0;
 
 var _prosemirrorKeymap = require("prosemirror-keymap");
 
-var keymaps = _interopRequireWildcard(require("../../../keymaps"));
+var _adfSchema = require("@atlaskit/adf-schema");
 
-var _utils = require("../utils");
+var keymaps = _interopRequireWildcard(require("../../../keymaps"));
 
 var _main = require("../pm-plugins/main");
 
@@ -62,7 +62,7 @@ var mayConvertLastWordToHyperlink = function mayConvertLastWordToHyperlink(skipA
 
     var words = nodeBefore.text.split(' ');
     var lastWord = words[words.length - 1];
-    var match = (0, _utils.getLinkMatch)(lastWord);
+    var match = (0, _adfSchema.getLinkMatch)(lastWord);
 
     if (match) {
       var hyperlinkedText = match.raw;

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

@@ -144,7 +144,8 @@ var mapActivityProviderResultToLinkSearchItemData = function mapActivityProvider
     container: container,
     iconUrl: iconUrl,
     url: url,
-    lastViewedDate: viewedTimestamp ? new Date(viewedTimestamp) : undefined
+    lastViewedDate: viewedTimestamp ? new Date(viewedTimestamp) : undefined,
+    prefetch: true
   };
 };
 
@@ -161,7 +162,8 @@ var mapSearchProviderResultToLinkSearchItemData = function mapSearchProviderResu
     name: title,
     url: url,
     lastUpdatedDate: updatedTimestamp ? new Date(updatedTimestamp) : undefined,
-    icon: contentType && _utils2.mapContentTypeToIcon[contentType] || defaultIcon
+    icon: contentType && _utils2.mapContentTypeToIcon[contentType] || defaultIcon,
+    prefetch: false
   };
 };
 
@@ -502,7 +504,7 @@ var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_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
@@ -520,7 +522,8 @@ var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_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: _analytics.EVENT_TYPE.UI
         });