@atlaskit/editor-core 187.31.2 → 187.31.5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-core
 
+## 187.31.5
+
+### Patch Changes
+
+- [`a1965abfbe9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a1965abfbe9) - Fix `allowBlockType` so that exclude codeBlock correctly disables codeBlock in the editor.
+- Updated dependencies
+
+## 187.31.4
+
+### Patch Changes
+
+- [`24e27147cbd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/24e27147cbd) - Added atlaskit docs to all existing plugins.
+- Updated dependencies
+
+## 187.31.3
+
+### Patch Changes
+
+- [`0debfab882f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0debfab882f) - ED-17959 prevent redundant rerenders on insert block component and due to typeahead state changes
+
 ## 187.31.2
 
 ### Patch Changes

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

@@ -36,6 +36,7 @@ var _createSchema = require("./create-schema");
 var _pluginPerformanceObserver = require("../utils/performance/plugin-performance-observer");
 var _getParticipantsCount = require("../plugins/collab-edit/get-participants-count");
 var _trackTransactions = require("../utils/performance/track-transactions");
+var _createPluginsList = _interopRequireDefault(require("./create-plugins-list"));
 var _consts = require("./consts");
 var _ReactEditorViewContext = _interopRequireDefault(require("./ReactEditorViewContext"));
 var _preset = require("@atlaskit/editor-common/preset");
@@ -759,9 +760,7 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     value:
     // Helper to allow tests to inject plugins directly
     function getPlugins(preset) {
-      var plugins = preset.build({
-        pluginInjectionAPI: this.pluginInjectionAPI
-      });
+      var plugins = (0, _createPluginsList.default)(preset, this.props.editorProps, this.pluginInjectionAPI);
       this.editorPlugins = plugins;
       return this.editorPlugins;
     }

package/dist/cjs/create-editor/create-plugins-list.js

@@ -4,12 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createPreset = createPreset;
 exports.default = createPluginsList;
 exports.getDefaultPresetOptionsFromEditorProps = getDefaultPresetOptionsFromEditorProps;
 exports.getScrollGutterOptions = getScrollGutterOptions;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _universal = _interopRequireDefault(require("../labs/next/presets/universal"));
 var _utils = require("@atlaskit/editor-common/utils");
 var _isFullPage = require("../utils/is-full-page");
 var _featureFlagsFromProps = require("./feature-flags-from-props");
@@ -112,8 +110,7 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-function createPluginsList(props, prevProps) {
-  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props), (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+function createPluginsList(preset, props, pluginInjectionAPI) {
   var excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType
@@ -121,30 +118,7 @@ function createPluginsList(props, prevProps) {
     excludes.add('codeBlock');
   }
   return preset.build({
+    pluginInjectionAPI: pluginInjectionAPI,
     excludePlugins: excludes
   });
-}
-function withDangerouslyAppendPlugins(preset) {
-  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
-    return plugins ? plugins.map(function (plugin) {
-      return function () {
-        return plugin;
-      };
-    }) : [];
-  }
-  return function (editorPluginsToAppend) {
-    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
-      return preset;
-    }
-    var nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
-    var presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce(function (acc, plugin) {
-      return acc.add(plugin);
-    }, preset);
-    return presetWithAppendedPlugins;
-  };
-}
-function createPreset(props, prevProps) {
-  var _props$dangerouslyApp;
-  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props), (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
-  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
 }

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPreset = createPreset;
+var _universal = _interopRequireDefault(require("../labs/next/presets/universal"));
+var _createPluginsList = require("./create-plugins-list");
+var _featureFlagsFromProps = require("./feature-flags-from-props");
+// Separate file, we should not accidentally import this into the `ComposableEditor`
+// otherwise it will blow up the bundle size.
+function createPreset(props, prevProps) {
+  var _props$dangerouslyApp;
+  var preset = (0, _universal.default)(props.appearance, (0, _createPluginsList.getDefaultPresetOptionsFromEditorProps)(props), (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
+}
+function withDangerouslyAppendPlugins(preset) {
+  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
+    return plugins ? plugins.map(function (plugin) {
+      return function () {
+        return plugin;
+      };
+    }) : [];
+  }
+  return function (editorPluginsToAppend) {
+    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
+      return preset;
+    }
+    var nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
+    var presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce(function (acc, plugin) {
+      return acc.add(plugin);
+    }, preset);
+    return presetWithAppendedPlugins;
+  };
+}

package/dist/cjs/labs/next/presets/useUniversalPreset.js

@@ -8,13 +8,13 @@ exports.default = useUniversalPreset;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _hooks = require("@atlaskit/editor-common/hooks");
-var _createPluginsList = require("../../../create-editor/create-plugins-list");
+var _createPreset = require("../../../create-editor/create-preset");
 var _presetUtils = require("../../../create-editor/preset-utils");
 function useUniversalPreset(_ref) {
   var props = _ref.props;
   var previousEditorProps = (0, _hooks.usePreviousState)(props);
   var _useState = (0, _react.useState)(function () {
-      return (0, _createPluginsList.createPreset)(props, previousEditorProps);
+      return (0, _createPreset.createPreset)(props, previousEditorProps);
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     preset = _useState2[0],
@@ -27,7 +27,7 @@ function useUniversalPreset(_ref) {
     if (!recreate) {
       return;
     }
-    setPreset((0, _createPluginsList.createPreset)(props, previousEditorProps));
+    setPreset((0, _createPreset.createPreset)(props, previousEditorProps));
   }, [props, previousEditorProps]);
   return preset;
 }

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

@@ -34,15 +34,6 @@ var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
       return 0;
   }
 };
-/**
- * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
- * @param name Block name
- */
-function handleInsertBlockType(editorAnalyticsApi) {
-  return function (name) {
-    return (0, _commands.insertBlockTypesWithAnalytics)(name, _analytics.INPUT_METHOD.TOOLBAR, editorAnalyticsApi);
-  };
-}
 var insertBlockPlugin = function insertBlockPlugin() {
   var _api$dependencies, _api$dependencies$fea;
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -68,6 +59,7 @@ var insertBlockPlugin = function insertBlockPlugin() {
         return /*#__PURE__*/_react.default.createElement(_WithPluginState.default, {
           plugins: {
             typeAheadState: _key.pluginKey,
+            // needed to check isTypeAheadAllowed in ToolbarInsertBlock
             blockTypeState: _main.pluginKey,
             mediaState: _pluginKey.stateKey,
             macroState: _pluginKey3.pluginKey,
@@ -115,7 +107,7 @@ var insertBlockPlugin = function insertBlockPlugin() {
   };
 };
 function ToolbarInsertBlockWithInjectionApi(_ref3) {
-  var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+  var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
   var editorView = _ref3.editorView,
     editorActions = _ref3.editorActions,
     dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
@@ -143,6 +135,15 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     imageUploadState = _useSharedPluginState.imageUploadState,
     mentionState = _useSharedPluginState.mentionState,
     emojiState = _useSharedPluginState.emojiState;
+
+  /**
+   * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
+   * @param name Block name
+   */
+  var handleInsertBlockType = _react.default.useCallback(function (name) {
+    var _pluginInjectionApi$d;
+    return (0, _commands.insertBlockTypesWithAnalytics)(name, _analytics.INPUT_METHOD.TOOLBAR, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions);
+  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions]);
   return /*#__PURE__*/_react.default.createElement(_ToolbarInsertBlock.default, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,
@@ -164,7 +165,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     mediaSupported: !!mediaState,
     imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.imageUpload),
     imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
-    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.startUpload,
+    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.actions.startUpload,
     availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
     linkSupported: !!hyperlinkState,
     linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
@@ -172,7 +173,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     emojiProvider: providers.emojiProvider,
     nativeStatusSupported: options.nativeStatusSupported,
     horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions),
+    onInsertBlockType: handleInsertBlockType,
     onInsertMacroFromMacroBrowser: _macro.insertMacroFromMacroBrowser,
     macroProvider: macroState.macroProvider,
     popupsMountPoint: popupsMountPoint,

package/dist/cjs/plugins/type-ahead/pm-plugins/reducer.js

@@ -144,6 +144,11 @@ var createReducer = function createReducer(_ref) {
       var mappedDecorationSet = decorationSet.map(tr.mapping, tr.doc, {
         onRemove: onRemove
       });
+
+      // return same pluginState if decorationSet did not change
+      if (mappedDecorationSet === currentPluginState.decorationSet) {
+        return currentPluginState;
+      }
       return _objectSpread(_objectSpread({}, currentPluginState), {}, {
         decorationSet: mappedDecorationSet
       });

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.31.2";
+var version = "187.31.5";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

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

@@ -23,6 +23,7 @@ import { PluginPerformanceObserver } from '../utils/performance/plugin-performan
 import { getParticipantsCount } from '../plugins/collab-edit/get-participants-count';
 import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE, TransactionTracker } from '../utils/performance/track-transactions';
 import { countNodes } from '@atlaskit/editor-common/utils';
+import createPluginsList from './create-plugins-list';
 import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
 import ReactEditorViewContext from './ReactEditorViewContext';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
@@ -704,9 +705,7 @@ export class ReactEditorView extends React.Component {
 
   // Helper to allow tests to inject plugins directly
   getPlugins(preset) {
-    const plugins = preset.build({
-      pluginInjectionAPI: this.pluginInjectionAPI
-    });
+    const plugins = createPluginsList(preset, this.props.editorProps, this.pluginInjectionAPI);
     this.editorPlugins = plugins;
     return this.editorPlugins;
   }

package/dist/es2019/create-editor/create-plugins-list.js

@@ -1,4 +1,3 @@
-import createUniversalPreset from '../labs/next/presets/universal';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '@atlaskit/editor-common/utils';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
@@ -100,8 +99,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export default function createPluginsList(props, prevProps) {
-  const preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+export default function createPluginsList(preset, props, pluginInjectionAPI) {
   const excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType
@@ -109,26 +107,7 @@ export default function createPluginsList(props, prevProps) {
     excludes.add('codeBlock');
   }
   return preset.build({
+    pluginInjectionAPI,
     excludePlugins: excludes
   });
-}
-function withDangerouslyAppendPlugins(preset) {
-  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
-    return plugins ? plugins.map(plugin => () => plugin) : [];
-  }
-  return editorPluginsToAppend => {
-    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
-      return preset;
-    }
-    const nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
-    const presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce((acc, plugin) => {
-      return acc.add(plugin);
-    }, preset);
-    return presetWithAppendedPlugins;
-  };
-}
-export function createPreset(props, prevProps) {
-  var _props$dangerouslyApp;
-  const preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
-  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
 }

package/dist/es2019/create-editor/create-preset.js

@@ -0,0 +1,25 @@
+import createUniversalPreset from '../labs/next/presets/universal';
+import { getDefaultPresetOptionsFromEditorProps } from './create-plugins-list';
+import { createFeatureFlagsFromProps } from './feature-flags-from-props';
+// Separate file, we should not accidentally import this into the `ComposableEditor`
+// otherwise it will blow up the bundle size.
+export function createPreset(props, prevProps) {
+  var _props$dangerouslyApp;
+  const preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
+}
+function withDangerouslyAppendPlugins(preset) {
+  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
+    return plugins ? plugins.map(plugin => () => plugin) : [];
+  }
+  return editorPluginsToAppend => {
+    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
+      return preset;
+    }
+    const nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
+    const presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce((acc, plugin) => {
+      return acc.add(plugin);
+    }, preset);
+    return presetWithAppendedPlugins;
+  };
+}

package/dist/es2019/labs/next/presets/useUniversalPreset.js

@@ -1,6 +1,6 @@
 import { useLayoutEffect, useState } from 'react';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
-import { createPreset } from '../../../create-editor/create-plugins-list';
+import { createPreset } from '../../../create-editor/create-preset';
 import { shouldRecreatePreset } from '../../../create-editor/preset-utils';
 export default function useUniversalPreset({
   props

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

@@ -27,13 +27,6 @@ const toolbarSizeToButtons = toolbarSize => {
       return 0;
   }
 };
-/**
- * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
- * @param name Block name
- */
-function handleInsertBlockType(editorAnalyticsApi) {
-  return name => insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR, editorAnalyticsApi);
-}
 const insertBlockPlugin = (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()) || {};
@@ -58,6 +51,7 @@ const insertBlockPlugin = (options = {}, api) => {
         return /*#__PURE__*/React.createElement(WithPluginState, {
           plugins: {
             typeAheadState: typeAheadPluginKey,
+            // needed to check isTypeAheadAllowed in ToolbarInsertBlock
             blockTypeState: blockTypeStateKey,
             mediaState: mediaStateKey,
             macroState: macroStateKey,
@@ -124,7 +118,7 @@ function ToolbarInsertBlockWithInjectionApi({
   layoutState,
   featureFlags
 }) {
-  var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+  var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
   const buttons = toolbarSizeToButtons(toolbarSize);
   const {
     dateState,
@@ -133,6 +127,15 @@ function ToolbarInsertBlockWithInjectionApi({
     mentionState,
     emojiState
   } = useSharedPluginState(pluginInjectionApi, ['hyperlink', 'date', 'imageUpload', 'mention', 'emoji']);
+
+  /**
+   * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
+   * @param name Block name
+   */
+  const handleInsertBlockType = React.useCallback(name => {
+    var _pluginInjectionApi$d;
+    return insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions);
+  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions]);
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,
@@ -154,7 +157,7 @@ function ToolbarInsertBlockWithInjectionApi({
     mediaSupported: !!mediaState,
     imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.imageUpload),
     imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
-    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.startUpload,
+    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.actions.startUpload,
     availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
     linkSupported: !!hyperlinkState,
     linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
@@ -162,7 +165,7 @@ function ToolbarInsertBlockWithInjectionApi({
     emojiProvider: providers.emojiProvider,
     nativeStatusSupported: options.nativeStatusSupported,
     horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions),
+    onInsertBlockType: handleInsertBlockType,
     onInsertMacroFromMacroBrowser: insertMacroFromMacroBrowser,
     macroProvider: macroState.macroProvider,
     popupsMountPoint: popupsMountPoint,

package/dist/es2019/plugins/type-ahead/pm-plugins/reducer.js

@@ -145,6 +145,11 @@ export const createReducer = ({
       const mappedDecorationSet = decorationSet.map(tr.mapping, tr.doc, {
         onRemove
       });
+
+      // return same pluginState if decorationSet did not change
+      if (mappedDecorationSet === currentPluginState.decorationSet) {
+        return currentPluginState;
+      }
       return {
         ...currentPluginState,
         decorationSet: mappedDecorationSet

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "187.31.2";
+export const version = "187.31.5";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

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

@@ -34,6 +34,7 @@ import { PluginPerformanceObserver } from '../utils/performance/plugin-performan
 import { getParticipantsCount } from '../plugins/collab-edit/get-participants-count';
 import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE, TransactionTracker } from '../utils/performance/track-transactions';
 import { countNodes as _countNodes } from '@atlaskit/editor-common/utils';
+import createPluginsList from './create-plugins-list';
 import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
 import ReactEditorViewContext from './ReactEditorViewContext';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
@@ -753,9 +754,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     value:
     // Helper to allow tests to inject plugins directly
     function getPlugins(preset) {
-      var plugins = preset.build({
-        pluginInjectionAPI: this.pluginInjectionAPI
-      });
+      var plugins = createPluginsList(preset, this.props.editorProps, this.pluginInjectionAPI);
       this.editorPlugins = plugins;
       return this.editorPlugins;
     }

package/dist/esm/create-editor/create-plugins-list.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
-import createUniversalPreset from '../labs/next/presets/universal';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '@atlaskit/editor-common/utils';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
@@ -102,8 +101,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export default function createPluginsList(props, prevProps) {
-  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+export default function createPluginsList(preset, props, pluginInjectionAPI) {
   var excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType
@@ -111,30 +109,7 @@ export default function createPluginsList(props, prevProps) {
     excludes.add('codeBlock');
   }
   return preset.build({
+    pluginInjectionAPI: pluginInjectionAPI,
     excludePlugins: excludes
   });
-}
-function withDangerouslyAppendPlugins(preset) {
-  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
-    return plugins ? plugins.map(function (plugin) {
-      return function () {
-        return plugin;
-      };
-    }) : [];
-  }
-  return function (editorPluginsToAppend) {
-    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
-      return preset;
-    }
-    var nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
-    var presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce(function (acc, plugin) {
-      return acc.add(plugin);
-    }, preset);
-    return presetWithAppendedPlugins;
-  };
-}
-export function createPreset(props, prevProps) {
-  var _props$dangerouslyApp;
-  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
-  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
 }

package/dist/esm/create-editor/create-preset.js

@@ -0,0 +1,29 @@
+import createUniversalPreset from '../labs/next/presets/universal';
+import { getDefaultPresetOptionsFromEditorProps } from './create-plugins-list';
+import { createFeatureFlagsFromProps } from './feature-flags-from-props';
+// Separate file, we should not accidentally import this into the `ComposableEditor`
+// otherwise it will blow up the bundle size.
+export function createPreset(props, prevProps) {
+  var _props$dangerouslyApp;
+  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
+}
+function withDangerouslyAppendPlugins(preset) {
+  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
+    return plugins ? plugins.map(function (plugin) {
+      return function () {
+        return plugin;
+      };
+    }) : [];
+  }
+  return function (editorPluginsToAppend) {
+    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
+      return preset;
+    }
+    var nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
+    var presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce(function (acc, plugin) {
+      return acc.add(plugin);
+    }, preset);
+    return presetWithAppendedPlugins;
+  };
+}

package/dist/esm/labs/next/presets/useUniversalPreset.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useLayoutEffect, useState } from 'react';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
-import { createPreset } from '../../../create-editor/create-plugins-list';
+import { createPreset } from '../../../create-editor/create-preset';
 import { shouldRecreatePreset } from '../../../create-editor/preset-utils';
 export default function useUniversalPreset(_ref) {
   var props = _ref.props;

package/dist/esm/plugins/insert-block/index.js

@@ -27,15 +27,6 @@ var toolbarSizeToButtons = function toolbarSizeToButtons(toolbarSize) {
       return 0;
   }
 };
-/**
- * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
- * @param name Block name
- */
-function handleInsertBlockType(editorAnalyticsApi) {
-  return function (name) {
-    return insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR, editorAnalyticsApi);
-  };
-}
 var insertBlockPlugin = function insertBlockPlugin() {
   var _api$dependencies, _api$dependencies$fea;
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -61,6 +52,7 @@ var insertBlockPlugin = function insertBlockPlugin() {
         return /*#__PURE__*/React.createElement(WithPluginState, {
           plugins: {
             typeAheadState: typeAheadPluginKey,
+            // needed to check isTypeAheadAllowed in ToolbarInsertBlock
             blockTypeState: blockTypeStateKey,
             mediaState: mediaStateKey,
             macroState: macroStateKey,
@@ -108,7 +100,7 @@ var insertBlockPlugin = function insertBlockPlugin() {
   };
 };
 function ToolbarInsertBlockWithInjectionApi(_ref3) {
-  var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+  var _pluginInjectionApi$d2, _pluginInjectionApi$d3;
   var editorView = _ref3.editorView,
     editorActions = _ref3.editorActions,
     dispatchAnalyticsEvent = _ref3.dispatchAnalyticsEvent,
@@ -136,6 +128,15 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     imageUploadState = _useSharedPluginState.imageUploadState,
     mentionState = _useSharedPluginState.mentionState,
     emojiState = _useSharedPluginState.emojiState;
+
+  /**
+   * Wrapper over insertBlockTypeWithAnalytics to autobind toolbar input method
+   * @param name Block name
+   */
+  var handleInsertBlockType = React.useCallback(function (name) {
+    var _pluginInjectionApi$d;
+    return insertBlockTypesWithAnalytics(name, INPUT_METHOD.TOOLBAR, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions);
+  }, [pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions]);
   return /*#__PURE__*/React.createElement(ToolbarInsertBlock, {
     pluginInjectionApi: pluginInjectionApi,
     buttons: buttons,
@@ -157,7 +158,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     mediaSupported: !!mediaState,
     imageUploadSupported: !!(pluginInjectionApi !== null && pluginInjectionApi !== void 0 && pluginInjectionApi.dependencies.imageUpload),
     imageUploadEnabled: imageUploadState === null || imageUploadState === void 0 ? void 0 : imageUploadState.enabled,
-    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d === void 0 ? void 0 : _pluginInjectionApi$d.actions.startUpload,
+    handleImageUpload: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d3 = pluginInjectionApi.dependencies.imageUpload) === null || _pluginInjectionApi$d3 === void 0 ? void 0 : _pluginInjectionApi$d3.actions.startUpload,
     availableWrapperBlockTypes: blockTypeState && blockTypeState.availableWrapperBlockTypes,
     linkSupported: !!hyperlinkState,
     linkDisabled: !hyperlinkState || !hyperlinkState.canInsertLink || !!hyperlinkState.activeLinkMark,
@@ -165,7 +166,7 @@ function ToolbarInsertBlockWithInjectionApi(_ref3) {
     emojiProvider: providers.emojiProvider,
     nativeStatusSupported: options.nativeStatusSupported,
     horizontalRuleEnabled: options.horizontalRuleEnabled,
-    onInsertBlockType: handleInsertBlockType(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d2 = pluginInjectionApi.dependencies.analytics) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions),
+    onInsertBlockType: handleInsertBlockType,
     onInsertMacroFromMacroBrowser: insertMacroFromMacroBrowser,
     macroProvider: macroState.macroProvider,
     popupsMountPoint: popupsMountPoint,

package/dist/esm/plugins/type-ahead/pm-plugins/reducer.js

@@ -137,6 +137,11 @@ export var createReducer = function createReducer(_ref) {
       var mappedDecorationSet = decorationSet.map(tr.mapping, tr.doc, {
         onRemove: onRemove
       });
+
+      // return same pluginState if decorationSet did not change
+      if (mappedDecorationSet === currentPluginState.decorationSet) {
+        return currentPluginState;
+      }
       return _objectSpread(_objectSpread({}, currentPluginState), {}, {
         decorationSet: mappedDecorationSet
       });

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.31.2";
+export var version = "187.31.5";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };