@atlaskit/editor-core 187.31.7 → 187.32.1

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

@@ -81,7 +81,10 @@ const blockquotePluginOptions = ({
     }
   }];
 };
-const blockTypePlugin = (options, api) => ({
+const blockTypePlugin = ({
+  config: options,
+  api
+}) => ({
   name: 'blockType',
   nodes() {
     const nodes = [{
@@ -106,8 +109,8 @@ const blockTypePlugin = (options, api) => ({
       plugin: ({
         dispatch
       }) => {
-        var _api$dependencies$ana;
-        return 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);
+        var _api$analytics;
+        return 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',
@@ -115,8 +118,8 @@ const blockTypePlugin = (options, api) => ({
         schema,
         featureFlags
       }) => {
-        var _api$dependencies$ana2;
-        return inputRulePlugin(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);
+        var _api$analytics2;
+        return inputRulePlugin(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
@@ -127,8 +130,8 @@ const blockTypePlugin = (options, api) => ({
         schema,
         featureFlags
       }) => {
-        var _api$dependencies$ana3;
-        return keymapPlugin(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);
+        var _api$analytics3;
+        return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions, schema, featureFlags);
       }
     }];
   },
@@ -144,8 +147,8 @@ const blockTypePlugin = (options, api) => ({
   }) {
     const isSmall = options && options.isUndoRedoButtonsEnabled ? toolbarSize < ToolbarSize.XXL : toolbarSize < ToolbarSize.XL;
     const boundSetBlockType = name => {
-      var _api$dependencies$ana4;
-      return setBlockTypeWithAnalytics(name, 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 setBlockTypeWithAnalytics(name, 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.createElement(WithPluginState, {
       editorView: editorView,
@@ -171,9 +174,9 @@ const blockTypePlugin = (options, api) => ({
   },
   pluginsOptions: {
     quickInsert: intl => {
-      var _api$dependencies$ana5, _api$dependencies$ana6;
+      var _api$analytics5, _api$analytics6;
       const exclude = options && options.allowBlockType && options.allowBlockType.exclude ? options.allowBlockType.exclude : [];
-      return [...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), ...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 [...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), ...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/es2019/plugins/breakout/index.js

@@ -80,10 +80,10 @@ class BreakoutView {
     this.mark = mark;
     this.view = view;
     this.contentDOM = contentDOM;
-    this.unsubscribe = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.width.sharedState.onChange(({
+    this.unsubscribe = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.width.sharedState.onChange(({
       nextSharedState
     }) => 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());
   }
   // NOTE: Lifecycle events doesn't work for mark NodeView. So currently this is a no-op.
   // @see https://github.com/ProseMirror/prosemirror/issues/1082
@@ -155,7 +155,10 @@ const LayoutButtonWrapper = ({
     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
   });
 };
-const breakoutPlugin = (options, api) => ({
+const breakoutPlugin = ({
+  config: options,
+  api
+}) => ({
   name: 'breakout',
   pmPlugins() {
     return [{

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

@@ -1,7 +1,9 @@
 import { caption } from '@atlaskit/adf-schema';
 import { default as createCaptionPlugin } from './pm-plugins/main';
 import { captionKeymap } from './pm-plugins/keymap';
-const captionPlugin = (_, api) => {
+const captionPlugin = ({
+  api
+}) => {
   return {
     name: 'caption',
     nodes() {

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

@@ -12,8 +12,8 @@ const fireAnalytics = (tr, action, analyticsApi) => {
   })(tr);
 };
 export default ((portalProviderAPI, eventDispatcher, providerFactory, dispatch, pluginInjectionApi) => {
-  var _pluginInjectionApi$d;
-  const 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;
+  const 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({
     appendTransaction(transactions, oldState, newState) {
       // only run for transactions that change selection

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

@@ -1,15 +1,13 @@
 import { createPlugin } from './pm-plugins/main';
 const codeBidiWarning = ({
-  appearance
+  config
 }) => ({
   name: 'codeBidiWarning',
   pmPlugins() {
     return [{
       name: 'codeBidiWarning',
       plugin: options => {
-        return createPlugin(options, {
-          appearance
-        });
+        return createPlugin(options, config);
       }
     }];
   }

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

@@ -13,7 +13,10 @@ import refreshBrowserSelectionOnChange from './refresh-browser-selection';
 // Insertions via the drop down menu
 // tslint-ignore-next-line
 import { createInsertCodeBlockTransaction } from '../block-type/commands/block-type';
-const codeBlockPlugin = (options, api) => ({
+const codeBlockPlugin = ({
+  config: options,
+  api
+}) => ({
   name: 'codeBlock',
   nodes() {
     return [{
@@ -26,11 +29,14 @@ const codeBlockPlugin = (options, api) => ({
       name: 'codeBlock',
       plugin: ({
         getIntl
-      }) => createPlugin({
-        ...options,
-        getIntl,
-        appearance: options.appearance
-      })
+      }) => {
+        var _options$appearance;
+        return createPlugin({
+          ...options,
+          getIntl,
+          appearance: (_options$appearance = options === null || options === void 0 ? void 0 : options.appearance) !== null && _options$appearance !== void 0 ? _options$appearance : 'comment'
+        });
+      }
     }, {
       name: 'codeBlockIDEKeyBindings',
       plugin: () => ideUX(api)
@@ -61,11 +67,11 @@ const codeBlockPlugin = (options, api) => ({
       keyshortcut: '```',
       icon: () => /*#__PURE__*/React.createElement(IconCode, null),
       action(insert, state) {
-        var _api$dependencies$ana;
+        var _api$analytics;
         const tr = createInsertCodeBlockTransaction({
           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: ACTION.INSERTED,
           actionSubject: ACTION_SUBJECT.DOCUMENT,
           actionSubjectId: ACTION_SUBJECT_ID.CODE_BLOCK,
@@ -77,7 +83,7 @@ const codeBlockPlugin = (options, api) => ({
         return tr;
       }
     }],
-    floatingToolbar: getToolbarConfig(options.allowCopyToClipboard, api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration)
+    floatingToolbar: getToolbarConfig(options === null || options === void 0 ? void 0 : options.allowCopyToClipboard, api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration)
   }
 });
 export default codeBlockPlugin;

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

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

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

@@ -19,9 +19,12 @@ const providerBuilder = collabEditProviderPromise => async (codeToExecute, onErr
     }
   }
 };
-const collabEditPlugin = (options, api) => {
-  var _api$dependencies, _api$dependencies$fea;
-  const 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()) || {};
+const collabEditPlugin = ({
+  config: options,
+  api
+}) => {
+  var _api$featureFlags;
+  const featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
   let providerResolver = () => {};
   const collabEditProviderPromise = new Promise(_providerResolver => {
     providerResolver = _providerResolver;
@@ -55,14 +58,14 @@ const collabEditPlugin = (options, api) => {
       }];
     },
     onEditorViewStateUpdated(props) {
-      var _api$dependencies$ana;
-      const addErrorAnalytics = 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;
+      const addErrorAnalytics = 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(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);
     }
   };

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

@@ -39,11 +39,11 @@ export const createPlugin = (dispatch, providerFactory, providerResolver, collab
       return true;
     },
     view(view) {
-      var _pluginInjectionApi$d, _pluginInjectionApi$d5;
-      const addErrorAnalytics = addSynchronyErrorAnalytics(view.state, view.state.tr, featureFlags, 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, _pluginInjectionApi$a5;
+      const addErrorAnalytics = addSynchronyErrorAnalytics(view.state, view.state.tr, featureFlags, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions);
       const onSyncUpError = attributes => {
-        var _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4;
-        const fireAnalyticsCallback = fireAnalyticsEvent((_pluginInjectionApi$d2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : (_pluginInjectionApi$d4 = _pluginInjectionApi$d3.sharedState.currentState()) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.createAnalyticsEvent) !== null && _pluginInjectionApi$d2 !== void 0 ? _pluginInjectionApi$d2 : undefined);
+        var _pluginInjectionApi$a2, _pluginInjectionApi$a3, _pluginInjectionApi$a4;
+        const fireAnalyticsCallback = fireAnalyticsEvent((_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : (_pluginInjectionApi$a4 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined);
         fireAnalyticsCallback({
           payload: {
             action: ACTION.NEW_COLLAB_SYNC_UP_ERROR_NO_STEPS,
@@ -59,7 +59,7 @@ export const createPlugin = (dispatch, providerFactory, providerResolver, collab
         options,
         providerFactory,
         featureFlags,
-        editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d5 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d5 === void 0 ? void 0 : _pluginInjectionApi$d5.actions
+        editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : _pluginInjectionApi$a5.actions
       }), addErrorAnalytics);
       providerFactory && providerFactory.subscribe('collabEditProvider', (_name, providerPromise) => {
         if (providerPromise) {

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

@@ -80,7 +80,10 @@ function ContentComponent({
     weekStartDay: weekStartDay
   });
 }
-const datePlugin = (options = {}, api) => ({
+const datePlugin = ({
+  config: options = {},
+  api
+}) => ({
   name: 'date',
   getSharedState(editorState) {
     if (!editorState) {
@@ -151,9 +154,9 @@ const datePlugin = (options = {}, api) => ({
       keyshortcut: '//',
       icon: () => /*#__PURE__*/React.createElement(IconDate, null),
       action(insert, state) {
-        var _api$dependencies, _api$dependencies$ana, _api$dependencies$ana2, _api$dependencies$ana3;
+        var _api$analytics, _api$analytics$action, _api$analytics$action2;
         const tr = createDate(true)(insert, state);
-        api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$ana = _api$dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : (_api$dependencies$ana2 = _api$dependencies$ana.actions) === null || _api$dependencies$ana2 === void 0 ? void 0 : (_api$dependencies$ana3 = _api$dependencies$ana2.attachAnalyticsEvent) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.call(_api$dependencies$ana2, {
+        api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$action = _api$analytics.actions) === null || _api$analytics$action === void 0 ? void 0 : (_api$analytics$action2 = _api$analytics$action.attachAnalyticsEvent) === null || _api$analytics$action2 === void 0 ? void 0 : _api$analytics$action2.call(_api$analytics$action, {
           action: ACTION.INSERTED,
           actionSubject: ACTION_SUBJECT.DOCUMENT,
           actionSubjectId: ACTION_SUBJECT_ID.DATE,

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

@@ -54,8 +54,11 @@ const memoizedToItem = memoize(emojiToTypeaheadItem);
 export const defaultListLimit = 50;
 const isFullShortName = query => query && query.length > 1 && query.charAt(0) === ':' && query.charAt(query.length - 1) === ':';
 const TRIGGER = ':';
-export const emojiPlugin = (options, api) => {
-  var _api$dependencies$ana9;
+export const emojiPlugin = ({
+  config: options,
+  api
+}) => {
+  var _api$analytics5;
   const typeAhead = {
     id: TypeAheadAvailableNodes.EMOJI,
     trigger: TRIGGER,
@@ -117,7 +120,7 @@ export const emojiPlugin = (options, api) => {
     selectItem(state, item, insert, {
       mode
     }) {
-      var _api$dependencies$ana7;
+      var _api$analytics3;
       const {
         id = '',
         fallback,
@@ -126,11 +129,11 @@ export const emojiPlugin = (options, api) => {
       const text = fallback || shortName;
       const emojiPluginState = emojiPluginKey.getState(state);
       if (emojiPluginState.emojiProvider && emojiPluginState.emojiProvider.recordSelection && item.emoji) {
-        var _api$dependencies$ana, _api$dependencies$ana2, _api$dependencies$ana3, _api$dependencies$ana4, _api$dependencies$ana5, _api$dependencies$ana6;
+        var _api$analytics$shared, _api$analytics, _api$analytics$shared2, _api$analytics$shared3, _api$analytics2, _api$analytics2$share;
         emojiPluginState.emojiProvider.recordSelection(item.emoji).then(recordSelectionSucceededSli({
-          createAnalyticsEvent: (_api$dependencies$ana = api === null || api === void 0 ? void 0 : (_api$dependencies$ana2 = api.dependencies.analytics) === null || _api$dependencies$ana2 === void 0 ? void 0 : (_api$dependencies$ana3 = _api$dependencies$ana2.sharedState.currentState()) === null || _api$dependencies$ana3 === void 0 ? void 0 : _api$dependencies$ana3.createAnalyticsEvent) !== null && _api$dependencies$ana !== void 0 ? _api$dependencies$ana : undefined
+          createAnalyticsEvent: (_api$analytics$shared = api === null || api === void 0 ? void 0 : (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : (_api$analytics$shared2 = _api$analytics.sharedState.currentState()) === null || _api$analytics$shared2 === void 0 ? void 0 : _api$analytics$shared2.createAnalyticsEvent) !== null && _api$analytics$shared !== void 0 ? _api$analytics$shared : undefined
         })).catch(recordSelectionFailedSli({
-          createAnalyticsEvent: (_api$dependencies$ana4 = api === null || api === void 0 ? void 0 : (_api$dependencies$ana5 = api.dependencies.analytics) === null || _api$dependencies$ana5 === void 0 ? void 0 : (_api$dependencies$ana6 = _api$dependencies$ana5.sharedState.currentState()) === null || _api$dependencies$ana6 === void 0 ? void 0 : _api$dependencies$ana6.createAnalyticsEvent) !== null && _api$dependencies$ana4 !== void 0 ? _api$dependencies$ana4 : undefined
+          createAnalyticsEvent: (_api$analytics$shared3 = api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : (_api$analytics2$share = _api$analytics2.sharedState.currentState()) === null || _api$analytics2$share === void 0 ? void 0 : _api$analytics2$share.createAnalyticsEvent) !== null && _api$analytics$shared3 !== void 0 ? _api$analytics$shared3 : undefined
         }));
       }
       const emojiNode = state.schema.nodes.emoji.createChecked({
@@ -140,7 +143,7 @@ export const emojiPlugin = (options, api) => {
       });
       const space = state.schema.text(' ');
       const tr = insert(Fragment.from([emojiNode, space]));
-      api === null || api === void 0 ? void 0 : (_api$dependencies$ana7 = api.dependencies.analytics) === null || _api$dependencies$ana7 === void 0 ? void 0 : _api$dependencies$ana7.actions.attachAnalyticsEvent({
+      api === null || api === void 0 ? void 0 : (_api$analytics3 = api.analytics) === null || _api$analytics3 === void 0 ? void 0 : _api$analytics3.actions.attachAnalyticsEvent({
         action: ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.DOCUMENT,
         actionSubjectId: ACTION_SUBJECT_ID.EMOJI,
@@ -171,8 +174,8 @@ export const emojiPlugin = (options, api) => {
           providerFactory,
           featureFlags
         }) => {
-          var _api$dependencies$ana8;
-          return asciiInputRulePlugin(schema, providerFactory, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$ana8 = api.dependencies.analytics) === null || _api$dependencies$ana8 === void 0 ? void 0 : _api$dependencies$ana8.actions);
+          var _api$analytics4;
+          return asciiInputRulePlugin(schema, providerFactory, featureFlags, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
         }
       }];
     },
@@ -183,7 +186,7 @@ export const emojiPlugin = (options, api) => {
       return emojiPluginKey.getState(editorState);
     },
     commands: {
-      insertEmoji: insertEmoji(api === null || api === void 0 ? void 0 : (_api$dependencies$ana9 = api.dependencies.analytics) === null || _api$dependencies$ana9 === void 0 ? void 0 : _api$dependencies$ana9.actions)
+      insertEmoji: insertEmoji(api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions)
     },
     pluginsOptions: {
       quickInsert: ({
@@ -196,15 +199,15 @@ export const emojiPlugin = (options, api) => {
         keyshortcut: ':',
         icon: () => /*#__PURE__*/React.createElement(IconEmoji, null),
         action(insert, state) {
-          var _api$dependencies$ana10;
+          var _api$analytics6;
           const tr = insert(undefined);
-          api === null || api === void 0 ? void 0 : api.dependencies.typeAhead.commands.openTypeAheadAtCursor({
+          api === null || api === void 0 ? void 0 : api.typeAhead.commands.openTypeAheadAtCursor({
             triggerHandler: typeAhead,
             inputMethod: INPUT_METHOD.QUICK_INSERT
           })({
             tr
           });
-          api === null || api === void 0 ? void 0 : (_api$dependencies$ana10 = api.dependencies.analytics) === null || _api$dependencies$ana10 === void 0 ? void 0 : _api$dependencies$ana10.actions.attachAnalyticsEvent({
+          api === null || api === void 0 ? void 0 : (_api$analytics6 = api.analytics) === null || _api$analytics6 === void 0 ? void 0 : _api$analytics6.actions.attachAnalyticsEvent({
             action: ACTION.INVOKED,
             actionSubject: ACTION_SUBJECT.TYPEAHEAD,
             actionSubjectId: ACTION_SUBJECT_ID.TYPEAHEAD_EMOJI,

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

@@ -8,9 +8,12 @@ import { getToolbarConfig } from './toolbar';
 import { createExpandNode } from './commands';
 import { messages } from '../insert-block/ui/ToolbarInsertBlock/messages';
 import { createWrapSelectionTransaction } from '../block-type/commands/block-type';
-const expandPlugin = (options = {}, api) => {
-  var _api$dependencies, _api$dependencies$fea;
-  const 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()) || {};
+const expandPlugin = ({
+  config: options = {},
+  api
+}) => {
+  var _api$featureFlags;
+  const 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: 'expand',
     nodes() {
@@ -37,7 +40,7 @@ const expandPlugin = (options = {}, api) => {
       }];
     },
     pluginsOptions: {
-      floatingToolbar: getToolbarConfig(api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration),
+      floatingToolbar: getToolbarConfig(api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration),
       quickInsert: ({
         formatMessage
       }) => {

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

@@ -4,9 +4,12 @@ import keymapPlugin from './pm-plugins/keymap';
 import { createPlugin as createUniqueIdPlugin } from './pm-plugins/unique-id';
 import { getToolbarConfig } from './toolbar';
 import { getContextPanel } from './context-panel';
-const extensionPlugin = (options = {}, api) => {
-  var _api$dependencies, _api$dependencies$fea, _api$dependencies$con2, _api$dependencies$con3;
-  const 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()) || {};
+const extensionPlugin = ({
+  config: options = {},
+  api
+}) => {
+  var _api$featureFlags, _api$contextPanel2, _api$contextPanel3;
+  const 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: 'extension',
     nodes() {
@@ -38,8 +41,8 @@ const extensionPlugin = (options = {}, api) => {
       }, {
         name: 'extensionKeymap',
         plugin: () => {
-          var _api$dependencies$con;
-          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$dependencies$con = api.dependencies.contextPanel) === null || _api$dependencies$con === void 0 ? void 0 : _api$dependencies$con.actions.applyChange);
+          var _api$contextPanel;
+          return keymapPlugin(api === null || api === void 0 ? void 0 : (_api$contextPanel = api.contextPanel) === null || _api$contextPanel === void 0 ? void 0 : _api$contextPanel.actions.applyChange);
         }
       }, {
         name: 'extensionUniqueId',
@@ -49,10 +52,10 @@ const extensionPlugin = (options = {}, api) => {
     pluginsOptions: {
       floatingToolbar: getToolbarConfig({
         breakoutEnabled: options.breakoutEnabled,
-        hoverDecoration: api === null || api === void 0 ? void 0 : api.dependencies.decorations.actions.hoverDecoration,
-        applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$dependencies$con2 = api.dependencies.contextPanel) === null || _api$dependencies$con2 === void 0 ? void 0 : _api$dependencies$con2.actions.applyChange
+        hoverDecoration: api === null || api === void 0 ? void 0 : api.decorations.actions.hoverDecoration,
+        applyChangeToContextPanel: api === null || api === void 0 ? void 0 : (_api$contextPanel2 = api.contextPanel) === null || _api$contextPanel2 === void 0 ? void 0 : _api$contextPanel2.actions.applyChange
       }),
-      contextPanel: getContextPanel(options.allowAutoSave, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies$con3 = api.dependencies.contextPanel) === null || _api$dependencies$con3 === void 0 ? void 0 : _api$dependencies$con3.actions.applyChange)
+      contextPanel: getContextPanel(options.allowAutoSave, featureFlags, api === null || api === void 0 ? void 0 : (_api$contextPanel3 = api.contextPanel) === null || _api$contextPanel3 === void 0 ? void 0 : _api$contextPanel3.actions.applyChange)
     }
   };
 };

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

@@ -130,11 +130,11 @@ export const handleUpdate = ({
   return true;
 };
 const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProviderAPI, eventDispatcher, pluginInjectionApi, useLongPressSelection = false, options = {}) => {
-  var _pluginInjectionApi$d;
+  var _pluginInjectionApi$c;
   const state = createPluginState(dispatch, {
     showEditButton: false,
     showContextPanel: false,
-    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.contextPanel) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.applyChange
+    applyChangeToContextPanel: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c === void 0 ? void 0 : _pluginInjectionApi$c.actions.applyChange
   });
   const extensionNodeViewOptions = {
     appearance: options.appearance
@@ -149,13 +149,13 @@ const createPlugin = (dispatch, providerFactory, extensionHandlers, portalProvid
       providerFactory.subscribe('contextIdentificationProvider', contextIdentificationProviderHandler);
       return {
         update: (view, prevState) => {
-          var _pluginInjectionApi$d2;
+          var _pluginInjectionApi$c2;
           handleUpdate({
             view,
             prevState,
             domAtPos,
             extensionHandlers,
-            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.contextPanel) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.applyChange
+            applyChange: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.contextPanel) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.applyChange
           });
         },
         destroy: () => {

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

@@ -44,8 +44,10 @@ export const openFeedbackDialog = async feedbackInfo => new Promise(async (resol
   // Return the timoutId for consumers to call clearTimeout if they need to.
   resolve(timeoutId);
 });
-const feedbackDialog = feedbackInfo => {
-  defaultFeedbackInfo = feedbackInfo;
+const feedbackDialog = ({
+  config: feedbackInfo
+}) => {
+  defaultFeedbackInfo = feedbackInfo !== null && feedbackInfo !== void 0 ? feedbackInfo : {};
   return {
     name: 'feedbackDialog',
     pluginsOptions: {

package/dist/es2019/plugins/find-replace/index.js

@@ -2,9 +2,12 @@ import React from 'react';
 import { createPlugin } from './plugin';
 import keymapPlugin from './keymap';
 import FindReplaceToolbarButtonWithState from './FindReplaceToolbarButtonWithState';
-export const findReplacePlugin = (props, api) => {
-  var _api$dependencies, _api$dependencies$fea;
-  const 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()) || {};
+export const findReplacePlugin = ({
+  config: props,
+  api
+}) => {
+  var _api$featureFlags;
+  const 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: 'findReplace',
     pmPlugins() {
@@ -27,7 +30,7 @@ export const findReplacePlugin = (props, api) => {
       containerElement,
       dispatchAnalyticsEvent
     }) {
-      if (props.twoLineEditorToolbar) {
+      if (props !== null && props !== void 0 && props.twoLineEditorToolbar) {
         return null;
       } else {
         return /*#__PURE__*/React.createElement(FindReplaceToolbarButtonWithState, {
@@ -38,7 +41,7 @@ export const findReplacePlugin = (props, api) => {
           editorView: editorView,
           containerElement: containerElement,
           dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          takeFullWidth: props.takeFullWidth,
+          takeFullWidth: props === null || props === void 0 ? void 0 : props.takeFullWidth,
           featureFlags: featureFlags
         });
       }

package/dist/es2019/plugins/floating-toolbar/index.js

@@ -109,7 +109,9 @@ const getDomRefFromSelection = (view, dispatchAnalyticsEvent) => {
 function filterUndefined(x) {
   return !!x;
 }
-const floatingToolbarPlugin = (_, api) => {
+const floatingToolbarPlugin = ({
+  api
+}) => {
   return {
     name: 'floatingToolbar',
     pmPlugins(floatingToolbarHandlers = []) {
@@ -180,8 +182,8 @@ function ContentComponent({
   providerFactory,
   dispatchAnalyticsEvent
 }) {
-  var _pluginInjectionApi$d, _pluginInjectionApi$d2, _configWithNodeInfo$c, _configWithNodeInfo$c2;
-  const featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.featureFlags) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.sharedState.currentState()) || {};
+  var _pluginInjectionApi$f, _configWithNodeInfo$c, _configWithNodeInfo$c2;
+  const featureFlags = (pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.featureFlags) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.sharedState.currentState()) || {};
   const {
     floatingToolbarState,
     editorDisabledState
@@ -217,7 +219,7 @@ function ContentComponent({
     return null;
   }
   let customPositionCalculation;
-  const toolbarItems = processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.decorations.actions.hoverDecoration);
+  const toolbarItems = processCopyButtonItems(editorView.state)(Array.isArray(items) ? items : items(node), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.decorations.actions.hoverDecoration);
   if (onPositionCalculated) {
     customPositionCalculation = nextPos => {
       return onPositionCalculated(editorView, nextPos);

package/dist/es2019/plugins/floating-toolbar/ui/ScrollButtons.js

@@ -18,7 +18,7 @@ const toolbarScrollButtons = css`
 `;
 const LeftIcon = ChevronLeftLargeIcon;
 const RightIcon = ChevronRightLargeIcon;
-export default (({
+export const ScrollButtons = ({
   intl,
   scrollContainerRef,
   node,
@@ -28,7 +28,11 @@ export default (({
   const [needScroll, setNeedScroll] = useState(false);
   const [canScrollLeft, setCanScrollLeft] = useState(true);
   const [canScrollRight, setCanScrollRight] = useState(true);
-  const scheduledSetCanScroll = rafSchedule(() => {
+  const setCanScrollDebounced = rafSchedule(() => {
+    // Refs are null before mounting and after unmount
+    if (!scrollContainerRef.current) {
+      return;
+    }
     const {
       scrollLeft,
       scrollWidth,
@@ -38,7 +42,7 @@ export default (({
     setCanScrollRight(scrollLeft + offsetWidth < scrollWidth - 1); // -1 to account for half pixel
   });
 
-  const onScroll = () => scheduledSetCanScroll();
+  const onScroll = () => setCanScrollDebounced();
   const scrollLeft = () => {
     var _scrollContainerRef$c, _scrollContainerRef$c2, _scrollContainerRef$c3;
     const {
@@ -95,6 +99,7 @@ export default (({
         scrollContainerRefCurrent.removeEventListener('scroll', onScroll);
         resizeObserver.unobserve(scrollContainerRefCurrent);
       }
+      setCanScrollDebounced.cancel();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -127,4 +132,4 @@ export default (({
     onClick: scrollRight,
     disabled: !canScrollRight || disabled
   })) : null;
-});
+};