@atlaskit/editor-core 184.0.4 → 185.0.0

package/dist/es2019/create-editor/feature-flags-from-props.js

@@ -21,7 +21,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 export function createFeatureFlagsFromProps(props) {
-  var _props$featureFlags, _ref, _props$featureFlags$u, _props$featureFlags2, _props$featureFlags3, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags4, _props$featureFlags5, _props$allowTables, _props$featureFlags6, _props$featureFlags7, _props$allowTables2, _props$featureFlags8, _props$featureFlags9, _props$allowTables3, _props$featureFlags10, _props$featureFlags11, _props$allowTables4, _props$allowTables5, _props$featureFlags12, _props$featureFlags13, _props$allowTables6, _props$allowExtension, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$collabEdit, _props$collabEdit2, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39, _props$featureFlags40, _props$featureFlags41, _props$featureFlags42, _props$featureFlags43, _props$featureFlags44, _props$featureFlags45, _props$featureFlags46, _props$featureFlags47;
+  var _props$featureFlags, _ref, _props$featureFlags$u, _props$featureFlags2, _props$featureFlags3, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags4, _props$featureFlags5, _props$allowTables, _props$featureFlags6, _props$featureFlags7, _props$allowTables2, _props$featureFlags8, _props$featureFlags9, _props$allowTables3, _props$featureFlags10, _props$featureFlags11, _props$allowTables4, _props$allowTables5, _props$featureFlags12, _props$featureFlags13, _props$allowTables6, _props$allowExtension, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31, _props$collabEdit, _props$collabEdit2, _props$featureFlags32, _props$featureFlags33, _props$featureFlags34, _props$featureFlags35, _props$featureFlags36, _props$featureFlags37, _props$featureFlags38, _props$featureFlags39, _props$featureFlags40, _props$featureFlags41, _props$featureFlags42, _props$featureFlags43, _props$featureFlags44, _props$featureFlags45, _props$featureFlags46;
   const normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   const tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
 
@@ -69,7 +69,6 @@ export function createFeatureFlagsFromProps(props) {
     useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags43 = props.featureFlags) === null || _props$featureFlags43 === void 0 ? void 0 : _props$featureFlags43.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags44 = props.featureFlags) !== null && _props$featureFlags44 !== void 0 && _props$featureFlags44.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
     preventPopupOverflow: Boolean(typeof ((_props$featureFlags45 = props.featureFlags) === null || _props$featureFlags45 === void 0 ? void 0 : _props$featureFlags45['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags46 = props.featureFlags) !== null && _props$featureFlags46 !== void 0 && _props$featureFlags46['prevent-popup-overflow']) : false),
-    useEditorNext: normalizedFeatureFlags.useEditorNext === true || ((_props$featureFlags47 = props.featureFlags) === null || _props$featureFlags47 === void 0 ? void 0 : _props$featureFlags47.useEditorNext) === true,
     // duplicated logic from `create-plugins-list.ts` due to presets not being finalised
     useBetterTypeaheadNavigation: Boolean(typeof pseudoNormalisedUseBetterTypeaheadNavigation === 'boolean' ? !!pseudoNormalisedUseBetterTypeaheadNavigation : true)
   };

package/dist/es2019/editor-next/index.js

@@ -2,13 +2,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
 
 import { WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
-import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
+// import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
 import { jsx } from '@emotion/react';
 import PropTypes from 'prop-types';
 import React from 'react';
-import { name, version } from '../version-wrapper';
-import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
-import uuid from 'uuid/v4';
+// import { name, version } from '../version-wrapper';
+
+// import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
+// import uuid from 'uuid/v4';
 import EditorActions from '../actions';
 import { fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import EditorInternal from './editor-internal';
@@ -19,6 +20,8 @@ import deprecationWarnings from './utils/deprecationWarnings';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import { basePlugin } from '../plugins';
 export default class EditorNext extends React.Component {
+  // private editorSessionId: string;
+
   constructor(props, context) {
     super(props);
     _defineProperty(this, "handleSave", view => {
@@ -32,7 +35,7 @@ export default class EditorNext extends React.Component {
     _defineProperty(this, "getExperienceStore", () => this.experienceStore);
     deprecationWarnings(props);
     this.editorActions = (context || {}).editorActions || new EditorActions();
-    this.editorSessionId = uuid();
+    // this.editorSessionId = uuid();
     this.startTime = performance.now();
     this.onEditorCreated = this.onEditorCreated.bind(this);
     this.onEditorDestroyed = this.onEditorDestroyed.bind(this);
@@ -54,34 +57,40 @@ export default class EditorNext extends React.Component {
     this.editorActions._privateUnregisterEditor();
   }
   render() {
-    return jsx(FabricEditorAnalyticsContext, {
-      data: {
-        packageName: name,
-        packageVersion: version,
-        componentName: 'editorCore',
-        appearance: getAnalyticsAppearance(this.props.appearance),
-        editorSessionId: this.editorSessionId
-      }
-    }, jsx(WithCreateAnalyticsEvent, {
-      render: createAnalyticsEvent => (this.createAnalyticsEvent = createAnalyticsEvent) && jsx(EditorInternal, {
-        props: this.props,
-        handleAnalyticsEvent: this.handleAnalyticsEvent,
-        createAnalyticsEvent: this.createAnalyticsEvent,
-        preset: this.props.preset,
-        handleSave: this.handleSave,
-        editorActions: this.editorActions,
-        getExperienceStore: this.getExperienceStore,
-        onEditorCreated: this.onEditorCreated,
-        onEditorDestroyed: this.onEditorDestroyed
+    // TODO: https://product-fabric.atlassian.net/browse/ED-16979
+    // Move `FabricEditorAnalyticsContext` back into `EditorNext`
+    // This was moved out here to workaround the issue that the analytics
+    // context does not wrap the Preset (and therefore does not pass this context
+    // information to analytics calls within plugins). After this cleanup task ^ we will
+    // not have to generate the `createAnalyticsEvent` outside the Preset
+    // and we can move this back into `EditorNext`.
+    return (
+      // <FabricEditorAnalyticsContext
+      //   data={{
+      //     packageName: name,
+      //     packageVersion: version,
+      //     componentName: 'editorCore',
+      //     appearance: getAnalyticsAppearance(this.props.appearance),
+      //     editorSessionId: this.editorSessionId,
+      //   }}
+      // >
+      jsx(WithCreateAnalyticsEvent, {
+        render: createAnalyticsEvent => (this.createAnalyticsEvent = createAnalyticsEvent) && jsx(EditorInternal, {
+          props: this.props,
+          handleAnalyticsEvent: this.handleAnalyticsEvent,
+          createAnalyticsEvent: this.createAnalyticsEvent,
+          preset: this.props.preset,
+          handleSave: this.handleSave,
+          editorActions: this.editorActions,
+          getExperienceStore: this.getExperienceStore,
+          onEditorCreated: this.onEditorCreated,
+          onEditorDestroyed: this.onEditorDestroyed
+        })
       })
-    }));
+      // </FabricEditorAnalyticsContext>
+    );
   }
 }
-/**
- * WARNING: Code should be shared between Editor + EditorNext
- * If you are making changes that affect both, consider making them
- * in editor-next/editor-internal.tsx or editor-next/editor-utils.ts
- */
 _defineProperty(EditorNext, "defaultProps", defaultProps);
 _defineProperty(EditorNext, "contextTypes", {
   editorActions: PropTypes.object

package/dist/es2019/editor.js

@@ -1,222 +1,38 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import PropTypes from 'prop-types';
 import React from 'react';
-import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { WithCreateAnalyticsEvent } from '@atlaskit/editor-common/ui';
-import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
-import { name, version } from './version-wrapper';
+import { defaultProps } from './editor-next/utils/editorPropTypes';
+import EditorNext from './editor-next';
+import useUniversalPreset from './labs/next/presets/useUniversalPreset';
 import { FabricEditorAnalyticsContext } from '@atlaskit/analytics-namespaced-context';
+import { name, version } from './version-wrapper';
+import { getAnalyticsAppearance } from '@atlaskit/editor-common/utils';
 import uuid from 'uuid/v4';
-import EditorActions from './actions';
-import { EditorInternalWithoutHooks as EditorInternal } from './editor-next/editor-internal';
-import { defaultProps, propTypes } from './editor-next/utils/editorPropTypes';
-import trackEditorActions from './editor-next/utils/trackEditorActions';
-import onEditorCreated from './editor-next/utils/onEditorCreated';
-import deprecationWarnings from './editor-next/utils/deprecationWarnings';
-import { createFeatureFlagsFromProps } from './create-editor/feature-flags-from-props';
-import { fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import prepareQuickInsertProvider from './utils/prepare-quick-insert-provider';
-import prepareExtensionProvider from './utils/prepare-extension-provider';
-import handleProviders from './editor-next/utils/handleProviders';
-import getProvidersFromEditorProps from './editor-next/utils/getProvidersFromEditorProps';
-import { startMeasure, clearMeasure, stopMeasure, measureTTI } from '@atlaskit/editor-common/utils';
-import measurements from './utils/performance/measure-enum';
-import editorMeasureTTICallback from './editor-next/utils/editorMeasureTTICallback';
-import { ACTION } from '@atlaskit/editor-common/analytics';
-import sendDurationAnalytics from './editor-next/utils/sendDurationAnalytics';
-import { createPreset } from './create-editor/create-plugins-list';
-import { shouldRecreatePreset } from './create-editor/preset-utils';
+const EditorNextWrapper = ({
+  props
+}) => {
+  const preset = useUniversalPreset({
+    props
+  });
+  return jsx(EditorNext, _extends({
+    preset: preset
+  }, props));
+};
 export default class Editor extends React.Component {
-  constructor(props, context) {
-    var _props$performanceTra, _props$performanceTra2, _props$featureFlags;
-    super(props);
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    _defineProperty(this, "prepareExtensionProvider", prepareExtensionProvider(() => this.editorActions));
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    _defineProperty(this, "prepareQuickInsertProvider", (extensionProvider, quickInsert) => {
-      return prepareQuickInsertProvider(this.editorActions, extensionProvider, quickInsert, this.createAnalyticsEvent);
-    });
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    _defineProperty(this, "handleSave", view => {
-      var _this$props$onSave, _this$props;
-      return (_this$props$onSave = (_this$props = this.props).onSave) === null || _this$props$onSave === void 0 ? void 0 : _this$props$onSave.call(_this$props, view);
-    });
-    /**
-     * @private
-     * @deprecated - Do not override this at all, this is an antipattern.
-     * Please reach out to the Editor team if you were previously using this
-     * and need to find a workaround.
-     */
-    _defineProperty(this, "handleAnalyticsEvent", data => fireAnalyticsEvent(this.createAnalyticsEvent)(data));
-    _defineProperty(this, "getFeatureFlags", () => {
-      return createFeatureFlagsFromProps(this.props);
-    });
-    _defineProperty(this, "getExperienceStore", () => this.experienceStore);
-    this.providerFactory = new ProviderFactory();
-    deprecationWarnings(props);
-    this.editorActions = (context || {}).editorActions || new EditorActions();
-    this.editorSessionId = uuid();
-    this.startTime = performance.now();
-    this.onEditorCreated = this.onEditorCreated.bind(this);
-    this.onEditorDestroyed = this.onEditorDestroyed.bind(this);
-    this.getExperienceStore = this.getExperienceStore.bind(this);
-    this.trackEditorActions(this.editorActions, props);
-
-    /**
-     * Consider any changes here to corresponding file for `EditorNext` in
-     * `useEditorConstructor` (editor-next/hooks/useEditorMeasuresConstructor.ts)
-     */
-    startMeasure(measurements.EDITOR_MOUNTED);
-    if ((_props$performanceTra = props.performanceTracking) !== null && _props$performanceTra !== void 0 && (_props$performanceTra2 = _props$performanceTra.ttiTracking) !== null && _props$performanceTra2 !== void 0 && _props$performanceTra2.enabled || (_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.ufo) {
-      var _props$performanceTra3, _props$performanceTra4, _props$performanceTra5, _props$performanceTra6;
-      measureTTI((tti, ttiFromInvocation, canceled) => {
-        editorMeasureTTICallback(tti, ttiFromInvocation, canceled, this.props.performanceTracking, this.props.featureFlags, this.createAnalyticsEvent, this.experienceStore);
-      }, (_props$performanceTra3 = props.performanceTracking) === null || _props$performanceTra3 === void 0 ? void 0 : (_props$performanceTra4 = _props$performanceTra3.ttiTracking) === null || _props$performanceTra4 === void 0 ? void 0 : _props$performanceTra4.ttiIdleThreshold, (_props$performanceTra5 = props.performanceTracking) === null || _props$performanceTra5 === void 0 ? void 0 : (_props$performanceTra6 = _props$performanceTra5.ttiTracking) === null || _props$performanceTra6 === void 0 ? void 0 : _props$performanceTra6.ttiCancelTimeout);
-    }
-
-    /**
-     * Consider any changes here to corresponding file for `EditorNext` in
-     * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts)
-     */
-    const _extensionProvider = this.prepareExtensionProvider(props.extensionProviders);
-    const quickInsertProvider = this.prepareQuickInsertProvider(_extensionProvider, props.quickInsert);
-    const preset = createPreset(props, undefined, this.createAnalyticsEvent);
-    this.state = {
-      extensionProvider: _extensionProvider,
-      quickInsertProvider,
-      preset
-    };
-  }
-
-  /**
-   * Consider any changes here to corresponding file for `EditorNext` in
-   * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts) and
-   * `useMeasureEditorMountTime` (editor-next/hooks/useMeasureEditorMountTime.ts)
-   */
-  componentDidMount() {
-    stopMeasure(measurements.EDITOR_MOUNTED, sendDurationAnalytics(ACTION.EDITOR_MOUNTED, this.props, this.getExperienceStore, this.createAnalyticsEvent));
-    handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider);
-  }
-
-  /**
-   * Consider any changes here to corresponding file for `EditorNext` in
-   * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts)
-   */
-  componentDidUpdate(prevProps) {
-    const needsANewPreset = shouldRecreatePreset(prevProps, this.props);
-    const preset = needsANewPreset ? createPreset(this.props, prevProps, this.createAnalyticsEvent) : this.state.preset;
-    const {
-      extensionProviders,
-      quickInsert
-    } = this.props;
-    if (extensionProviders && extensionProviders !== prevProps.extensionProviders ||
-    // Though this will introduce some performance regression related to quick insert
-    // loading but we can remove it soon when Forge will move to new API.
-    // quickInsert={Promise.resolve(consumerQuickInsert)} is one of the main reason behind this performance issue.
-    quickInsert && quickInsert !== prevProps.quickInsert) {
-      const extensionProvider = this.prepareExtensionProvider(extensionProviders);
-      const quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
-      this.setState({
-        extensionProvider,
-        quickInsertProvider,
-        preset
-      }, () => handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider));
-      return;
-    }
-    if (needsANewPreset) {
-      this.setState({
-        preset
-      });
-      return;
-    }
-    handleProviders(this.providerFactory, getProvidersFromEditorProps(this.props), this.state.extensionProvider, this.state.quickInsertProvider);
-  }
-
-  /**
-   * Consider any changes here to corresponding file for `EditorNext` in
-   * `useProviderFactory` (editor-next/hooks/useProviderFactory.ts) and
-   * `useMeasureEditorMountTime` (editor-next/hooks/useMeasureEditorMountTime.ts)
-   */
-  componentWillUnmount() {
-    var _this$props2, _this$props2$performa, _this$props2$performa2, _this$props$featureFl;
-    this.unregisterEditorFromActions();
-    this.providerFactory.destroy();
-    clearMeasure(measurements.EDITOR_MOUNTED);
-    ((_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$performa = _this$props2.performanceTracking) === null || _this$props2$performa === void 0 ? void 0 : (_this$props2$performa2 = _this$props2$performa.onEditorReadyCallbackTracking) === null || _this$props2$performa2 === void 0 ? void 0 : _this$props2$performa2.enabled) && clearMeasure(measurements.ON_EDITOR_READY_CALLBACK);
-    if ((_this$props$featureFl = this.props.featureFlags) !== null && _this$props$featureFl !== void 0 && _this$props$featureFl.ufo) {
-      var _this$experienceStore;
-      (_this$experienceStore = this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.abortAll({
-        reason: 'editor component unmounted'
-      });
-    }
-  }
-
-  /**
-   * @private
-   * @deprecated - Do not override this at all, this is an anti-pattern.
-   * Please reach out to the Editor team if you were previously using this
-   * and need to find a workaround.
-   */
-  trackEditorActions(editorActions, props) {
-    return trackEditorActions(editorActions, props.performanceTracking, value => this.handleAnalyticsEvent(value));
-  }
-  /**
-   * @private
-   * @deprecated - Do not override this at all, this is an antipattern.
-   * Please reach out to the Editor team if you were previously using this
-   * and need to find a workaround.
-   */
-  onEditorCreated(instance) {
-    onEditorCreated(instance, this.props, experienceStore => this.experienceStore = experienceStore, this.getExperienceStore, () => this.createAnalyticsEvent, this.editorActions, this.startTime, (view, dispatcher, transformerForActions) => this.registerEditorForActions(view, dispatcher, transformerForActions));
-  }
-
-  /**
-   * @private
-   * @deprecated - Do not override this at all, this is an antipattern.
-   * Please reach out to the Editor team if you were previously using this
-   * and need to find a workaround.
-   */
-  onEditorDestroyed(_instance) {
-    var _this$props$onDestroy, _this$props3;
-    this.unregisterEditorFromActions();
-    (_this$props$onDestroy = (_this$props3 = this.props).onDestroy) === null || _this$props$onDestroy === void 0 ? void 0 : _this$props$onDestroy.call(_this$props3);
-  }
-  /**
-   * @private
-   * @deprecated - Do not override this at all, this is an antipattern.
-   * Please reach out to the Editor team if you were previously using this
-   * and need to find a workaround.
-   */
-  registerEditorForActions(editorView, eventDispatcher, contentTransformer) {
-    this.editorActions._privateRegisterEditor(editorView, eventDispatcher, contentTransformer, this.getFeatureFlags);
-  }
-  /**
-   * @private
-   * @deprecated - Do not override this at all, this is an antipattern.
-   * Please reach out to the Editor team if you were previously using this
-   * and need to find a workaround.
-   */
-  unregisterEditorFromActions() {
-    this.editorActions._privateUnregisterEditor();
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "editorSessionId", uuid());
   }
   render() {
+    // TODO: https://product-fabric.atlassian.net/browse/ED-16979
+    // Move `FabricEditorAnalyticsContext` back into `EditorNext`
+    // This was moved out here to workaround the issue that the analytics
+    // context does not wrap the Preset (and therefore does not pass this context
+    // information to analytics calls within plugins). After this cleanup task ^ we will
+    // not have to generate the `createAnalyticsEvent` outside the Preset
+    // and we can move this back into `EditorNext`.
     return jsx(FabricEditorAnalyticsContext, {
       data: {
         packageName: name,
@@ -225,28 +41,9 @@ export default class Editor extends React.Component {
         appearance: getAnalyticsAppearance(this.props.appearance),
         editorSessionId: this.editorSessionId
       }
-    }, jsx(WithCreateAnalyticsEvent, {
-      render: createAnalyticsEvent => (this.createAnalyticsEvent = createAnalyticsEvent) && jsx(EditorInternal, {
-        props: this.props,
-        handleAnalyticsEvent: this.handleAnalyticsEvent,
-        createAnalyticsEvent: this.createAnalyticsEvent,
-        preset: this.state.preset,
-        handleSave: this.handleSave,
-        editorActions: this.editorActions,
-        providerFactory: this.providerFactory,
-        onEditorCreated: this.onEditorCreated,
-        onEditorDestroyed: this.onEditorDestroyed
-      })
+    }, jsx(EditorNextWrapper, {
+      props: this.props
     }));
   }
 }
-/**
- * WARNING: Code should be shared between Editor + EditorNext
- * If you are making changes that affect both, consider making them
- * in editor-next/editor-internal.tsx or editor-next/editor-utils.ts
- */
-_defineProperty(Editor, "defaultProps", defaultProps);
-_defineProperty(Editor, "contextTypes", {
-  editorActions: PropTypes.object
-});
-_defineProperty(Editor, "propTypes", propTypes('minHeight only supports editor appearance chromeless and comment for Editor'));
+_defineProperty(Editor, "defaultProps", defaultProps);

package/dist/es2019/i18n/en_ZZ.js

@@ -8,13 +8,13 @@
 //
 export default {
   'fabric.editor.addAltText': '⁣⁢Alt text‌‍‌؜⁡؜⁡⁣⁤',
+  'fabric.editor.addImageBorder': '⁣⁢Add border⁠⁠‌⁡‍⁡؜‍؜؜⁠⁣⁤',
   'fabric.editor.alignCenter': '⁣⁢Align Center؜؜؜؜⁠⁠⁠‍⁠‍⁣⁤',
   'fabric.editor.alignLeft': '⁣⁢Align left⁠؜‌‌؜⁡‍‍⁠؜⁠؜⁡⁡⁣⁤',
   'fabric.editor.alignRight': '⁣⁢Align Right⁡؜⁡⁡⁠‍‍⁠؜⁣⁤',
   'fabric.editor.alignment': '⁣⁢Text alignment؜⁠⁡‌⁠؜⁡؜⁠⁣⁤',
   'fabric.editor.altText': '⁣⁢Alt text؜⁠؜‌⁡‌⁠‍‍‍‌‌‌‌⁣⁤',
   'fabric.editor.alttext.validation': '⁣⁢Please remove any special characters in alt text.؜⁠‌‍⁡؜⁣⁤',
-  'fabric.editor.annotate': '⁣⁢Annotate‌⁡؜؜⁠‍⁡⁣⁤',
   'fabric.editor.annotationToolbar': '⁣⁢Annotation toolbar‍‍‍‌⁡‍⁠؜⁡‍⁠⁣⁤',
   'fabric.editor.backLink': '⁣⁢Go back‍⁡‌؜‌⁠⁣⁤',
   'fabric.editor.blockCardUnavailable': '⁣⁢The inline link is inside {node} and cannot have its view changed⁠؜⁡⁡⁠؜⁡⁠‍⁠⁠⁡‍⁣⁤',
@@ -62,6 +62,7 @@ export default {
   'fabric.editor.customPanel.description': '⁣⁢Add a note with an emoji and colored background؜؜‍‍⁠‍⁠؜⁡‌؜⁡⁣⁤',
   'fabric.editor.decisionPlaceholder': '⁣⁢Add a decision…⁡‌⁡‍؜⁡⁡⁠‍‌⁣⁤',
   'fabric.editor.defaultAltText': '⁣⁢List item⁡‍؜‌‍⁠‍⁠⁡‌⁣⁤',
+  'fabric.editor.description': '⁣⁢Description⁡‍‍‍‍⁣⁤',
   'fabric.editor.displayBlock': '⁣⁢Display card‍‌؜؜⁡⁠‍؜‍‍‌⁠⁠⁣⁤',
   'fabric.editor.displayEmbed': '⁣⁢Display embed⁡⁡‍⁠⁠‌⁣⁤',
   'fabric.editor.displayInline': '⁣⁢Display inline‍⁡‌‌؜‌⁠⁣⁤',
@@ -77,6 +78,7 @@ export default {
   'fabric.editor.editStatusColor': '⁣⁢Edit Status Color‌‌⁡‌‍؜⁡‍؜⁡⁣⁤',
   'fabric.editor.editStatusText': '⁣⁢Edit Status⁡‍‌‌‍؜⁡؜‍‍؜؜⁣⁤',
   'fabric.editor.editableContentLabel': '⁣⁢Editable content⁠؜‌‍⁠⁡⁠؜⁣⁤',
+  'fabric.editor.editorAssistiveLabel': '⁣⁢Main content area, start typing to enter text.‍‌⁡‌‌⁡؜؜⁣⁤',
   'fabric.editor.editorHelp': '⁣⁢Editor help‌؜‍؜؜‍‌⁠؜⁣⁤',
   'fabric.editor.editors': '⁣⁢Editors‍؜‌‍⁡‍⁠⁡؜‌‌⁡⁣⁤',
   'fabric.editor.elementBrowser.help': '⁣⁢Help⁡؜‌‍‍⁠⁠⁠⁡⁠⁣⁤',
@@ -101,14 +103,18 @@ export default {
   'fabric.editor.error': '⁣⁢Error؜‌⁡‌؜⁡‌⁣⁤',
   'fabric.editor.errorPanel': '⁣⁢Error panel⁠‍؜⁠⁠؜‍⁠⁠⁡⁣⁤',
   'fabric.editor.errorPanel.description': '⁣⁢Call out errors in a colored panel⁡⁠؜⁡‍‌‍؜‍⁣⁤',
-  'fabric.editor.extension.confirmDeleteLinkedModalMessage': '⁣⁢Removing this extension will break anything connected to it.⁠؜⁡‌‌‍‌⁡⁠⁡⁡⁡⁡⁣⁤',
-  'fabric.editor.extension.confirmDeleteLinkedModalOKButton': '⁣⁢Remove extension⁡‍‌‍⁠‌‍‍⁠⁠⁣⁤',
+  'fabric.editor.extension.confirmDeleteLinkedModalMessage': '⁣⁢Deleting {nodeName} will break anything connected to it.‍‍‌؜⁠⁡⁠⁣⁤',
+  'fabric.editor.extension.confirmDeleteLinkedModalOKButton': '⁣⁢Delete⁠؜‌‍⁠⁠⁣⁤',
+  'fabric.editor.extension.deleteElementTitle': '⁣⁢Delete element⁠؜⁠⁡‍؜⁣⁤',
+  'fabric.editor.extension.sourceNoTitledName': '⁣⁢this element‍⁠⁡؜⁡⁠؜‌⁡⁠⁣⁤',
   'fabric.editor.extensions.config-panel.save-indicator': '⁣⁢All changes are always autosaved⁠‍؜‌‌‍‍⁡‌‌‍‌‌⁣⁤',
   'fabric.editor.find': '⁣⁢Find⁠‌⁠‌⁠‍؜⁣⁤',
   'fabric.editor.findNext': '⁣⁢Find next؜‌؜‌؜⁠⁣⁤',
   'fabric.editor.findPrevious': '⁣⁢Find previous⁠⁠⁡⁡‍‍⁡⁡⁣⁤',
   'fabric.editor.findReplaceToolbarButton': '⁣⁢Find and replace؜⁠‍‌⁡⁡؜‌⁡⁠‍‌⁣⁤',
   'fabric.editor.floatingToolbar.confirmModalCancel': '⁣⁢Cancel؜⁡‌‌⁡⁡‍؜⁡؜⁣⁤',
+  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': '⁣⁢Also delete connected elements؜؜؜؜؜‍⁡‍‌؜‌‌؜‍⁣⁤',
+  'fabric.editor.floatingToolbar.confirmModalConnectedUnit': '{amount, plural, =0 {⁣⁢{name}⁡⁡‌⁡؜‍⁡‍‌⁣⁤} one {⁣⁢{name} (+1 connected element)⁡⁡‌‍⁡‌⁡؜⁣⁤} other {⁣⁢{name} (+{amount,number} connected elements)⁡⁡‌‍⁡‌⁡؜⁣⁤}}',
   'fabric.editor.floatingToolbar.confirmModalHeading': '⁣⁢Are you sure?⁡⁡‌‍⁡‍⁡⁠؜‌‌⁣⁤',
   'fabric.editor.floatingToolbar.confirmModalOK': '⁣⁢OK‍‌؜⁡؜⁡‍⁡⁣⁤',
   'fabric.editor.floatingToolbar.floatingToolbarAnnouncer': '⁣⁢Floating toolbar controls have been opened⁠⁠‌‌؜‍⁣⁤',
@@ -139,6 +145,12 @@ export default {
   'fabric.editor.hyperlink.searchLinkAriaDescription': '⁣⁢Suggestions will appear below as you type into the field⁠‍‍⁠‍‌؜⁡‍‍‍؜‍‌⁣⁤',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {⁣⁢no results found⁡⁠؜؜؜؜⁣⁤} one {⁣⁢{count,number} result found؜⁠؜‌‍⁡‍⁡؜‌⁡‌⁣⁤} other {⁣⁢{count,number} results found؜⁠؜‌‍⁡‍⁡؜‌⁡‌⁣⁤}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': '⁣⁢Paste or search for link‌‌‍؜‌؜‍⁡⁠⁣⁤',
+  'fabric.editor.imageBorderBold': '⁣⁢Bold‍‍‍‌⁠‍⁡‌؜‍⁡‍⁣⁤',
+  'fabric.editor.imageBorderColor': '⁣⁢Color⁠⁠⁠؜؜⁠⁠‍⁡؜؜⁣⁤',
+  'fabric.editor.imageBorderMedium': '⁣⁢Medium⁠‌⁠؜‍⁠؜⁠؜⁣⁤',
+  'fabric.editor.imageBorderOptions': '⁣⁢Border options؜‍‍؜⁠‍⁠؜‌‍‍⁣⁤',
+  'fabric.editor.imageBorderSize': '⁣⁢Size⁠⁡؜⁠⁡؜‌‍⁡⁠‍؜⁠‍⁡⁣⁤',
+  'fabric.editor.imageBorderSubtle': '⁣⁢Subtle⁡⁡‌⁠؜‍‌؜⁣⁤',
   'fabric.editor.improvement': '⁣⁢Improvement⁡⁡‍‍‌⁠‍⁡⁣⁤',
   'fabric.editor.indent': '⁣⁢Indent‌⁠‌⁠‍⁡⁣⁤',
   'fabric.editor.info': '⁣⁢Info⁡⁡‌⁡⁠؜؜‌‍⁠⁣⁤',
@@ -160,9 +172,12 @@ export default {
   'fabric.editor.matchCase': '⁣⁢Match case‌‌⁠⁡‍؜‍‍‌؜⁡⁡⁠‍⁣⁤',
   'fabric.editor.mediaAddLink': '⁣⁢Add link‍⁠⁠‌‍‌⁡‌؜‍⁣⁤',
   'fabric.editor.mediaGroupDeleteLabel': '⁣⁢delete‌‌⁠⁡⁠‍⁠⁣⁤',
+  'fabric.editor.mentionNode.label': '⁣⁢Tagged user⁠‍⁠‌⁡⁡‍‍‌‌⁡؜⁣⁤',
   'fabric.editor.mentionsAddLabel': '⁣⁢add-icon‌‌‌؜⁡‍‍⁡⁡‍‍⁠⁣⁤',
   'fabric.editor.mentionsIconLabel': '⁣⁢Mention⁠⁠⁠⁡‌⁠؜‍؜؜⁡⁠⁠⁣⁤',
   'fabric.editor.moreFormatting': '⁣⁢More formatting‍؜‌‌⁠‍‍؜‍⁡⁣⁤',
+  'fabric.editor.navigate.toolbar.editor': '⁣⁢Navigate to editor toolbar⁠؜⁡⁡⁡‍‌‌‍⁡⁣⁤',
+  'fabric.editor.navigate.toolbar.floating': '⁣⁢Navigate to floating toolbar⁠‍⁠‍⁠‍‍⁣⁤',
   'fabric.editor.noResultsFound': '⁣⁢No results‍؜‌‌‌؜⁡⁣⁤',
   'fabric.editor.noSearchResults': '⁣⁢No search results؜؜‍‍‍؜‍⁡⁣⁤',
   'fabric.editor.normal': '⁣⁢Normal text⁠⁠‍⁠⁠‌⁠‍؜⁡⁠‌⁡⁠⁣⁤',
@@ -183,6 +198,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': '⁣⁢Add placeholder text‍‌⁠⁡‍⁡؜⁠‍⁠؜‍⁣⁤',
   'fabric.editor.quickInsert': '⁣⁢Quick insert⁠⁠⁠‌؜⁠⁣⁤',
   'fabric.editor.redo': '⁣⁢Redo⁠؜⁡؜؜⁡‌‍‍⁡⁣⁤',
+  'fabric.editor.removeImageBorder': '⁣⁢Remove border؜⁡‍؜⁡⁡‌⁣⁤',
   'fabric.editor.replace': '⁣⁢Replace‌⁠؜⁠⁠⁠‌⁠⁡⁠⁣⁤',
   'fabric.editor.replaceAll': '⁣⁢Replace all‌⁡؜‍⁠⁣⁤',
   'fabric.editor.replaceWith': '⁣⁢Replace with‍‍⁡؜⁡⁠⁡؜؜⁠⁠⁣⁤',
@@ -191,6 +207,7 @@ export default {
   'fabric.editor.searchResults': '{itemsLength, plural, one {⁣⁢{itemsLength,number} search result available⁡‍‍⁠‍؜⁠؜‌⁡⁣⁤} other {⁣⁢{itemsLength,number} search results available⁡‍‍⁠‍؜⁠؜‌⁡⁣⁤}}',
   'fabric.editor.selectLanguage': '⁣⁢Select language‍⁠‌؜‌⁡‍‌⁣⁤',
   'fabric.editor.settingsLinks': '⁣⁢Go to Link Preferences؜؜‌⁡‍؜⁠⁡⁠⁠‌⁠⁣⁤',
+  'fabric.editor.shortcut': '⁣⁢Text shortcut‌‌‌⁠‌‍⁠‍⁡‌‌⁣⁤',
   'fabric.editor.single': '⁣⁢Single column⁡‍⁠‌؜⁡‍‌‍⁣⁤',
   'fabric.editor.statusPlaceholder': '⁣⁢Set a status⁠؜⁠⁠⁡⁡‍⁣⁤',
   'fabric.editor.story': '⁣⁢Story‌⁡⁡؜؜⁡⁡⁠⁡⁠⁣⁤',
@@ -212,9 +229,17 @@ export default {
   'fabric.editor.threeColumns': '⁣⁢Three columns؜‍‌‍‌‌‌‌⁠؜⁣⁤',
   'fabric.editor.threeColumnsWithSidebars': '⁣⁢Three columns with sidebars؜‌⁠⁠‍⁡؜‍؜؜⁣⁤',
   'fabric.editor.toolbarLabel': '⁣⁢Editor toolbar‌‍؜‍؜⁠‌⁠‍‍⁣⁤',
-  'fabric.editor.toolbarMediaTitle': '⁣⁢Files & images؜⁡⁡‌⁡‌⁡⁡‍⁡⁠⁡⁣⁤',
+  'fabric.editor.toolbarMediaTitle': '⁣⁢Add image, video, or file‌‍‍؜‍⁠⁣⁤',
   'fabric.editor.twoColumns': '⁣⁢Two columns⁡‌‍؜‌‍؜‍‍‍⁡⁣⁤',
-  'fabric.editor.typeAheadResultLabel': '⁣⁢TypeAhead results⁡‌‌⁠؜⁠‍⁠⁣⁤',
+  'fabric.editor.typeAhead.popupLabel': '⁣⁢Typeahead results⁠؜⁡؜⁠‍‍⁠‌⁣⁤',
+  'fabric.editor.typeAhead.quickInsertInputLabel': '⁣⁢Begin typing to search or filter shortcut options⁠⁠‍‌⁡‍⁠؜⁠⁡‍⁣⁤',
+  'fabric.editor.typeAhead.quickInsertPopupLabel': '⁣⁢Shortcuts for inserts and formatting⁡؜؜‌⁡‌‌‌⁣⁤',
+  'fabric.editor.typeahead.emojiInputLabel': '⁣⁢Begin typing to search or filter emoji options‌‍⁠‌⁡⁠⁡⁠‍‍⁡‍⁣⁤',
+  'fabric.editor.typeahead.emojiListItemLabel': '⁣⁢Emoji {name} Text Shortcut {shortcut}⁠؜⁠⁡⁡⁡‍⁡⁡‌‌⁣⁤',
+  'fabric.editor.typeahead.emojiPopupLabel': '⁣⁢Emoji shortcuts؜⁠‍⁡‍⁠⁡⁠⁡‌‍؜‍⁣⁤',
+  'fabric.editor.typeahead.mentionInputLabel': '⁣⁢Begin typing to search for users to tag⁡⁡‌⁠‌؜⁡‍‍⁠‍⁠⁠‌⁣⁤',
+  'fabric.editor.typeahead.mentionPopupLabel': '⁣⁢Users you can tag‌‍‌؜⁡⁡؜⁡⁣⁤',
+  'fabric.editor.typeahead.metionListItemLabel': '⁣⁢User {name} @{shortName}‌‍؜⁠⁡‌‌⁡⁣⁤',
   'fabric.editor.unableToOpenLink': '⁣⁢Unable to open this link⁡؜‍‌‌⁠⁡⁡‌؜⁣⁤',
   'fabric.editor.underline': '⁣⁢Underline⁠⁠‍‍‌‌⁠‍⁣⁤',
   'fabric.editor.undo': '⁣⁢Undo⁡⁡⁡‌⁠⁡‌⁡‌⁠⁡⁣⁤',
@@ -228,5 +253,6 @@ export default {
   'fabric.editor.warningPanel': '⁣⁢Warning panel⁡‍‌؜⁠‌⁡؜⁠؜⁡⁡⁠؜⁣⁤',
   'fabric.editor.warningPanel.description': '⁣⁢Add a note of caution in a colored panel‌⁠⁡‍⁠؜‍⁡⁡⁡⁣⁤',
   'fabric.editor.wrapLeft': '⁣⁢Wrap left؜‍⁡‌⁡⁠‌‌‌⁡⁣⁤',
-  'fabric.editor.wrapRight': '⁣⁢Wrap right‍؜؜⁡؜⁣⁤'
+  'fabric.editor.wrapRight': '⁣⁢Wrap right‍؜؜⁡؜⁣⁤',
+  'fabric.emoji.label': '⁣⁢Emoji‌⁠؜‌⁠‍⁠؜⁠‌؜⁡⁣⁤'
 };

package/dist/es2019/index.js

@@ -61,5 +61,4 @@ export { lightModeStatusColorPalette, darkModeStatusColorPalette } from './ui/Co
 export { DEFAULT_BORDER_COLOR } from './ui/ColorPalette/Palettes/common';
 export { default as messages, statusMessages, dateMessages } from './messages';
 export { createTypeAheadTools } from './plugins/type-ahead/api';
-export { createQuickInsertTools } from './plugins/quick-insert/api';
-export { default as EditorMigrationComponent } from './editor-next/editor-migration-component';
+export { createQuickInsertTools } from './plugins/quick-insert/api';

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

@@ -23,6 +23,7 @@ import quickInsertPlugin from '../../../plugins/quick-insert';
 import selectionPlugin from '../../../plugins/selection';
 import codeBlockPlugin from '../../../plugins/code-block';
 import undoRedoPlugin from '../../../plugins/undo-redo';
+import { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
 // #endregion
 
@@ -55,7 +56,7 @@ export function createDefaultPreset(options) {
       }]);
     }
     return builder;
-  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).maybeAdd(undoRedoPlugin, (p, builder) => {
+  }).add([pastePlugin, options.paste]).add(clipboardPlugin).add([basePlugin, options.base]).add(decorationsPlugin).maybeAdd(undoRedoPlugin, (p, builder) => {
     var _options$featureFlags;
     // The undo redo plugin needs to be add before the blockTypePlugin
     if ((_options$featureFlags = options.featureFlags) !== null && _options$featureFlags !== void 0 && _options$featureFlags.undoRedoButtons) {

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

@@ -11,7 +11,6 @@ import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
 import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
 import { plugin as reactNodeView } from './pm-plugins/react-nodeview';
-import decorationPlugin, { hoverDecoration } from './pm-plugins/decoration';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '../../utils/keymap';
 import frozenEditor from './pm-plugins/frozen-editor';
@@ -62,9 +61,6 @@ const basePlugin = (options, api) => {
           var _options$inputTrackin;
           return options !== null && options !== void 0 && (_options$inputTrackin = options.inputTracking) !== null && _options$inputTrackin !== void 0 && _options$inputTrackin.enabled || options !== null && options !== void 0 && options.ufo ? frozenEditor(dispatchAnalyticsEvent, options.inputTracking, options.browserFreezeTracking, options.ufo) : undefined;
         }
-      }, {
-        name: 'decorationPlugin',
-        plugin: () => decorationPlugin()
       }, {
         name: 'history',
         plugin: () => history()
@@ -123,9 +119,6 @@ const basePlugin = (options, api) => {
         name: 'text',
         node: text
       }];
-    },
-    actions: {
-      hoverDecoration
     }
   };
 };

package/dist/es2019/plugins/card/nodeviews/blockCard.js

@@ -47,6 +47,13 @@ export class BlockCardComponent extends React.PureComponent {
         contentEditable: true
       });
     });
+    _defineProperty(this, "onError", ({
+      err
+    }) => {
+      if (err) {
+        throw err;
+      }
+    });
   }
   UNSAFE_componentWillMount() {
     const {
@@ -74,6 +81,7 @@ export class BlockCardComponent extends React.PureComponent {
       appearance: "block",
       onClick: this.onClick,
       onResolve: this.onResolve,
+      onError: this.onError,
       showActions: platform === 'web',
       platform: platform,
       showServerActions: showServerActions