@atlaskit/editor-core 165.0.0 → 166.0.2

package/dist/es2019/plugins/table/pm-plugins/sticky-headers/nodeviews/tableRow.js

@@ -9,6 +9,13 @@ import { syncStickyRowToTable, updateStickyMargins as updateTableMargin } from '
 import { updateStickyState } from '../commands';
 import { getTop, getTree } from './dom';
 import { getFeatureFlags } from '../../../../feature-flags-context';
+import debounce from 'lodash/debounce';
+import throttle from 'lodash/throttle'; // limit scroll event calls
+
+const HEADER_ROW_SCROLL_THROTTLE_TIMEOUT = 200; // timeout for resetting the scroll class - if it’s too long then users won’t be able to click on the header cells,
+// if too short it would trigger too many dom udpates.
+
+const HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT = 400;
 export const supportedHeaderRow = node => {
   const allHeaders = mapChildren(node, child => child.type.name === 'tableHeader').every(Boolean);
   const someMerged = mapChildren(node, child => child.attrs.rowspan || 0).some(rowspan => rowspan > 1);
@@ -33,6 +40,17 @@ export class TableRowNodeView {
 
     _defineProperty(this, "listening", false);
 
+    _defineProperty(this, "headerRowMouseScrollEnd", debounce(() => {
+      this.dom.classList.remove('no-pointer-events');
+    }, HEADER_ROW_SCROLL_RESET_DEBOUNCE_TIMEOUT));
+
+    _defineProperty(this, "headerRowMouseScroll", throttle(() => {
+      if (this.isSticky) {
+        this.dom.classList.add('no-pointer-events');
+        this.headerRowMouseScrollEnd();
+      }
+    }, HEADER_ROW_SCROLL_THROTTLE_TIMEOUT));
+
     _defineProperty(this, "onScroll", () => {
       if (!this.tree) {
         return;
@@ -322,6 +340,8 @@ export class TableRowNodeView {
     this.eventDispatcher.on(widthPluginKey.key, this.onWidthPluginState);
     this.eventDispatcher.on(tablePluginKey.key, this.onTablePluginState);
     this.listening = true;
+    this.dom.addEventListener('wheel', this.headerRowMouseScroll.bind(this));
+    this.dom.addEventListener('touchmove', this.headerRowMouseScroll.bind(this));
   }
 
   unsubscribe() {
@@ -344,6 +364,8 @@ export class TableRowNodeView {
     this.eventDispatcher.off(widthPluginKey.key, this.onWidthPluginState);
     this.eventDispatcher.off(tablePluginKey.key, this.onTablePluginState);
     this.listening = false;
+    this.dom.removeEventListener('wheel', this.headerRowMouseScroll);
+    this.dom.removeEventListener('touchmove', this.headerRowMouseScroll);
   } // initialize intersection observer to track if table is within scroll area
 
 

package/dist/es2019/plugins/table/ui/common-styles.js

@@ -163,6 +163,10 @@ export const tableStyles = props => {
 
       box-shadow: 0 6px 4px -4px ${N40A};
       margin-left: -1px;
+
+      &.no-pointer-events {
+        pointer-events: none;
+      }
     }
 
     .${ClassName.TABLE_STICKY} .${ClassName.TABLE_STICKY_SHADOW} {

package/dist/es2019/plugins/table/ui/consts.js

@@ -1,6 +1,7 @@
 import { B200, B300, B75, N0, N20, R50, R400, R75, DN400, N200, DN30 } from '@atlaskit/theme/colors';
 import { tableCellBorderWidth, tableMarginTop } from '@atlaskit/editor-common/styles';
 import { akEditorTableBorder, akEditorTableBorderDark, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableToolbarSize, akEditorUnitZIndex, akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';
+import { token } from '@atlaskit/tokens';
 import { RESIZE_HANDLE_AREA_DECORATION_GAP } from '../types';
 import { themed } from '@atlaskit/theme/components';
 /**
@@ -12,16 +13,16 @@ export const tableCellBackgroundColor = themed({
   dark: DN30
 });
 export const tableToolbarColor = themed({
-  light: akEditorTableToolbar,
-  dark: akEditorTableToolbarDark
+  light: token('color.background.neutral', akEditorTableToolbar),
+  dark: token('color.background.neutral', akEditorTableToolbarDark)
 });
 export const tableTextColor = themed({
   light: N200,
   dark: DN400
 });
 export const tableBorderColor = themed({
-  light: akEditorTableBorder,
-  dark: akEditorTableBorderDark
+  light: token('color.border', akEditorTableBorder),
+  dark: token('color.border', akEditorTableBorderDark)
 });
 export const tableFloatingControlsColor = N20;
 export const tableCellSelectedColor = B75;

package/dist/es2019/plugins/tasks-and-decisions/styles.js

@@ -1,6 +1,7 @@
 import { css } from '@emotion/react';
 import { TaskDecisionSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorDeleteBorder, akEditorSelectedBorderSize, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { token } from '@atlaskit/tokens';
 export const taskDecisionStyles = css`
   [data-decision-wrapper] {
     cursor: pointer;
@@ -15,8 +16,9 @@ export const taskDecisionStyles = css`
   .danger {
     .${TaskDecisionSharedCssClassName.DECISION_CONTAINER}.${akEditorSelectedNodeClassName}
       > div {
-      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px ${akEditorDeleteBorder};
-      background-color: ${akEditorDeleteBackgroundWithOpacity};
+      box-shadow: 0 0 0 ${akEditorSelectedBorderSize}px
+        ${token('color.border.danger', akEditorDeleteBorder)};
+      background-color: ${token('color.blanket.danger', akEditorDeleteBackgroundWithOpacity)};
       &::after {
         content: none; /* reset the Blanket selection style */
       }

package/dist/es2019/plugins/text-formatting/utils.js

@@ -134,7 +134,7 @@ export const checkFormattingIsPresent = state => {
   return marksArePresent(state) || blockStylingIsPresent(state);
 };
 export const usePreviousObjectState = value => {
-  const ref = useRef();
+  const ref = useRef([]);
   useEffect(() => {
     ref.current = value;
   });

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

@@ -180,6 +180,7 @@ const typeAheadPlugin = options => {
     },
 
     onEditorViewStateUpdated({
+      originalTransaction,
       oldEditorState,
       newEditorState
     }) {
@@ -199,10 +200,13 @@ const typeAheadPlugin = options => {
       const isANewHandler = oldTriggerHandler !== newTriggerHandler;
 
       if (oldTriggerHandler !== null && oldTriggerHandler !== void 0 && oldTriggerHandler.dismiss && isANewHandler) {
+        const typeAheadMessage = originalTransaction.getMeta(typeAheadPluginKey);
+        const wasItemInserted = typeAheadMessage && typeAheadMessage.action === 'INSERT_RAW_QUERY';
         oldTriggerHandler.dismiss({
           editorState: newEditorState,
           query: oldPluginState.query,
-          stats: (oldPluginState.stats || new StatsModifier()).serialize()
+          stats: (oldPluginState.stats || new StatsModifier()).serialize(),
+          wasItemInserted
         });
       }
 

package/dist/es2019/plugins/unsupported-content/index.js

@@ -1,16 +1,19 @@
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from 'prosemirror-state';
 import { confluenceUnsupportedBlock, confluenceUnsupportedInline, unsupportedBlock, unsupportedInline, unsupportedMark, unsupportedNodeAttribute } from '@atlaskit/adf-schema';
-import { UnsupportedBlock, UnsupportedInline } from '@atlaskit/editor-common/ui';
+import { UnsupportedBlock } from '@atlaskit/editor-common/ui';
+import { UnsupportedInlineNodeView } from './unsupported-inline-node-view';
 import { ReactNodeView } from '../../nodeviews';
+import { getInlineNodeViewProducer } from '../../nodeviews/getInlineNodeViewProducer';
 export const pluginKey = new PluginKey('unsupportedContentPlugin');
 
-const createPlugin = ({
-  portalProviderAPI,
-  eventDispatcher,
-  dispatchAnalyticsEvent
-}) => {
+const createPlugin = pmPluginFactoryParams => {
   const hasIntlContext = true;
+  const {
+    portalProviderAPI,
+    eventDispatcher,
+    dispatchAnalyticsEvent
+  } = pmPluginFactoryParams;
   return new SafePlugin({
     key: pluginKey,
     props: {
@@ -18,15 +21,23 @@ const createPlugin = ({
         confluenceUnsupportedBlock: ReactNodeView.fromComponent(UnsupportedBlock, portalProviderAPI, eventDispatcher, {
           dispatchAnalyticsEvent
         }, undefined, hasIntlContext),
-        confluenceUnsupportedInline: ReactNodeView.fromComponent(UnsupportedInline, portalProviderAPI, eventDispatcher, {
-          dispatchAnalyticsEvent
-        }, undefined, hasIntlContext),
+        confluenceUnsupportedInline: getInlineNodeViewProducer({
+          pmPluginFactoryParams,
+          Component: UnsupportedInlineNodeView,
+          extraComponentProps: {
+            dispatchAnalyticsEvent
+          }
+        }),
         unsupportedBlock: ReactNodeView.fromComponent(UnsupportedBlock, portalProviderAPI, eventDispatcher, {
           dispatchAnalyticsEvent
         }, undefined, hasIntlContext),
-        unsupportedInline: ReactNodeView.fromComponent(UnsupportedInline, portalProviderAPI, eventDispatcher, {
-          dispatchAnalyticsEvent
-        }, undefined, hasIntlContext)
+        unsupportedInline: getInlineNodeViewProducer({
+          pmPluginFactoryParams,
+          Component: UnsupportedInlineNodeView,
+          extraComponentProps: {
+            dispatchAnalyticsEvent
+          }
+        })
       }
     }
   });

package/dist/es2019/plugins/unsupported-content/styles.js

@@ -1,10 +1,11 @@
 import { css } from '@emotion/react';
 import { SelectionStyle, getSelectionStyles, akEditorDeleteBackgroundWithOpacity, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
+import { token } from '@atlaskit/tokens';
 export const UnsupportedSharedCssClassName = {
   BLOCK_CONTAINER: 'unsupportedBlockView-content-wrap',
   INLINE_CONTAINER: 'unsupportedInlineView-content-wrap'
 };
-const inlineUnsupportedSelector = `.${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span`;
+const inlineUnsupportedSelector = `.${UnsupportedSharedCssClassName.INLINE_CONTAINER} > span:nth-child(2)`;
 const blockUnsupportedSelector = `.${UnsupportedSharedCssClassName.BLOCK_CONTAINER} > div`;
 export const unsupportedStyles = css`
   ${blockUnsupportedSelector}, ${inlineUnsupportedSelector} {
@@ -19,8 +20,9 @@ export const unsupportedStyles = css`
   .danger {
     .${akEditorSelectedNodeClassName}${blockUnsupportedSelector},
       .${akEditorSelectedNodeClassName}${inlineUnsupportedSelector} {
-      border: ${akEditorSelectedBorderSize}px solid ${akEditorDeleteBorder};
-      background-color: ${akEditorDeleteBackgroundWithOpacity};
+      border: ${akEditorSelectedBorderSize}px solid
+        ${token('color.border.danger', akEditorDeleteBorder)};
+      background-color: ${token('color.blanket.danger', akEditorDeleteBackgroundWithOpacity)};
     }
   }
 `;

package/dist/es2019/plugins/unsupported-content/unsupported-inline-node-view.js

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/react';
+import { UnsupportedInline } from '@atlaskit/editor-common/ui';
+export const UnsupportedInlineNodeView = props => {
+  return jsx(UnsupportedInline, props);
+};

package/dist/es2019/ui/Appearance/Chromeless.js

@@ -12,7 +12,6 @@ import WithFlash from '../WithFlash';
 const chromelessEditor = css`
   line-height: 20px;
   height: auto;
-  min-height: 30px;
 
   overflow-x: hidden;
   overflow-y: auto;
@@ -50,6 +49,7 @@ export default class Editor extends React.Component {
         contentComponents,
         customContentComponents,
         maxHeight,
+        minHeight = 30,
         popupsMountPoint,
         popupsBoundariesElement,
         popupsScrollableElement,
@@ -62,7 +62,10 @@ export default class Editor extends React.Component {
       }, jsx("div", {
         css: [chromelessEditor, maxHeight && css`
                 max-height: ${maxHeight}px;
-              `],
+              `, css`
+              min-height: ${minHeight}px;
+            `],
+        "data-testid": "chromeless-editor",
         ref: ref => this.containerElement = ref
       }, jsx(ContentArea, null, customContentComponents, jsx(PluginSlot, {
         editorView: editorView,

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -37,7 +37,7 @@ const commentEditorStyle = css`
   min-width: 272px;
   /* Border + Toolbar + Footer + (Paragraph + ((Parahraph + Margin) * (DefaultLines - 1)) */
   /* calc(2px + 40px + 24px + ( 20px + (32px * 2))) */
-  min-height: 150px;
+
   height: auto;
   background-color: white;
   border: 1px solid ${N40};
@@ -117,6 +117,7 @@ class Editor extends React.Component {
         popupsBoundariesElement,
         popupsScrollableElement,
         maxHeight,
+        minHeight = 150,
         onSave,
         onCancel,
         disabled,
@@ -129,7 +130,9 @@ class Editor extends React.Component {
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
-        css: commentEditorStyle,
+        css: [commentEditorStyle, css`
+              min-height: ${minHeight}px;
+            `],
         className: "akEditor"
       }, jsx(MainToolbar, {
         useStickyToolbar: useStickyToolbar

package/dist/es2019/ui/ChromeCollapsed/styles.js

@@ -2,11 +2,12 @@ import { css } from '@emotion/react';
 import { akEditorSubtleAccent, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { N300, N50 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 export const inputStyle = css`
   /* Normal .className gets overridden by input[type=text] hence this hack to produce input.className */
   input& {
     background-color: white;
-    border: 1px solid ${akEditorSubtleAccent};
+    border: 1px solid ${token('color.border.input', akEditorSubtleAccent)};
     border-radius: ${borderRadius()}px;
     box-sizing: border-box;
     height: 40px;

package/dist/es2019/ui/ContentStyles/index.js

@@ -17,7 +17,7 @@ import { layoutStyles } from '../../plugins/layout/styles';
 import { panelStyles } from '../../plugins/panel/styles';
 import { fakeCursorStyles } from '../../plugins/fake-text-cursor/styles';
 import { mentionsStyles } from '../../plugins/mentions/styles';
-import { emojiStyles, emojiStylesNext } from '../../plugins/emoji/styles';
+import { emojiStyles } from '../../plugins/emoji/styles';
 import { textFormattingStyles } from '../../plugins/text-formatting/styles';
 import { placeholderTextStyles } from '../../plugins/placeholder-text/styles';
 import { gridStyles } from '../../plugins/grid/styles';
@@ -35,7 +35,7 @@ import { useFeatureFlags } from '../../plugins/feature-flags-context';
 import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewProducer.styles';
 
 const contentStyles = props => {
-  var _props$featureFlags, _props$featureFlags2;
+  var _props$featureFlags;
 
   return css`
   .ProseMirror {
@@ -89,7 +89,7 @@ const contentStyles = props => {
   ${panelStyles(props)}
   ${fakeCursorStyles}
   ${mentionsStyles}
-  ${(_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.nextEmojiNodeView ? emojiStylesNext : emojiStyles}
+  ${emojiStyles}
   ${tasksAndDecisionsStyles}
   ${gridStyles}
   ${linkStyles}

package/dist/es2019/version-wrapper.js

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

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "165.0.0",
+	"version": "166.0.2",
 	"sideEffects": false
 }

package/dist/esm/actions/index.js

@@ -1,8 +1,8 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Node } from 'prosemirror-model';
 import { TextSelection } from 'prosemirror-state';
 import { toJSON } from '../utils';
@@ -14,6 +14,7 @@ import { analyticsEventKey } from '@atlaskit/editor-common/utils';
 import { findNodePosWithLocalId } from '../plugins/extension/utils';
 import { getFeatureFlags } from '../plugins/feature-flags-context/get-feature-flags';
 import { getCollabProvider } from '../plugins/collab-edit/native-collab-provider-plugin';
+import deprecationWarnings from '../utils/deprecation-warnings';
 
 var EditorActions = /*#__PURE__*/function () {
   function EditorActions() {
@@ -300,6 +301,13 @@ var EditorActions = /*#__PURE__*/function () {
     value: function replaceDocument(rawValue) {
       var shouldScrollToBottom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var shouldAddToHistory = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      deprecationWarnings('EditorActions.replaceDocument', {
+        shouldAddToHistory: shouldAddToHistory
+      }, [{
+        property: 'shouldAddToHistory',
+        description: '[ED-14158] EditorActions.replaceDocument does not use the shouldAddToHistory arg',
+        type: 'removed'
+      }]);
 
       if (!this.editorView || rawValue === undefined || rawValue === null) {
         return false;

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

@@ -1,4 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -7,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 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; }
 

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

@@ -580,11 +580,22 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           config: _this.config,
           eventDispatcher: _this.eventDispatcher,
           transformer: _this.contentTransformer
-        });
+        }); // Allows us to dispatch analytics within the plugin view.destory methods
+
+
+        var analyticsConnected = _this.eventDispatcher.has(analyticsEventKey, _this.handleAnalyticsEvent);
+
+        if (!analyticsConnected) {
+          _this.eventDispatcher.on(analyticsEventKey, _this.handleAnalyticsEvent);
+        }
 
         _this.view.destroy(); // Destroys the dom node & all node views
 
 
+        if (!analyticsConnected) {
+          _this.eventDispatcher.off(analyticsEventKey, _this.handleAnalyticsEvent);
+        }
+
         _this.view = undefined;
       }
     });
@@ -755,7 +766,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       // This serves to avoid potential runtime exceptions which could arise
       // from an async dispatched transaction after it's unmounted.
       this.canDispatchTransactions = false;
-      this.eventDispatcher.destroy();
       clearTimeout(this.focusTimeoutId);
 
       if (this.reliabilityInterval) {
@@ -774,11 +784,9 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
             state.destroy();
           }
         });
-      } // this.view will be destroyed when React unmounts in handleEditorViewRef
-
+      }
 
-      this.eventDispatcher.off(analyticsEventKey, this.handleAnalyticsEvent);
-      this.eventDispatcher.off('resetEditorState', this.resetEditorState);
+      this.eventDispatcher.destroy(); // this.view will be destroyed when React unmounts in handleEditorViewRef
     } // Helper to allow tests to inject plugins directly
 
   }, {

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

@@ -199,8 +199,7 @@ export default function createPluginsList(props, prevProps, createAnalyticsEvent
 
   if (props.emojiProvider) {
     preset.add([emojiPlugin, {
-      createAnalyticsEvent: createAnalyticsEvent,
-      allowZeroWidthSpaceAfter: !isMobile
+      createAnalyticsEvent: createAnalyticsEvent
     }]);
   }
 

package/dist/esm/editor.js

@@ -1,4 +1,3 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -15,6 +14,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = 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 _regeneratorRuntime from "@babel/runtime/regenerator";
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -593,6 +594,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
                     eventDispatcher: eventDispatcher,
                     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
                     maxHeight: _this5.props.maxHeight,
+                    minHeight: _this5.props.minHeight,
                     onSave: _this5.props.onSave ? _this5.handleSave : undefined,
                     onCancel: _this5.props.onCancel,
                     popupsMountPoint: _this5.props.popupsMountPoint,
@@ -636,6 +638,19 @@ _defineProperty(Editor, "defaultProps", {
   quickInsert: true
 });
 
+_defineProperty(Editor, "propTypes", {
+  minHeight: function minHeight(_ref4) {
+    var appearance = _ref4.appearance,
+        _minHeight = _ref4.minHeight;
+
+    if (_minHeight && appearance && !['comment', 'chromeless'].includes(appearance)) {
+      return new Error('minHeight only supports editor appearance chromeless and comment');
+    }
+
+    return null;
+  }
+});
+
 _defineProperty(Editor, "contextTypes", {
   editorActions: PropTypes.object
 });

package/dist/esm/event-dispatcher/index.js

@@ -17,6 +17,15 @@ export var EventDispatcher = /*#__PURE__*/function () {
 
       this.listeners[event].add(cb);
     }
+  }, {
+    key: "has",
+    value: function has(event, cb) {
+      if (!this.listeners[event]) {
+        return false;
+      }
+
+      return this.listeners[event].has(cb);
+    }
   }, {
     key: "off",
     value: function off(event, cb) {

package/dist/esm/nodeviews/ReactNodeView.js

@@ -6,7 +6,6 @@ import React from 'react';
 import { createDispatch } from '../event-dispatcher';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../plugins/analytics';
 import { analyticsEventKey } from '../plugins/analytics/consts';
-import { getFeatureFlags } from '../plugins/feature-flags-context';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './getPerformanceOptions';
 
@@ -125,20 +124,12 @@ var ReactNodeView = /*#__PURE__*/function () {
     }
   }, {
     key: "createDomRef",
-    value: function createDomRef(options) {
+    value: function createDomRef() {
       if (!this.node.isInline) {
         return document.createElement('div');
       }
 
       var htmlElement = document.createElement('span');
-      var state = this.view.state;
-      var featureFlags = getFeatureFlags(state);
-
-      if (featureFlags && featureFlags.displayInlineBlockForInlineNodes && (options === null || options === void 0 ? void 0 : options.displayInlineBlockForInlineNodes) !== false) {
-        htmlElement.style.display = 'inline-block';
-        htmlElement.style.userSelect = 'all';
-      }
-
       return htmlElement;
     }
   }, {

package/dist/esm/nodeviews/getInlineNodeViewProducer.styles.js

@@ -6,4 +6,4 @@ import { css } from '@emotion/react';
 import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/utils'; // For reasoning behind styles, see comments in:
 // ./getInlineNodeViewProducer -> portalChildren()
 
-export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .inlineNodeView {\n    display: inline;\n    user-select: all;\n  }\n\n  &.ua-chrome .inlineNodeView > span {\n    user-select: none;\n  }\n\n  .inlineNodeViewAddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), ZERO_WIDTH_SPACE);
+export var InlineNodeViewSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .inlineNodeView {\n    display: inline;\n    user-select: all;\n    /* Collapses zero width spaces inside the inline node view\n    to prevent the node from line breaking too early.\n    */\n    white-space: nowrap;\n    /* Then reset to the Editor default so we don't interfere\n    with any component styling. */\n    & > * {\n      white-space: pre-wrap;\n    }\n  }\n\n  &.ua-chrome .inlineNodeView > span {\n    user-select: none;\n  }\n\n  .inlineNodeViewAddZeroWidthSpace {\n    ::after {\n      content: '", "';\n    }\n  }\n"])), ZERO_WIDTH_SPACE);

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

@@ -55,6 +55,7 @@ export var ACTION;
   ACTION["INDENTED"] = "indented";
   ACTION["INITIALISED"] = "initialised";
   ACTION["INPUT_PERF_SAMPLING"] = "inputPerfSampling";
+  ACTION["INPUT_PERF_SAMPLING_AVG"] = "inputPerfSamplingAvg";
   ACTION["INSERTED"] = "inserted";
   ACTION["INVALID_DOCUMENT_ENCOUNTERED"] = "invalidDocumentEncountered";
   ACTION["INVOKED"] = "invoked";

package/dist/esm/plugins/annotation/pm-plugins/inline-comment.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { RESOLVE_METHOD } from './../../analytics/types/inline-comment-events';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { AnnotationTypes } from '@atlaskit/adf-schema';