@atlaskit/editor-core 193.24.15 → 193.24.19

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 193.24.19
+
+### Patch Changes
+
+- [#103607](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/103607)
+  [`104c7a82d1a7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/104c7a82d1a7) -
+  [ux] ED-23363 If you load a live page in view mode, an empty selection will be set.
+
+## 193.24.18
+
+### Patch Changes
+
+- [#107335](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107335)
+  [`d5457c8afe5f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d5457c8afe5f) -
+  Cleaned up FF platform.editor.media.autoselect-inserted-image_oumto
+
 ## 193.24.15
 
 ### Patch Changes

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

@@ -25,6 +25,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state2 = require("@atlaskit/editor-prosemirror/state");
 var _view = require("@atlaskit/editor-prosemirror/view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _eventDispatcher = require("../event-dispatcher");
 var _document = require("../utils/document");
 var _isFullPage = require("../utils/is-full-page");
@@ -45,7 +46,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function handleEditorFocus(view, viewMode) {
+function handleEditorFocus(view) {
   if (view.hasFocus()) {
     return;
   }
@@ -57,12 +58,6 @@ function handleEditorFocus(view, viewMode) {
       view.focus();
       return;
     }
-    if (viewMode === 'view') {
-      var emptySelection = new _state2.TextSelection(view.state.doc.resolve(0));
-      var _tr = view.state.tr.setSelection(emptySelection);
-      view.dispatch(_tr);
-      return;
-    }
     var domSelection = window.getSelection();
     if (!domSelection || domSelection.rangeCount === 0) {
       view.focus();
@@ -119,11 +114,6 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getEditorView", function () {
       return _this.view;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getViewMode", function () {
-      var _editorApi$editorView;
-      var editorApi = _this.pluginInjectionAPI.api();
-      return (_editorApi$editorView = editorApi.editorViewMode) === null || _editorApi$editorView === void 0 ? void 0 : _editorApi$editorView.sharedState.currentState().mode;
-    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatFullWidthAppearance", function (appearance) {
       if (appearance === 'full-width') {
         return _analytics.FULL_WIDTH_MODE.FULL_WIDTH;
@@ -176,6 +166,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "editorPlugins", []);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createEditorState", function (options) {
+      var _api$editorViewMode;
       var schema;
       if (_this.view) {
         if (options.resetting) {
@@ -226,18 +217,44 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
       if (options.doc) {
         doc = (0, _utils.processRawValue)(schema, options.doc, options.props.providerFactory, options.props.editorProps.sanitizePrivateContent, _this.contentTransformer, _this.dispatchAnalyticsEvent);
       }
+      var api = _this.pluginInjectionAPI.api();
+      var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.sharedState.currentState().mode) === 'view';
       var selection;
-      if (doc) {
-        selection = options.selectionAtStart ? _state2.Selection.atStart(doc) : _state2.Selection.atEnd(doc);
+      if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.live-view.no-editor-selection-in-view-mode')) {
+        if (doc) {
+          if (isViewMode) {
+            var emptySelection = new _state2.TextSelection(doc.resolve(0));
+            return _state2.EditorState.create({
+              schema: schema,
+              plugins: plugins,
+              doc: doc,
+              selection: emptySelection
+            });
+          } else {
+            selection = options.selectionAtStart ? _state2.Selection.atStart(doc) : _state2.Selection.atEnd(doc);
+          }
+        }
+        // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
+        var patchedSelection = selection ? _state2.Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
+        return _state2.EditorState.create({
+          schema: schema,
+          plugins: plugins,
+          doc: doc,
+          selection: patchedSelection
+        });
+      } else {
+        if (doc) {
+          selection = options.selectionAtStart ? _state2.Selection.atStart(doc) : _state2.Selection.atEnd(doc);
+        }
+        // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
+        var _patchedSelection = selection ? _state2.Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
+        return _state2.EditorState.create({
+          schema: schema,
+          plugins: plugins,
+          doc: doc,
+          selection: _patchedSelection
+        });
       }
-      // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
-      var patchedSelection = selection ? _state2.Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
-      return _state2.EditorState.create({
-        schema: schema,
-        plugins: plugins,
-        doc: doc,
-        selection: patchedSelection
-      });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEditorViewStateUpdated", function (_ref2) {
       var originalTransaction = _ref2.originalTransaction,
@@ -462,7 +479,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
           transformer: _this.contentTransformer
         });
         if (_this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          _this.focusTimeoutId = handleEditorFocus(view, _this.getViewMode());
+          _this.focusTimeoutId = handleEditorFocus(view);
         }
         if (_this.featureFlags.ufo) {
           _this.experienceStore = _ufo.ExperienceStore.getInstance(view);
@@ -548,11 +565,11 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
       getEditorState: _this.getEditorState,
       getEditorView: _this.getEditorView
     });
-    var api = _this.pluginInjectionAPI.api();
-    (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 || _props$setEditorApi.call(props, api);
+    var _api = _this.pluginInjectionAPI.api();
+    (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 || _props$setEditorApi.call(props, _api);
     if (props.editorProps.editorActions) {
       // @ts-expect-error
-      props.editorProps.editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = api;
+      props.editorProps.editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = _api;
     }
     _this.eventDispatcher = new _eventDispatcher.EventDispatcher();
     _this.dispatch = (0, _eventDispatcher.createDispatch)(_this.eventDispatcher);
@@ -642,7 +659,7 @@ var ReactEditorView = exports.ReactEditorView = /*#__PURE__*/function (_React$Co
           }
         });
         if (!nextProps.editorProps.disabled && nextProps.editorProps.shouldFocus) {
-          this.focusTimeoutId = handleEditorFocus(this.view, this.getViewMode());
+          this.focusTimeoutId = handleEditorFocus(this.view);
         }
       }
       var appearance = this.props.editorProps.appearance;

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "193.24.15";
+var version = exports.version = "193.24.19";

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

@@ -11,6 +11,7 @@ import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
 import { analyticsEventKey, browser, countNodes, getAnalyticsEventSeverity, getResponseEndTime, measureRender, processRawValue, shouldForceTracking, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { getNodesCount } from '../utils/document';
 import { isFullPage } from '../utils/is-full-page';
@@ -27,7 +28,7 @@ import { createSchema } from './create-schema';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 import { editorMessages } from './messages';
 import ReactEditorViewContext from './ReactEditorViewContext';
-function handleEditorFocus(view, viewMode) {
+function handleEditorFocus(view) {
   if (view.hasFocus()) {
     return;
   }
@@ -39,12 +40,6 @@ function handleEditorFocus(view, viewMode) {
       view.focus();
       return;
     }
-    if (viewMode === 'view') {
-      const emptySelection = new TextSelection(view.state.doc.resolve(0));
-      const tr = view.state.tr.setSelection(emptySelection);
-      view.dispatch(tr);
-      return;
-    }
     const domSelection = window.getSelection();
     if (!domSelection || domSelection.rangeCount === 0) {
       view.focus();
@@ -114,11 +109,6 @@ export class ReactEditorView extends React.Component {
       return (_this$view = this.view) === null || _this$view === void 0 ? void 0 : _this$view.state;
     });
     _defineProperty(this, "getEditorView", () => this.view);
-    _defineProperty(this, "getViewMode", () => {
-      var _editorApi$editorView;
-      const editorApi = this.pluginInjectionAPI.api();
-      return (_editorApi$editorView = editorApi.editorViewMode) === null || _editorApi$editorView === void 0 ? void 0 : _editorApi$editorView.sharedState.currentState().mode;
-    });
     _defineProperty(this, "formatFullWidthAppearance", appearance => {
       if (appearance === 'full-width') {
         return FULL_WIDTH_MODE.FULL_WIDTH;
@@ -172,6 +162,7 @@ export class ReactEditorView extends React.Component {
     });
     _defineProperty(this, "editorPlugins", []);
     _defineProperty(this, "createEditorState", options => {
+      var _api$editorViewMode;
       let schema;
       if (this.view) {
         if (options.resetting) {
@@ -220,18 +211,44 @@ export class ReactEditorView extends React.Component {
       if (options.doc) {
         doc = processRawValue(schema, options.doc, options.props.providerFactory, options.props.editorProps.sanitizePrivateContent, this.contentTransformer, this.dispatchAnalyticsEvent);
       }
+      const api = this.pluginInjectionAPI.api();
+      const isViewMode = (api === null || api === void 0 ? void 0 : (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.sharedState.currentState().mode) === 'view';
       let selection;
-      if (doc) {
-        selection = options.selectionAtStart ? Selection.atStart(doc) : Selection.atEnd(doc);
+      if (getBooleanFF('platform.editor.live-view.no-editor-selection-in-view-mode')) {
+        if (doc) {
+          if (isViewMode) {
+            const emptySelection = new TextSelection(doc.resolve(0));
+            return EditorState.create({
+              schema,
+              plugins: plugins,
+              doc,
+              selection: emptySelection
+            });
+          } else {
+            selection = options.selectionAtStart ? Selection.atStart(doc) : Selection.atEnd(doc);
+          }
+        }
+        // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
+        const patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
+        return EditorState.create({
+          schema,
+          plugins: plugins,
+          doc,
+          selection: patchedSelection
+        });
+      } else {
+        if (doc) {
+          selection = options.selectionAtStart ? Selection.atStart(doc) : Selection.atEnd(doc);
+        }
+        // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
+        const patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
+        return EditorState.create({
+          schema,
+          plugins: plugins,
+          doc,
+          selection: patchedSelection
+        });
       }
-      // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
-      const patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
-      return EditorState.create({
-        schema,
-        plugins: plugins,
-        doc,
-        selection: patchedSelection
-      });
     });
     _defineProperty(this, "onEditorViewStateUpdated", ({
       originalTransaction,
@@ -458,7 +475,7 @@ export class ReactEditorView extends React.Component {
           transformer: this.contentTransformer
         });
         if (this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          this.focusTimeoutId = handleEditorFocus(view, this.getViewMode());
+          this.focusTimeoutId = handleEditorFocus(view);
         }
         if (this.featureFlags.ufo) {
           this.experienceStore = ExperienceStore.getInstance(view);
@@ -544,11 +561,11 @@ export class ReactEditorView extends React.Component {
       getEditorState: this.getEditorState,
       getEditorView: this.getEditorView
     });
-    const api = this.pluginInjectionAPI.api();
-    (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 ? void 0 : _props$setEditorApi.call(props, api);
+    const _api = this.pluginInjectionAPI.api();
+    (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 ? void 0 : _props$setEditorApi.call(props, _api);
     if (props.editorProps.editorActions) {
       // @ts-expect-error
-      props.editorProps.editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = api;
+      props.editorProps.editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = _api;
     }
     this.eventDispatcher = new EventDispatcher();
     this.dispatch = createDispatch(this.eventDispatcher);
@@ -594,7 +611,7 @@ export class ReactEditorView extends React.Component {
         editable: _state => !nextProps.editorProps.disabled
       });
       if (!nextProps.editorProps.disabled && nextProps.editorProps.shouldFocus) {
-        this.focusTimeoutId = handleEditorFocus(this.view, this.getViewMode());
+        this.focusTimeoutId = handleEditorFocus(this.view);
       }
     }
     const {

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "193.24.15";
+export const version = "193.24.19";

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

@@ -22,6 +22,7 @@ import { EDIT_AREA_ID } from '@atlaskit/editor-common/ui';
 import { analyticsEventKey, browser, countNodes as _countNodes, getAnalyticsEventSeverity, getResponseEndTime, measureRender, processRawValue, shouldForceTracking, startMeasure, stopMeasure } from '@atlaskit/editor-common/utils';
 import { EditorState, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { getNodesCount } from '../utils/document';
 import { isFullPage } from '../utils/is-full-page';
@@ -38,7 +39,7 @@ import { createSchema } from './create-schema';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
 import { editorMessages } from './messages';
 import ReactEditorViewContext from './ReactEditorViewContext';
-function handleEditorFocus(view, viewMode) {
+function handleEditorFocus(view) {
   if (view.hasFocus()) {
     return;
   }
@@ -50,12 +51,6 @@ function handleEditorFocus(view, viewMode) {
       view.focus();
       return;
     }
-    if (viewMode === 'view') {
-      var emptySelection = new TextSelection(view.state.doc.resolve(0));
-      var _tr = view.state.tr.setSelection(emptySelection);
-      view.dispatch(_tr);
-      return;
-    }
     var domSelection = window.getSelection();
     if (!domSelection || domSelection.rangeCount === 0) {
       view.focus();
@@ -112,11 +107,6 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "getEditorView", function () {
       return _this.view;
     });
-    _defineProperty(_assertThisInitialized(_this), "getViewMode", function () {
-      var _editorApi$editorView;
-      var editorApi = _this.pluginInjectionAPI.api();
-      return (_editorApi$editorView = editorApi.editorViewMode) === null || _editorApi$editorView === void 0 ? void 0 : _editorApi$editorView.sharedState.currentState().mode;
-    });
     _defineProperty(_assertThisInitialized(_this), "formatFullWidthAppearance", function (appearance) {
       if (appearance === 'full-width') {
         return FULL_WIDTH_MODE.FULL_WIDTH;
@@ -169,6 +159,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     });
     _defineProperty(_assertThisInitialized(_this), "editorPlugins", []);
     _defineProperty(_assertThisInitialized(_this), "createEditorState", function (options) {
+      var _api$editorViewMode;
       var schema;
       if (_this.view) {
         if (options.resetting) {
@@ -219,18 +210,44 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       if (options.doc) {
         doc = processRawValue(schema, options.doc, options.props.providerFactory, options.props.editorProps.sanitizePrivateContent, _this.contentTransformer, _this.dispatchAnalyticsEvent);
       }
+      var api = _this.pluginInjectionAPI.api();
+      var isViewMode = (api === null || api === void 0 || (_api$editorViewMode = api.editorViewMode) === null || _api$editorViewMode === void 0 ? void 0 : _api$editorViewMode.sharedState.currentState().mode) === 'view';
       var selection;
-      if (doc) {
-        selection = options.selectionAtStart ? Selection.atStart(doc) : Selection.atEnd(doc);
+      if (getBooleanFF('platform.editor.live-view.no-editor-selection-in-view-mode')) {
+        if (doc) {
+          if (isViewMode) {
+            var emptySelection = new TextSelection(doc.resolve(0));
+            return EditorState.create({
+              schema: schema,
+              plugins: plugins,
+              doc: doc,
+              selection: emptySelection
+            });
+          } else {
+            selection = options.selectionAtStart ? Selection.atStart(doc) : Selection.atEnd(doc);
+          }
+        }
+        // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
+        var patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
+        return EditorState.create({
+          schema: schema,
+          plugins: plugins,
+          doc: doc,
+          selection: patchedSelection
+        });
+      } else {
+        if (doc) {
+          selection = options.selectionAtStart ? Selection.atStart(doc) : Selection.atEnd(doc);
+        }
+        // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
+        var _patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
+        return EditorState.create({
+          schema: schema,
+          plugins: plugins,
+          doc: doc,
+          selection: _patchedSelection
+        });
       }
-      // Workaround for ED-3507: When media node is the last element, scrollIntoView throws an error
-      var patchedSelection = selection ? Selection.findFrom(selection.$head, -1, true) || undefined : undefined;
-      return EditorState.create({
-        schema: schema,
-        plugins: plugins,
-        doc: doc,
-        selection: patchedSelection
-      });
     });
     _defineProperty(_assertThisInitialized(_this), "onEditorViewStateUpdated", function (_ref2) {
       var originalTransaction = _ref2.originalTransaction,
@@ -455,7 +472,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           transformer: _this.contentTransformer
         });
         if (_this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          _this.focusTimeoutId = handleEditorFocus(view, _this.getViewMode());
+          _this.focusTimeoutId = handleEditorFocus(view);
         }
         if (_this.featureFlags.ufo) {
           _this.experienceStore = ExperienceStore.getInstance(view);
@@ -541,11 +558,11 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       getEditorState: _this.getEditorState,
       getEditorView: _this.getEditorView
     });
-    var api = _this.pluginInjectionAPI.api();
-    (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 || _props$setEditorApi.call(props, api);
+    var _api = _this.pluginInjectionAPI.api();
+    (_props$setEditorApi = props.setEditorApi) === null || _props$setEditorApi === void 0 || _props$setEditorApi.call(props, _api);
     if (props.editorProps.editorActions) {
       // @ts-expect-error
-      props.editorProps.editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = api;
+      props.editorProps.editorActions.__EDITOR_INTERNALS_DO_NOT_USE__API = _api;
     }
     _this.eventDispatcher = new EventDispatcher();
     _this.dispatch = createDispatch(_this.eventDispatcher);
@@ -635,7 +652,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           }
         });
         if (!nextProps.editorProps.disabled && nextProps.editorProps.shouldFocus) {
-          this.focusTimeoutId = handleEditorFocus(this.view, this.getViewMode());
+          this.focusTimeoutId = handleEditorFocus(this.view);
         }
       }
       var appearance = this.props.editorProps.appearance;

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "193.24.15";
+export var version = "193.24.19";

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -92,7 +92,6 @@ export declare class ReactEditorView<T = {}> extends React.Component<EditorViewP
     constructor(props: EditorViewProps & WrappedComponentProps & T, context: EditorReactContext);
     getEditorState: () => EditorState | undefined;
     getEditorView: () => EditorView | undefined;
-    getViewMode: () => 'edit' | 'view' | undefined;
     UNSAFE_componentWillReceiveProps(nextProps: EditorViewProps): void;
     formatFullWidthAppearance: (appearance: EditorAppearance | undefined) => FULL_WIDTH_MODE;
     resetEditorState: ({ doc, shouldScrollToBottom, }: {