@atlaskit/editor-core 187.31.7 → 187.32.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @atlaskit/editor-core
 
+## 187.32.0
+
+### Minor Changes
+
+- [`8467bdcdf4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8467bdcdf4f) - Removing `dependencies` prop from PluginInjectionAPI and changing
+  signature of `NextEditorPlugin`.
+
+  Previously a `NextEditorPlugin` would be consumed as so:
+
+  ```ts
+  const plugin: NextEditorPlugin< ... > = (config, api) => {
+    // Can use api like so:
+    api.dependencies.core.actions.execute( ... )
+    return { ... }
+  }
+  ```
+
+  Now these have become named parameters like so and the `pluginInjectionAPI` is used
+  without the `dependencies` prop:
+
+  ```ts
+  const plugin: NextEditorPlugin< ... > = ({ config, api }) => {
+    // Can use api like so:
+    api.core.actions.execute( ... )
+    return { ... }
+  }
+  ```
+
+### Patch Changes
+
+- [`8f2f42eab4d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f2f42eab4d) - update layout when submit pixel values in media toolbar
+- Updated dependencies
+
 ## 187.31.7
 
 ### Patch Changes

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

@@ -404,7 +404,7 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           var _this$pluginInjection, _this$experienceStore10;
           var nodes = (0, _document.getNodesCount)(_this.view.state.doc);
           var ttfb = (0, _utils.getResponseEndTime)();
-          var contextIdentifier = (_this$pluginInjection = _this.pluginInjectionAPI.api().dependencies.base) === null || _this$pluginInjection === void 0 ? void 0 : _this$pluginInjection.sharedState.currentState();
+          var contextIdentifier = (_this$pluginInjection = _this.pluginInjectionAPI.api().base) === null || _this$pluginInjection === void 0 ? void 0 : _this$pluginInjection.sharedState.currentState();
           _this.dispatchAnalyticsEvent({
             action: _analytics.ACTION.PROSEMIRROR_RENDERED,
             actionSubject: _analytics.ACTION_SUBJECT.EDITOR,

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

@@ -23,18 +23,18 @@ function createPlugin(options, featureFlags, pluginInjectionApi) {
   }
   var hasRequiredPerformanceAPIs = (0, _utils.isPerformanceAPIAvailable)();
   var getCreateAnalyticsEvent = function getCreateAnalyticsEvent() {
-    var _pluginInjectionApi$d, _pluginInjectionApi$d2;
-    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.sharedState.currentState()) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.createAnalyticsEvent;
+    var _pluginInjectionApi$a, _pluginInjectionApi$a2;
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : (_pluginInjectionApi$a2 = _pluginInjectionApi$a.sharedState.currentState()) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.createAnalyticsEvent;
   };
   return new _safePlugin.SafePlugin({
     key: _pluginKey.analyticsPluginKey,
     state: {
       init: function init() {
-        var _pluginInjectionApi$d3;
+        var _pluginInjectionApi$a3;
         return _objectSpread(_objectSpread({}, options), {}, {
           createAnalyticsEvent: getCreateAnalyticsEvent(),
           fireAnalytics: (0, _analytics.fireAnalyticsEvent)(options.createAnalyticsEvent),
-          editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.actions
+          editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions
         });
       },
       apply: function apply(tr, pluginState, _, state) {
@@ -99,25 +99,27 @@ function createPlugin(options, featureFlags, pluginInjectionApi) {
  * Do not use this analytics plugin.
  * This will be deprecated soon.
  */
-var analyticsPlugin = function analyticsPlugin(options, api) {
-  var _api$dependencies$fea;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies$fea = api.dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
+var analyticsPlugin = function analyticsPlugin(_ref2) {
+  var _api$featureFlags;
+  var options = _ref2.config,
+    api = _ref2.api;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'deprecatedAnalytics',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'analyticsPlugin',
         plugin: function plugin() {
-          return createPlugin(options, featureFlags, api);
+          return createPlugin(options !== null && options !== void 0 ? options : {}, featureFlags, api);
         }
       }];
     }
   };
 };
-function extendPayload(_ref2) {
-  var payload = _ref2.payload,
-    duration = _ref2.duration,
-    distortedDuration = _ref2.distortedDuration;
+function extendPayload(_ref3) {
+  var payload = _ref3.payload,
+    duration = _ref3.duration,
+    distortedDuration = _ref3.distortedDuration;
   return _objectSpread(_objectSpread({}, payload), {}, {
     attributes: _objectSpread(_objectSpread({}, payload.attributes), {}, {
       duration: duration,

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

@@ -20,7 +20,9 @@ var _utils = require("./utils");
 var _toolbar = require("./toolbar");
 var _InlineCommentView = require("./ui/InlineCommentView");
 var _hooks = require("@atlaskit/editor-common/hooks");
-var annotationPlugin = function annotationPlugin(annotationProviders, api) {
+var annotationPlugin = function annotationPlugin(_ref) {
+  var annotationProviders = _ref.config,
+    api = _ref.api;
   return {
     name: 'annotation',
     marks: function marks() {
@@ -38,10 +40,10 @@ var annotationPlugin = function annotationPlugin(annotationProviders, api) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'annotation',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch,
-            portalProviderAPI = _ref.portalProviderAPI,
-            eventDispatcher = _ref.eventDispatcher;
+        plugin: function plugin(_ref2) {
+          var dispatch = _ref2.dispatch,
+            portalProviderAPI = _ref2.portalProviderAPI,
+            eventDispatcher = _ref2.eventDispatcher;
           if (annotationProviders) {
             return (0, _inlineComment.inlineCommentPlugin)({
               dispatch: dispatch,
@@ -74,9 +76,9 @@ var annotationPlugin = function annotationPlugin(annotationProviders, api) {
         }
       }
     },
-    contentComponent: function contentComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+    contentComponent: function contentComponent(_ref3) {
+      var editorView = _ref3.editorView,
+        dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
       if (!annotationProviders) {
         return null;
       }
@@ -89,11 +91,11 @@ var annotationPlugin = function annotationPlugin(annotationProviders, api) {
     }
   };
 };
-function AnnotationContentComponent(_ref3) {
-  var api = _ref3.api,
-    editorView = _ref3.editorView,
-    annotationProviders = _ref3.annotationProviders,
-    dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent;
+function AnnotationContentComponent(_ref4) {
+  var api = _ref4.api,
+    editorView = _ref4.editorView,
+    annotationProviders = _ref4.annotationProviders,
+    dispatchAnalyticsEvent = _ref4.dispatchAnalyticsEvent;
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['annotation']),
     inlineCommentState = _useSharedPluginState.annotationState;
   if (inlineCommentState && !inlineCommentState.isVisible) {

package/dist/cjs/plugins/avatar-group/index.js

@@ -7,26 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _AvatarGroupPluginWrapper = _interopRequireDefault(require("./ui/AvatarGroupPluginWrapper"));
-var avatarGroup = function avatarGroup(props, api) {
-  var _api$dependencies, _api$dependencies$fea;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
+var avatarGroup = function avatarGroup(_ref) {
+  var _api$featureFlags;
+  var props = _ref.config,
+    api = _ref.api;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'avatarGroup',
-    primaryToolbarComponent: function primaryToolbarComponent(_ref) {
-      var editorView = _ref.editorView,
-        popupsMountPoint = _ref.popupsMountPoint,
-        popupsBoundariesElement = _ref.popupsBoundariesElement,
-        popupsScrollableElement = _ref.popupsScrollableElement,
-        disabled = _ref.disabled,
-        isToolbarReducedSpacing = _ref.isToolbarReducedSpacing,
-        eventDispatcher = _ref.eventDispatcher,
-        dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+    primaryToolbarComponent: function primaryToolbarComponent(_ref2) {
+      var editorView = _ref2.editorView,
+        popupsMountPoint = _ref2.popupsMountPoint,
+        popupsBoundariesElement = _ref2.popupsBoundariesElement,
+        popupsScrollableElement = _ref2.popupsScrollableElement,
+        disabled = _ref2.disabled,
+        isToolbarReducedSpacing = _ref2.isToolbarReducedSpacing,
+        eventDispatcher = _ref2.eventDispatcher,
+        dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
       return /*#__PURE__*/_react.default.createElement(_AvatarGroupPluginWrapper.default, {
         dispatchAnalyticsEvent: dispatchAnalyticsEvent,
         editorView: editorView,
         eventDispatcher: eventDispatcher,
-        collabEdit: props.collabEdit,
-        takeFullWidth: props.takeFullWidth,
+        collabEdit: props === null || props === void 0 ? void 0 : props.collabEdit,
+        takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
         featureFlags: featureFlags
       });
     }

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

@@ -28,9 +28,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // Chrome >= 88
 var isChromeWithSelectionBug = _utils.browser.chrome && _utils.browser.chrome_version >= 88;
 exports.isChromeWithSelectionBug = isChromeWithSelectionBug;
-var basePlugin = function basePlugin(options, api) {
-  var _api$dependencies, _api$dependencies$fea;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
+var basePlugin = function basePlugin(_ref) {
+  var _api$featureFlags;
+  var options = _ref.config,
+    api = _ref.api;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   return {
     name: 'base',
     getSharedState: function getSharedState(editorState) {
@@ -41,8 +43,8 @@ var basePlugin = function basePlugin(options, api) {
     pmPlugins: function pmPlugins() {
       var plugins = [{
         name: 'filterStepsPlugin',
-        plugin: function plugin(_ref) {
-          var dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+        plugin: function plugin(_ref2) {
+          var dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
           return (0, _filterSteps.default)(dispatchAnalyticsEvent);
         }
       }];
@@ -66,9 +68,9 @@ var basePlugin = function basePlugin(options, api) {
         plugin: _newlinePreserveMarks.default
       }, {
         name: 'frozenEditor',
-        plugin: function plugin(_ref2) {
+        plugin: function plugin(_ref3) {
           var _options$inputTrackin;
-          var dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent;
+          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;
         }
       }, {
@@ -92,9 +94,9 @@ var basePlugin = function basePlugin(options, api) {
         }
       }, {
         name: 'contextIdentifier',
-        plugin: function plugin(_ref3) {
-          var dispatch = _ref3.dispatch,
-            providerFactory = _ref3.providerFactory;
+        plugin: function plugin(_ref4) {
+          var dispatch = _ref4.dispatch,
+            providerFactory = _ref4.providerFactory;
           return (0, _contextIdentifier.default)(dispatch, providerFactory);
         }
       });

package/dist/cjs/plugins/before-primaryToolbar/index.js

@@ -7,12 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _BeforePrimaryToolbarWrapper = require("./ui/BeforePrimaryToolbarWrapper");
-var beforePrimaryToolbar = function beforePrimaryToolbar(props) {
+var beforePrimaryToolbar = function beforePrimaryToolbar(_ref) {
+  var props = _ref.config;
   return {
     name: 'beforePrimaryToolbar',
     primaryToolbarComponent: function primaryToolbarComponent() {
       return /*#__PURE__*/_react.default.createElement(_BeforePrimaryToolbarWrapper.BeforePrimaryToolbarWrapper, {
-        beforePrimaryToolbarComponents: props.beforePrimaryToolbarComponents
+        beforePrimaryToolbarComponents: props === null || props === void 0 ? void 0 : props.beforePrimaryToolbarComponents
       });
     }
   };

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

@@ -97,7 +97,9 @@ var blockquotePluginOptions = function blockquotePluginOptions(_ref2, isAllowed,
     }
   }];
 };
-var blockTypePlugin = function blockTypePlugin(options, api) {
+var blockTypePlugin = function blockTypePlugin(_ref3) {
+  var options = _ref3.config,
+    api = _ref3.api;
   return {
     name: 'blockType',
     nodes: function nodes() {
@@ -122,45 +124,45 @@ var blockTypePlugin = function blockTypePlugin(options, api) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'blockType',
-        plugin: function plugin(_ref3) {
-          var _api$dependencies$ana;
-          var dispatch = _ref3.dispatch;
-          return (0, _main.createPlugin)(api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions, dispatch, options && options.lastNodeMustBeParagraph);
+        plugin: function plugin(_ref4) {
+          var _api$analytics;
+          var dispatch = _ref4.dispatch;
+          return (0, _main.createPlugin)(api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions, dispatch, options && options.lastNodeMustBeParagraph);
         }
       }, {
         name: 'blockTypeInputRule',
-        plugin: function plugin(_ref4) {
-          var _api$dependencies$ana2;
-          var schema = _ref4.schema,
-            featureFlags = _ref4.featureFlags;
-          return (0, _inputRule.default)(api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : _api$dependencies$ana2.actions, schema, featureFlags);
+        plugin: function plugin(_ref5) {
+          var _api$analytics2;
+          var schema = _ref5.schema,
+            featureFlags = _ref5.featureFlags;
+          return (0, _inputRule.default)(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions, schema, featureFlags);
         }
       },
       // Needs to be lower priority than editor-tables.tableEditing
       // plugin as it is currently swallowing right/down arrow events inside tables
       {
         name: 'blockTypeKeyMap',
-        plugin: function plugin(_ref5) {
-          var _api$dependencies$ana3;
-          var schema = _ref5.schema,
-            featureFlags = _ref5.featureFlags;
-          return (0, _keymap.default)(api === null || api === void 0 ? void 0 : (_api$dependencies$ana3 = api.dependencies.analytics) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.actions, schema, featureFlags);
+        plugin: function plugin(_ref6) {
+          var _api$analytics3;
+          var schema = _ref6.schema,
+            featureFlags = _ref6.featureFlags;
+          return (0, _keymap.default)(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, schema, featureFlags);
         }
       }];
     },
-    primaryToolbarComponent: function primaryToolbarComponent(_ref6) {
-      var editorView = _ref6.editorView,
-        popupsMountPoint = _ref6.popupsMountPoint,
-        popupsBoundariesElement = _ref6.popupsBoundariesElement,
-        popupsScrollableElement = _ref6.popupsScrollableElement,
-        toolbarSize = _ref6.toolbarSize,
-        disabled = _ref6.disabled,
-        isToolbarReducedSpacing = _ref6.isToolbarReducedSpacing,
-        eventDispatcher = _ref6.eventDispatcher;
+    primaryToolbarComponent: function primaryToolbarComponent(_ref7) {
+      var editorView = _ref7.editorView,
+        popupsMountPoint = _ref7.popupsMountPoint,
+        popupsBoundariesElement = _ref7.popupsBoundariesElement,
+        popupsScrollableElement = _ref7.popupsScrollableElement,
+        toolbarSize = _ref7.toolbarSize,
+        disabled = _ref7.disabled,
+        isToolbarReducedSpacing = _ref7.isToolbarReducedSpacing,
+        eventDispatcher = _ref7.eventDispatcher;
       var isSmall = options && options.isUndoRedoButtonsEnabled ? toolbarSize < _types.ToolbarSize.XXL : toolbarSize < _types.ToolbarSize.XL;
       var boundSetBlockType = function boundSetBlockType(name) {
-        var _api$dependencies$ana4;
-        return (0, _commands.setBlockTypeWithAnalytics)(name, _analytics.INPUT_METHOD.TOOLBAR, api === null || api === void 0 ? void 0 : (_api$dependencies$ana4 = api.dependencies.analytics) === null || _api$dependencies$ana4 === void 0 ? void 0 : _api$dependencies$ana4.actions)(editorView.state, editorView.dispatch);
+        var _api$analytics4;
+        return (0, _commands.setBlockTypeWithAnalytics)(name, _analytics.INPUT_METHOD.TOOLBAR, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)(editorView.state, editorView.dispatch);
       };
       return /*#__PURE__*/_react.default.createElement(_withPluginState.WithPluginState, {
         editorView: editorView,
@@ -168,8 +170,8 @@ var blockTypePlugin = function blockTypePlugin(options, api) {
         plugins: {
           pluginState: _main.pluginKey
         },
-        render: function render(_ref7) {
-          var pluginState = _ref7.pluginState;
+        render: function render(_ref8) {
+          var pluginState = _ref8.pluginState;
           return /*#__PURE__*/_react.default.createElement(_ToolbarBlockType.default, {
             isSmall: isSmall,
             isDisabled: disabled,
@@ -185,9 +187,9 @@ var blockTypePlugin = function blockTypePlugin(options, api) {
     },
     pluginsOptions: {
       quickInsert: function quickInsert(intl) {
-        var _api$dependencies$ana5, _api$dependencies$ana6;
+        var _api$analytics5, _api$analytics6;
         var exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
-        return [].concat((0, _toConsumableArray2.default)(blockquotePluginOptions(intl, exclude.indexOf('blockquote') === -1, api === null || api === void 0 ? void 0 : (_api$dependencies$ana5 = api.dependencies.analytics) === null || _api$dependencies$ana5 === void 0 ? void 0 : _api$dependencies$ana5.actions)), (0, _toConsumableArray2.default)(headingPluginOptions(intl, exclude.indexOf('heading') === -1, api === null || api === void 0 ? void 0 : (_api$dependencies$ana6 = api.dependencies.analytics) === null || _api$dependencies$ana6 === void 0 ? void 0 : _api$dependencies$ana6.actions)));
+        return [].concat((0, _toConsumableArray2.default)(blockquotePluginOptions(intl, exclude.indexOf('blockquote') === -1, api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions)), (0, _toConsumableArray2.default)(headingPluginOptions(intl, exclude.indexOf('heading') === -1, api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions)));
       }
     }
   };

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

@@ -86,11 +86,11 @@ var BreakoutView = /*#__PURE__*/function () {
     this.mark = mark;
     this.view = view;
     this.contentDOM = contentDOM;
-    this.unsubscribe = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width.sharedState.onChange(function (_ref) {
+    this.unsubscribe = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width.sharedState.onChange(function (_ref) {
       var nextSharedState = _ref.nextSharedState;
       return _this.updateWidth(nextSharedState);
     });
-    this.updateWidth(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width.sharedState.currentState());
+    this.updateWidth(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width.sharedState.currentState());
   }
   (0, _createClass2.default)(BreakoutView, [{
     key: "destroy",
@@ -163,7 +163,9 @@ var LayoutButtonWrapper = function LayoutButtonWrapper(_ref3) {
     node: (_breakoutState$breako = breakoutState === null || breakoutState === void 0 ? void 0 : (_breakoutState$breako2 = breakoutState.breakoutNode) === null || _breakoutState$breako2 === void 0 ? void 0 : _breakoutState$breako2.node) !== null && _breakoutState$breako !== void 0 ? _breakoutState$breako : null
   });
 };
-var breakoutPlugin = function breakoutPlugin(options, api) {
+var breakoutPlugin = function breakoutPlugin(_ref4) {
+  var options = _ref4.config,
+    api = _ref4.api;
   return {
     name: 'breakout',
     pmPlugins: function pmPlugins() {
@@ -194,11 +196,11 @@ var breakoutPlugin = function breakoutPlugin(options, api) {
       }
       return pluginState;
     },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView,
-        popupsMountPoint = _ref4.popupsMountPoint,
-        popupsBoundariesElement = _ref4.popupsBoundariesElement,
-        popupsScrollableElement = _ref4.popupsScrollableElement;
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsBoundariesElement = _ref5.popupsBoundariesElement,
+        popupsScrollableElement = _ref5.popupsScrollableElement;
       // This is a bit crappy, but should be resolved once we move to a static schema.
       if (options && !options.allowBreakoutButton) {
         return null;

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

@@ -8,7 +8,8 @@ exports.default = void 0;
 var _adfSchema = require("@atlaskit/adf-schema");
 var _main = _interopRequireDefault(require("./pm-plugins/main"));
 var _keymap = require("./pm-plugins/keymap");
-var captionPlugin = function captionPlugin(_, api) {
+var captionPlugin = function captionPlugin(_ref) {
+  var api = _ref.api;
   return {
     name: 'caption',
     nodes: function nodes() {
@@ -20,11 +21,11 @@ var captionPlugin = function captionPlugin(_, api) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'caption',
-        plugin: function plugin(_ref) {
-          var portalProviderAPI = _ref.portalProviderAPI,
-            providerFactory = _ref.providerFactory,
-            eventDispatcher = _ref.eventDispatcher,
-            dispatch = _ref.dispatch;
+        plugin: function plugin(_ref2) {
+          var portalProviderAPI = _ref2.portalProviderAPI,
+            providerFactory = _ref2.providerFactory,
+            eventDispatcher = _ref2.eventDispatcher,
+            dispatch = _ref2.dispatch;
           return (0, _main.default)(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api);
         }
       }, {

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

@@ -19,8 +19,8 @@ var fireAnalytics = function fireAnalytics(tr, action, analyticsApi) {
   })(tr);
 };
 var _default = function _default(portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi) {
-  var _pluginInjectionApi$d;
-  var analyticsApi = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions;
+  var _pluginInjectionApi$a;
+  var analyticsApi = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions;
   return new _safePlugin.SafePlugin({
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       // only run for transactions that change selection

package/dist/cjs/plugins/code-bidi-warning/index.js

@@ -6,16 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _main = require("./pm-plugins/main");
 var codeBidiWarning = function codeBidiWarning(_ref) {
-  var appearance = _ref.appearance;
+  var config = _ref.config;
   return {
     name: 'codeBidiWarning',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBidiWarning',
         plugin: function plugin(options) {
-          return (0, _main.createPlugin)(options, {
-            appearance: appearance
-          });
+          return (0, _main.createPlugin)(options, config);
         }
       }];
     }

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

@@ -22,7 +22,9 @@ 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; } // Theres an existing interelationship between these files, where the imported function is being called for code-block
 // Insertions via the drop down menu
 // tslint-ignore-next-line
-var codeBlockPlugin = function codeBlockPlugin(options, api) {
+var codeBlockPlugin = function codeBlockPlugin(_ref) {
+  var options = _ref.config,
+    api = _ref.api;
   return {
     name: 'codeBlock',
     nodes: function nodes() {
@@ -34,11 +36,12 @@ var codeBlockPlugin = function codeBlockPlugin(options, api) {
     pmPlugins: function pmPlugins() {
       return [{
         name: 'codeBlock',
-        plugin: function plugin(_ref) {
-          var getIntl = _ref.getIntl;
+        plugin: function plugin(_ref2) {
+          var _options$appearance;
+          var getIntl = _ref2.getIntl;
           return (0, _main.createPlugin)(_objectSpread(_objectSpread({}, options), {}, {
             getIntl: getIntl,
-            appearance: options.appearance
+            appearance: (_options$appearance = options === null || options === void 0 ? void 0 : options.appearance) !== null && _options$appearance !== void 0 ? _options$appearance : 'comment'
           }));
         }
       }, {
@@ -48,8 +51,8 @@ var codeBlockPlugin = function codeBlockPlugin(options, api) {
         }
       }, {
         name: 'codeBlockKeyMap',
-        plugin: function plugin(_ref2) {
-          var schema = _ref2.schema;
+        plugin: function plugin(_ref3) {
+          var schema = _ref3.schema;
           return (0, _keymaps.default)(schema);
         }
       }, {
@@ -65,8 +68,8 @@ var codeBlockPlugin = function codeBlockPlugin(options, api) {
       (0, _refreshBrowserSelection.default)(props.originalTransaction, props.newEditorState);
     },
     pluginsOptions: {
-      quickInsert: function quickInsert(_ref3) {
-        var formatMessage = _ref3.formatMessage;
+      quickInsert: function quickInsert(_ref4) {
+        var formatMessage = _ref4.formatMessage;
         return [{
           id: 'codeblock',
           title: formatMessage(_messages.messages.codeblock),
@@ -78,11 +81,11 @@ var codeBlockPlugin = function codeBlockPlugin(options, api) {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconCode, null);
           },
           action: function action(insert, state) {
-            var _api$dependencies$ana;
+            var _api$analytics;
             var tr = (0, _blockType.createInsertCodeBlockTransaction)({
               state: state
             });
-            api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions.attachAnalyticsEvent({
+            api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions.attachAnalyticsEvent({
               action: _analytics.ACTION.INSERTED,
               actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
               actionSubjectId: _analytics.ACTION_SUBJECT_ID.CODE_BLOCK,
@@ -95,7 +98,7 @@ var codeBlockPlugin = function codeBlockPlugin(options, api) {
           }
         }];
       },
-      floatingToolbar: (0, _toolbar.getToolbarConfig)(options.allowCopyToClipboard, api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration)
+      floatingToolbar: (0, _toolbar.getToolbarConfig)(options === null || options === void 0 ? void 0 : options.allowCopyToClipboard, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration)
     }
   };
 };

package/dist/cjs/plugins/code-block/pm-plugins/ide-ux.js

@@ -19,10 +19,10 @@ var ideUX = function ideUX(pluginInjectionApi) {
   return new _safePlugin.SafePlugin({
     props: {
       handleTextInput: function handleTextInput(view, from, to, text) {
-        var _pluginInjectionApi$d;
+        var _pluginInjectionApi$c;
         var state = view.state,
           dispatch = view.dispatch;
-        var compositionPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.composition) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.sharedState.currentState();
+        var compositionPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.composition) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.sharedState.currentState();
         if ((0, _lineHandling.isCursorInsideCodeBlock)(state) && !(compositionPluginState !== null && compositionPluginState !== void 0 && compositionPluginState.isComposing)) {
           var beforeText = (0, _lineHandling.getStartOfCurrentLine)(state).text;
           var afterText = (0, _lineHandling.getEndOfCurrentLine)(state).text;

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

@@ -59,9 +59,11 @@ var providerBuilder = function providerBuilder(collabEditProviderPromise) {
     };
   }();
 };
-var collabEditPlugin = function collabEditPlugin(options, api) {
-  var _api$dependencies, _api$dependencies$fea;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$fea = _api$dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
+var collabEditPlugin = function collabEditPlugin(_ref2) {
+  var _api$featureFlags;
+  var options = _ref2.config,
+    api = _ref2.api;
+  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   var providerResolver = function providerResolver() {};
   var collabEditProviderPromise = new Promise(function (_providerResolver) {
     providerResolver = _providerResolver;
@@ -70,11 +72,11 @@ var collabEditPlugin = function collabEditPlugin(options, api) {
   return {
     name: 'collabEdit',
     pmPlugins: function pmPlugins() {
-      var _ref2 = options || {},
-        _ref2$useNativePlugin = _ref2.useNativePlugin,
-        useNativePlugin = _ref2$useNativePlugin === void 0 ? false : _ref2$useNativePlugin,
-        _ref2$userId = _ref2.userId,
-        userId = _ref2$userId === void 0 ? null : _ref2$userId;
+      var _ref3 = options || {},
+        _ref3$useNativePlugin = _ref3.useNativePlugin,
+        useNativePlugin = _ref3$useNativePlugin === void 0 ? false : _ref3$useNativePlugin,
+        _ref3$userId = _ref3.userId,
+        userId = _ref3$userId === void 0 ? null : _ref3$userId;
       return [].concat((0, _toConsumableArray2.default)(useNativePlugin ? [{
         name: 'pmCollab',
         plugin: function plugin() {
@@ -91,22 +93,22 @@ var collabEditPlugin = function collabEditPlugin(options, api) {
         }
       }] : []), [{
         name: 'collab',
-        plugin: function plugin(_ref3) {
-          var dispatch = _ref3.dispatch,
-            providerFactory = _ref3.providerFactory;
+        plugin: function plugin(_ref4) {
+          var dispatch = _ref4.dispatch,
+            providerFactory = _ref4.providerFactory;
           return (0, _plugin.createPlugin)(dispatch, providerFactory, providerResolver, executeProviderCode, options, featureFlags, api);
         }
       }]);
     },
     onEditorViewStateUpdated: function onEditorViewStateUpdated(props) {
-      var _api$dependencies$ana;
-      var addErrorAnalytics = (0, _analytics.addSynchronyErrorAnalytics)(props.newEditorState, props.newEditorState.tr, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
+      var _api$analytics, _options$useNativePlu;
+      var addErrorAnalytics = (0, _analytics.addSynchronyErrorAnalytics)(props.newEditorState, props.newEditorState.tr, featureFlags, api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions);
       executeProviderCode((0, _sendTransaction.sendTransaction)({
         originalTransaction: props.originalTransaction,
         transactions: props.transactions,
         oldEditorState: props.oldEditorState,
         newEditorState: props.newEditorState,
-        useNativePlugin: options && options.useNativePlugin
+        useNativePlugin: (_options$useNativePlu = options === null || options === void 0 ? void 0 : options.useNativePlugin) !== null && _options$useNativePlu !== void 0 ? _options$useNativePlu : false
       }), addErrorAnalytics);
     }
   };