@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/cjs/plugins/block-type/pm-plugins/input-rule.js

@@ -4,11 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.blockQuoteRule = blockQuoteRule;
-exports.codeBlockRule = codeBlockRule;
 exports.default = void 0;
-exports.headingRule = headingRule;
-exports.inputRulePlugin = inputRulePlugin;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _inputRules = require("../../../utils/input-rules");
 var _prosemirrorInputRules = require("@atlaskit/prosemirror-input-rules");
@@ -32,12 +28,6 @@ function headingRule(nodeType, maxLevel) {
 function blockQuoteRule(nodeType) {
   return (0, _inputRules.createJoinNodesRule)(/^\s*>\s$/, nodeType);
 }
-function codeBlockRule(nodeType) {
-  return (0, _inputRules.createWrappingTextBlockRule)({
-    match: /^```$/,
-    nodeType: nodeType
-  });
-}
 
 /**
  * Get heading rules

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

@@ -31,6 +31,7 @@ var BlockTypeButton = function BlockTypeButton(props) {
     className: "block-type-btn",
     disabled: props.disabled,
     onClick: props.onClick,
+    onKeyDown: props.onKeyDown,
     title: labelTextStyles,
     "aria-label": labelTextStyles,
     "aria-haspopup": true,

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

@@ -24,6 +24,8 @@ var _styled = require("./styled");
 var _keymaps = require("../../../../keymaps");
 var _blocktypeButton = require("./blocktype-button");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
@@ -37,18 +39,30 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      active: false
+      active: false,
+      isOpenedByKeyboard: false
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOpenChange", function (attrs) {
-      _this.setState({
-        active: attrs.isOpen
-      });
+      _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+        active: attrs.isOpen,
+        isOpenedByKeyboard: attrs.isOpenedByKeyboard
+      }));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerClick", function () {
       _this.onOpenChange({
-        isOpen: !_this.state.active
+        isOpen: !_this.state.active,
+        isOpenedByKeyboard: false
       });
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTriggerByKeyboard", function (event) {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        _this.onOpenChange({
+          isOpen: !_this.state.active,
+          isOpenedByKeyboard: true
+        });
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createItems", function () {
       var formatMessage = _this.props.intl.formatMessage;
       var _this$props$pluginSta = _this.props.pluginState,
@@ -85,9 +99,9 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
       var blockType = item.value;
       _this.props.setBlockType(blockType.name);
       if (shouldCloseMenu) {
-        _this.setState({
+        _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
           active: false
-        });
+        }));
       }
     });
     return _this;
@@ -95,7 +109,10 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
   (0, _createClass2.default)(ToolbarBlockType, [{
     key: "render",
     value: function render() {
-      var active = this.state.active;
+      var _this2 = this;
+      var _this$state = this.state,
+        active = _this$state.active,
+        isOpenedByKeyboard = _this$state.isOpenedByKeyboard;
       var _this$props = this.props,
         popupsMountPoint = _this$props.popupsMountPoint,
         popupsBoundariesElement = _this$props.popupsBoundariesElement,
@@ -137,7 +154,15 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           zIndex: _editorSharedStyles.akEditorMenuZIndex,
           fitHeight: 360,
           fitWidth: 106,
-          shouldUseDefaultRole: true
+          shouldUseDefaultRole: true,
+          shouldFocusFirstItem: function shouldFocusFirstItem() {
+            if (isOpenedByKeyboard) {
+              _this2.setState(_objectSpread(_objectSpread({}, _this2.state), {}, {
+                isOpenedByKeyboard: false
+              }));
+            }
+            return isOpenedByKeyboard;
+          }
         }, (0, _react2.jsx)(_blocktypeButton.BlockTypeButton, {
           isSmall: isSmall,
           isReducedSpacing: isReducedSpacing,
@@ -145,6 +170,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
           disabled: false,
           title: blockTypeTitles[0],
           onClick: this.handleTriggerClick,
+          onKeyDown: this.handleTriggerByKeyboard,
           formatMessage: formatMessage,
           "aria-expanded": active
         }, longestDropdownMenuItem)), (0, _react2.jsx)("span", {
@@ -160,6 +186,7 @@ var ToolbarBlockType = /*#__PURE__*/function (_React$PureComponent) {
         disabled: true,
         title: blockTypeTitles[0],
         onClick: this.handleTriggerClick,
+        onKeyDown: this.handleTriggerByKeyboard,
         formatMessage: formatMessage,
         "aria-expanded": active
       }, longestDropdownMenuItem), (0, _react2.jsx)("span", {

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

@@ -5,15 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-Object.defineProperty(exports, "pluginKey", {
-  enumerable: true,
-  get: function get() {
-    return _pluginKey.pluginKey;
-  }
-});
 var _adfSchema = require("@atlaskit/adf-schema");
 var _main = _interopRequireDefault(require("./pm-plugins/main"));
-var _pluginKey = require("./pm-plugins/plugin-key");
 var _keymap = require("./pm-plugins/keymap");
 var captionPlugin = function captionPlugin() {
   return {

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

@@ -82,7 +82,8 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props2 = this.props,
         node = _this$props2.node,
         cardContext = _this$props2.cardContext,
-        platform = _this$props2.platform;
+        platform = _this$props2.platform,
+        showServerActions = _this$props2.showServerActions;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         data = _node$attrs.data;
@@ -95,7 +96,8 @@ var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         onClick: this.onClick,
         onResolve: this.onResolve,
         showActions: platform === 'web',
-        platform: platform
+        platform: platform,
+        showServerActions: showServerActions
       }), this.gapCursorSpan());
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
@@ -133,11 +135,15 @@ var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "render",
     value: function render() {
+      var _this$reactComponentP = this.reactComponentProps,
+        platform = _this$reactComponentP.platform,
+        showServerActions = _this$reactComponentP.showServerActions;
       return /*#__PURE__*/_react.default.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
         getPos: this.getPos,
-        platform: this.reactComponentProps.platform
+        platform: platform,
+        showServerActions: showServerActions
       });
     }
   }]);

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

@@ -18,6 +18,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _utils = require("../utils");
 var _doc = require("../pm-plugins/doc");
+var _analyticsNext = require("@atlaskit/analytics-next");
+var _state = require("../pm-plugins/util/state");
+var _utils2 = require("@atlaskit/editor-common/utils");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function Card(SmartCardComponent, UnsupportedComponent) {
@@ -40,6 +43,7 @@ function Card(SmartCardComponent, UnsupportedComponent) {
     (0, _createClass2.default)(_class, [{
       key: "render",
       value: function render() {
+        var _getPluginState;
         var _titleUrlPairFromNode = (0, _utils.titleUrlPairFromNode)(this.props.node),
           url = _titleUrlPairFromNode.url;
         if (url && !(0, _adfSchema.isSafeUrl)(url)) {
@@ -58,10 +62,20 @@ function Card(SmartCardComponent, UnsupportedComponent) {
           }
         }
         var cardContext = this.context.contextAdapter ? this.context.contextAdapter.card : undefined;
-        return /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
+        var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
+        var analyticsEditorAppearance = (0, _utils2.getAnalyticsEditorAppearance)(editorAppearance);
+        return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+          data: {
+            attributes: {
+              location: analyticsEditorAppearance
+            },
+            // Below is added for the future implementation of Linking Platform namespaced analytics context
+            location: analyticsEditorAppearance
+          }
+        }, /*#__PURE__*/_react.default.createElement(SmartCardComponent, (0, _extends2.default)({
           key: url,
           cardContext: cardContext
-        }, this.props));
+        }, this.props)));
       }
     }, {
       key: "componentDidCatch",

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

@@ -73,6 +73,7 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props2 = this.props,
         node = _this$props2.node,
         cardContext = _this$props2.cardContext,
+        showServerActions = _this$props2.showServerActions,
         useAlternativePreloader = _this$props2.useAlternativePreloader;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
@@ -88,7 +89,8 @@ var InlineCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         container: this.scrollContainer,
         onResolve: this.onResolve,
         onError: this.onError,
-        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined
+        inlinePreloaderStyle: useAlternativePreloader ? 'on-right-without-skeleton' : undefined,
+        showServerActions: showServerActions
       }));
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
@@ -108,11 +110,13 @@ function InlineCardNodeView(props) {
   var useAlternativePreloader = props.useAlternativePreloader,
     node = props.node,
     view = props.view,
-    getPos = props.getPos;
+    getPos = props.getPos,
+    showServerActions = props.showServerActions;
   return /*#__PURE__*/_react.default.createElement(WrappedInlineCard, {
     node: node,
     view: view,
     getPos: getPos,
+    showServerActions: showServerActions,
     useAlternativePreloader: useAlternativePreloader
   });
 }

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

@@ -23,11 +23,13 @@ var _resolve = require("./util/resolve");
 var _state = require("./util/state");
 var createPlugin = function createPlugin(options) {
   return function (pmPluginFactoryParams) {
-    var platform = options.platform,
+    var editorAppearance = options.editorAppearance,
+      platform = options.platform,
       allowResizing = options.allowResizing,
       useAlternativePreloader = options.useAlternativePreloader,
       fullWidthMode = options.fullWidthMode,
-      createAnalyticsEvent = options.createAnalyticsEvent;
+      createAnalyticsEvent = options.createAnalyticsEvent,
+      showServerActions = options.showServerActions;
     return new _safePlugin.SafePlugin({
       state: {
         init: function init() {
@@ -37,7 +39,8 @@ var createPlugin = function createPlugin(options) {
             cards: [],
             showLinkingToolbar: false,
             smartLinkEvents: undefined,
-            createAnalyticsEvent: createAnalyticsEvent
+            createAnalyticsEvent: createAnalyticsEvent,
+            editorAppearance: editorAppearance
           };
         },
         apply: function apply(tr, pluginState) {
@@ -107,14 +110,16 @@ var createPlugin = function createPlugin(options) {
             pmPluginFactoryParams: pmPluginFactoryParams,
             Component: _inlineCard.InlineCardNodeView,
             extraComponentProps: {
-              useAlternativePreloader: useAlternativePreloader
+              useAlternativePreloader: useAlternativePreloader,
+              showServerActions: showServerActions
             }
           }),
           blockCard: function blockCard(node, view, getPos) {
             var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
               eventDispatcher = pmPluginFactoryParams.eventDispatcher;
             var reactComponentProps = {
-              platform: platform
+              platform: platform,
+              showServerActions: showServerActions
             };
             var hasIntlContext = true;
             return new _blockCard.BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();

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

@@ -28,6 +28,10 @@ var resolveWithProvider = function resolveWithProvider(view, outstandingRequests
 exports.resolveWithProvider = resolveWithProvider;
 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) {
+    // clean out the 'layout' attr from an embedCard type that should be transformed into the inlineCard type.
+    if (resolvedCard.type === 'embedCard') {
+      delete resolvedCard.attrs.layout;
+    }
     resolvedCard.type = 'inlineCard';
   }
 };

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

@@ -91,7 +91,10 @@ var createClipboardSerializer = function createClipboardSerializer(schema, getEd
       var parentTable = (0, _prosemirrorUtils.findParentNodeOfType)(schema.nodes.table)(selection);
       var attributes = parentTable === null || parentTable === void 0 ? void 0 : parentTable.node.attrs;
       var newTable = schema.nodes.table;
-      var newTableNode = newTable.createChecked(_objectSpread({}, attributes), content);
+      // Explicitly remove local id since we are creating a new table and it should have a unique local id which will be generated.
+      var newTableNode = newTable.createChecked(_objectSpread(_objectSpread({}, attributes), {}, {
+        localId: undefined
+      }), content);
       var newContent = _prosemirrorModel.Fragment.from(newTableNode);
       // Pass updated content into original ProseMirror serializeFragment function.
       // Currently incorrectly typed in @Types. See this GitHub thread: https://github.com/DefinitelyTyped/DefinitelyTyped/pull/57668

package/dist/cjs/plugins/code-block/pm-plugins/main-state.js

@@ -1,23 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.setPluginState = exports.getPluginState = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.getPluginState = void 0;
 var _pluginKey = require("../plugin-key");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getPluginState = function getPluginState(state) {
   return _pluginKey.pluginKey.getState(state);
 };
-exports.getPluginState = getPluginState;
-var setPluginState = function setPluginState(stateProps) {
-  return function (state, dispatch) {
-    var pluginState = getPluginState(state);
-    dispatch(state.tr.setMeta(_pluginKey.pluginKey, _objectSpread(_objectSpread({}, pluginState), stateProps)));
-    return true;
-  };
-};
-exports.setPluginState = setPluginState;
+exports.getPluginState = getPluginState;

package/dist/cjs/plugins/collab-edit/plugin.js

@@ -21,10 +21,9 @@ var _initialize = require("./events/initialize");
 var _pluginState = require("./plugin-state");
 var _pluginKey = require("./plugin-key");
 var _analytics = require("./analytics");
-var _fireAnalyticsEvent = require("../analytics/fire-analytics-event");
-var _analytics2 = require("../analytics");
+var _analytics2 = require("@atlaskit/editor-common/analytics");
 var createPlugin = function createPlugin(dispatch, providerFactory, collabProviderCallback, options) {
-  var fireAnalyticsCallback = (0, _fireAnalyticsEvent.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
+  var fireAnalyticsCallback = (0, _analytics2.fireAnalyticsEvent)(options === null || options === void 0 ? void 0 : options.createAnalyticsEvent);
   return new _safePlugin.SafePlugin({
     key: _pluginKey.pluginKey,
     state: {

package/dist/cjs/plugins/collab-edit/provider/index.js

@@ -2,11 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-Object.defineProperty(exports, "PubSubSpecialEventType", {
-  enumerable: true,
-  get: function get() {
-    return _types.PubSubSpecialEventType;
-  }
-});
-var _types = require("./types");
+});

package/dist/cjs/plugins/collab-edit/provider/types.js

@@ -2,15 +2,4 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.PubSubSpecialEventType = void 0;
-/**
- * Same as PubSub client types (don't want a direct dep though)
- */
-var PubSubSpecialEventType;
-exports.PubSubSpecialEventType = PubSubSpecialEventType;
-(function (PubSubSpecialEventType) {
-  PubSubSpecialEventType["ERROR"] = "ERROR";
-  PubSubSpecialEventType["CONNECTED"] = "CONNECTED";
-  PubSubSpecialEventType["RECONNECT"] = "RECONNECT";
-})(PubSubSpecialEventType || (exports.PubSubSpecialEventType = PubSubSpecialEventType = {}));
+});

package/dist/cjs/plugins/context-panel/index.js

@@ -4,9 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-exports.getPluginState = getPluginState;
-exports.pluginKey = void 0;
+exports.pluginKey = exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _prosemirrorState = require("prosemirror-state");
@@ -14,9 +12,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var pluginKey = new _prosemirrorState.PluginKey('contextPanelPluginKey');
 exports.pluginKey = pluginKey;
-function getPluginState(state) {
-  return pluginKey.getState(state);
-}
 function contextPanelPluginFactory(contextPanels, dispatch) {
   return new _safePlugin.SafePlugin({
     key: pluginKey,

package/dist/cjs/plugins/data-consumer/index.js

@@ -3,16 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createPlugin = createPlugin;
 exports.default = void 0;
 var _adfSchema = require("@atlaskit/adf-schema");
-var _prosemirrorState = require("prosemirror-state");
-var _pluginKey = require("./plugin-key");
-function createPlugin() {
-  return new _prosemirrorState.Plugin({
-    key: _pluginKey.pluginKey
-  });
-}
 var dataConsumerMarkPlugin = function dataConsumerMarkPlugin() {
   return {
     name: 'dataConsumerPlugin',

package/dist/cjs/plugins/date/utils/internal.js

@@ -9,7 +9,6 @@ exports.findDateSegmentByPosition = findDateSegmentByPosition;
 exports.getLocaleDatePlaceholder = getLocaleDatePlaceholder;
 exports.isDatePossiblyValid = isDatePossiblyValid;
 exports.isToday = isToday;
-exports.padToTwo = padToTwo;
 var _formatParse = require("./formatParse");
 var _addDays = _interopRequireDefault(require("date-fns/addDays"));
 var _addMonths = _interopRequireDefault(require("date-fns/addMonths"));
@@ -17,9 +16,6 @@ var _addYears = _interopRequireDefault(require("date-fns/addYears"));
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function padToTwo(number) {
-  return number <= 99 ? "0".concat(number).slice(-2) : "".concat(number);
-}
 function isDigit(c) {
   if (c === undefined) {
     return false;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.removeExtension = exports.removeDescendantNodes = exports.forceAutoSave = exports.clearEditingContext = void 0;
 exports.setEditingContextToContextPanel = setEditingContextToContextPanel;
-exports.updateExtensionLayout = exports.showContextPanel = void 0;
+exports.updateExtensionLayout = void 0;
 exports.updateState = updateState;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _prosemirrorUtils = require("prosemirror-utils");
@@ -51,13 +51,6 @@ var forceAutoSave = function forceAutoSave(resolve, reject) {
   }, _transforms.applyChange);
 };
 exports.forceAutoSave = forceAutoSave;
-var showContextPanel = (0, _pluginFactory.createCommand)({
-  type: 'UPDATE_STATE',
-  data: {
-    showContextPanel: true
-  }
-}, _transforms.applyChange);
-exports.showContextPanel = showContextPanel;
 var updateExtensionLayout = function updateExtensionLayout(layout) {
   return (0, _pluginFactory.createCommand)({
     type: 'UPDATE_STATE',

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

@@ -32,6 +32,11 @@ var messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Delete element',
     description: 'Title text for confirm modal when deleting an extension linked to a data consumer.'
   },
+  unnamedSource: {
+    id: 'fabric.editor.extension.sourceNoTitledName',
+    defaultMessage: 'this element',
+    description: 'The current element without preset name been selected'
+  },
   confirmDeleteLinkedModalOKButton: {
     id: 'fabric.editor.extension.confirmDeleteLinkedModalOKButton',
     defaultMessage: 'Delete',
@@ -130,11 +135,12 @@ var getToolbarConfig = function getToolbarConfig() {
       var confirmDialog;
       if ((0, _utils2.isReferencedSource)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)) {
         confirmDialog = function confirmDialog() {
+          var localSourceName = formatMessage(messages.unnamedSource);
           return {
             title: formatMessage(messages.deleteElementTitle),
             okButtonLabel: formatMessage(messages.confirmDeleteLinkedModalOKButton),
             message: formatMessage(messages.confirmDeleteLinkedModalMessage, {
-              nodeName: (0, _utils2.getNodeName)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node)
+              nodeName: (0, _utils2.getNodeName)(state, extensionObj === null || extensionObj === void 0 ? void 0 : extensionObj.node) || localSourceName
             }),
             isReferentialityDialog: true,
             getChildrenInfo: function getChildrenInfo() {

package/dist/cjs/plugins/extension/ui/Extension/Extension/index.js

@@ -19,6 +19,8 @@ var _width = require("../../../../width");
 var _WithPluginState = _interopRequireDefault(require("../../../../../ui/WithPluginState"));
 var _classnames2 = _interopRequireDefault(require("classnames"));
 var _excluded = ["type"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function ExtensionWithPluginState(props) {
   var node = props.node,
     handleContentDOMRef = props.handleContentDOMRef,
@@ -51,7 +53,10 @@ function ExtensionWithPluginState(props) {
     'with-children': hasChildren,
     'without-frame': removeBorder
   });
-  var customContainerStyles = {};
+  var customContainerStyles = {
+    width: '100%'
+  };
+  var newContentStyles = {};
   if (shouldBreakout) {
     var _calculateBreakoutSty = (0, _utils.calculateBreakoutStyles)({
         mode: node.attrs.layout,
@@ -60,8 +65,10 @@ function ExtensionWithPluginState(props) {
       }),
       type = _calculateBreakoutSty.type,
       breakoutStyles = (0, _objectWithoutProperties2.default)(_calculateBreakoutSty, _excluded);
+    newContentStyles = _objectSpread({}, breakoutStyles);
     customContainerStyles = breakoutStyles;
   }
+  newContentStyles = _objectSpread(_objectSpread({}, newContentStyles), _styles.contentWrapper);
   return (0, _react2.jsx)("div", {
     ref: handleRef,
     "data-layout": node.attrs.layout,
@@ -80,7 +87,7 @@ function ExtensionWithPluginState(props) {
   }, !removeBorder && (0, _react2.jsx)(_Lozenge.default, {
     node: node
   }), children), hasBody && (0, _react2.jsx)("div", {
-    css: _styles.contentWrapper
+    css: newContentStyles
   }, (0, _react2.jsx)("div", {
     css: _styles.content,
     ref: handleContentDOMRef,

package/dist/cjs/plugins/extension/ui/Extension/Extension/styles.js

@@ -21,7 +21,7 @@ exports.wrapperStyle = wrapperStyle;
 var header = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px ", "px 0px;\n  vertical-align: middle;\n\n  &.with-children:not(.without-frame) {\n    padding: 4px 8px 8px;\n  }\n  &.without-frame {\n    padding: 0;\n  }\n"])), _styles.padding / 2, _styles.padding / 2);
 exports.header = header;
 var content = function content(theme) {
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  cursor: initial;\n"])), _styles.padding, (0, _components.themed)({
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", "px;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", "px;\n  cursor: initial;\n  width: 100%;\n"])), _styles.padding, (0, _components.themed)({
     light: "var(--ds-surface, white)",
     dark: "var(--ds-surface, ".concat(_colors.DN30, ")")
   })(theme), (0, _components.themed)({
@@ -29,5 +29,5 @@ var content = function content(theme) {
   })(theme), "var(--ds-border, ".concat(_colors.N30, ")"), (0, _constants.borderRadius)());
 };
 exports.content = content;
-var contentWrapper = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px ", "px;\n"])), _styles.padding, _styles.padding);
+var contentWrapper = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0 ", "px ", "px;\n  display: flex;\n  justify-content: center;\n"])), _styles.padding, _styles.padding);
 exports.contentWrapper = contentWrapper;

package/dist/cjs/plugins/extension/ui/Extension/Lozenge.js

@@ -77,6 +77,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
       var title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey;
       var isBlockExtension = name === 'extension';
       return (0, _react.jsx)("div", {
+        "data-testid": "lozenge-fallback",
         css: _styles.placeholderFallback
       }, lozengeData && !isBlockExtension ? this.renderImage(_objectSpread({
         height: ICON_SIZE,

package/dist/cjs/plugins/feedback-dialog/index.js

@@ -4,13 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.pluginKey = exports.openFeedbackDialog = exports.default = void 0;
+exports.openFeedbackDialog = exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
-var _prosemirrorState = require("prosemirror-state");
 var _assets = require("../quick-insert/assets");
 var _versionWrapper = require("../../version-wrapper");
 var _analytics = require("../analytics");
@@ -18,8 +17,6 @@ var _loadJiraCollectorDialogScript = _interopRequireDefault(require("./loadJiraC
 var _messages = require("../insert-block/ui/ToolbarInsertBlock/messages");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var pluginKey = new _prosemirrorState.PluginKey('feedbackDialogPlugin');
-exports.pluginKey = pluginKey;
 var showJiraCollectorDialog;
 var feedbackInfoHash;
 var defaultFeedbackInfo;

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

@@ -26,6 +26,7 @@ var _FindReplace = _interopRequireDefault(require("./FindReplace"));
 var _types = require("../../analytics/types");
 var _keymaps = require("../../../keymaps");
 var _keymaps2 = require("@atlaskit/editor-common/keymaps");
+var _uiMenu = require("@atlaskit/editor-common/ui-menu");
 var _templateObject, _templateObject2, _templateObject3;
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -97,7 +98,10 @@ var FindReplaceToolbarButton = /*#__PURE__*/function (_React$PureComponent) {
         },
         fitWidth: 352,
         zIndex: stackBelowOtherEditorFloatingPanels,
-        disableArrowKeyNavigation: true,
+        arrowKeyNavigationProviderOptions: {
+          type: _uiMenu.ArrowKeyNavigationType.MENU,
+          disableArrowKeyNavigation: true
+        },
         trigger: (0, _react2.jsx)(_ToolbarButton.default, {
           buttonId: _ToolbarButton.TOOLBAR_BUTTON.FIND_REPLACE,
           spacing: isReducedSpacing ? 'none' : 'default',