@atlaskit/editor-core 180.0.0 → 181.0.0

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactEditorViewEditor = ReactEditorViewEditor;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ReactEditorViewInternal = require("./ReactEditorViewInternal");
+var _reactIntlNext = require("react-intl-next");
+function ReactEditorViewEditor(props) {
+  return /*#__PURE__*/_react.default.createElement(_ReactEditorViewInternal.ReactEditorView, props);
+}
+var _default = (0, _reactIntlNext.injectIntl)(ReactEditorViewEditor);
+exports.default = _default;

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

@@ -4,6 +4,7 @@ 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;
@@ -92,6 +93,7 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
     },
     cardOptions: cardOptions,
     hyperlinkOptions: {
+      editorAppearance: props.appearance,
       linkPicker: (_props$linking2 = props.linking) === null || _props$linking2 === void 0 ? void 0 : _props$linking2.linkPicker,
       cardOptions: cardOptions,
       platform: isMobile ? 'mobile' : 'web'
@@ -110,13 +112,39 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-function createPluginsList(props, prevProps, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth) {
-  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, editorSelectionAPI, getEditorContainerWidth);
+function createPluginsList(props, prevProps, createAnalyticsEvent) {
+  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent);
   var excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType
   })) {
     excludes.add('codeBlock');
   }
-  return preset.getEditorPlugins(excludes);
+  return preset.build({
+    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, createAnalyticsEvent) {
+  var _props$dangerouslyApp;
+  var preset = (0, _universal.default)(props.appearance, getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent), (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance, createAnalyticsEvent);
+  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
 }

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

@@ -32,7 +32,7 @@ function getSpellCheck(featureFlags) {
  * which is used by both current and archv3 editors.
  */
 function createFeatureFlagsFromProps(props) {
-  var _props$featureFlags, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _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$collabEdit, _props$collabEdit2, _props$featureFlags30, _props$featureFlags31, _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;
+  var _props$featureFlags, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$allowTables5, _props$featureFlags10, _props$featureFlags11, _props$allowTables6, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _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$collabEdit, _props$collabEdit2, _props$featureFlags30, _props$featureFlags31, _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;
   var normalizedFeatureFlags = (0, _normalizeFeatureFlags.normalizeFeatureFlags)(props.featureFlags);
   var tableCellOptionsInFloatingToolbar = normalizedFeatureFlags.tableCellOptionsInFloatingToolbar || ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.tableCellOptionsInFloatingToolbar) || undefined;
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -75,6 +75,7 @@ function createFeatureFlagsFromProps(props) {
     restartNumberedListsToolbar: normalizedFeatureFlags.restartNumberedListsToolbar === true || ((_props$featureFlags40 = props.featureFlags) === null || _props$featureFlags40 === void 0 ? void 0 : _props$featureFlags40.restartNumberedListsToolbar) === true,
     useSomewhatSemanticTextColorNames: Boolean(typeof normalizedFeatureFlags.useSomewhatSemanticTextColorNames === 'boolean' && !!normalizedFeatureFlags.useSomewhatSemanticTextColorNames || (typeof ((_props$featureFlags41 = props.featureFlags) === null || _props$featureFlags41 === void 0 ? void 0 : _props$featureFlags41.useSomewhatSemanticTextColorNames) === 'boolean' ? !!((_props$featureFlags42 = props.featureFlags) !== null && _props$featureFlags42 !== void 0 && _props$featureFlags42.useSomewhatSemanticTextColorNames) : false)),
     lpLinkPickerFocusTrap: Boolean(normalizedFeatureFlags.lpLinkPickerFocusTrap),
-    preventPopupOverflow: Boolean(typeof ((_props$featureFlags43 = props.featureFlags) === null || _props$featureFlags43 === void 0 ? void 0 : _props$featureFlags43['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags44 = props.featureFlags) !== null && _props$featureFlags44 !== void 0 && _props$featureFlags44['prevent-popup-overflow']) : false)
+    preventPopupOverflow: Boolean(typeof ((_props$featureFlags43 = props.featureFlags) === null || _props$featureFlags43 === void 0 ? void 0 : _props$featureFlags43['prevent-popup-overflow']) === 'boolean' ? !!((_props$featureFlags44 = props.featureFlags) !== null && _props$featureFlags44 !== void 0 && _props$featureFlags44['prevent-popup-overflow']) : false),
+    useEditorNext: normalizedFeatureFlags.useEditorNext === true || ((_props$featureFlags45 = props.featureFlags) === null || _props$featureFlags45 === void 0 ? void 0 : _props$featureFlags45.useEditorNext) === true
   });
 }

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldRecreatePreset = shouldRecreatePreset;
+var EMPTY = [];
+function shouldRecreatePreset(props, nextProps) {
+  var _props$dangerouslyApp, _props$dangerouslyApp2, _nextProps$dangerousl, _nextProps$dangerousl2;
+  var prevPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : EMPTY;
+  var nextPlugins = (_nextProps$dangerousl = (_nextProps$dangerousl2 = nextProps.dangerouslyAppendPlugins) === null || _nextProps$dangerousl2 === void 0 ? void 0 : _nextProps$dangerousl2.__plugins) !== null && _nextProps$dangerousl !== void 0 ? _nextProps$dangerousl : EMPTY;
+  if (nextPlugins.length !== prevPlugins.length || prevPlugins.some(function (p) {
+    return nextPlugins.some(function (n) {
+      return n.name === p.name && n !== p;
+    });
+  })) {
+    return true;
+  }
+  return shouldReconfigureState(props, nextProps);
+}
+function shouldReconfigureState(props, nextProps) {
+  var mobileProperties = props.appearance === 'mobile' ? ['quickInsert', 'featureFlags'] : [];
+  var properties = ['appearance', 'persistScrollGutter', 'allowUndoRedoButtons', 'placeholder', 'sanitizePrivateContent'].concat(mobileProperties);
+  return properties.reduce(function (acc, curr) {
+    return acc || props[curr] !== nextProps[curr];
+  }, false);
+}

package/dist/cjs/editor-next/editor-internal.js

@@ -0,0 +1,147 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorInternalWithoutHooks = EditorInternalWithoutHooks;
+exports.default = EditorInternal;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ui = require("@atlaskit/editor-common/ui");
+var _react = require("@emotion/react");
+var _react2 = require("react");
+var _createEditor = require("../create-editor");
+var _ReactEditorViewNext = _interopRequireDefault(require("../create-editor/ReactEditorViewNext"));
+var _ErrorBoundary = _interopRequireDefault(require("../create-editor/ErrorBoundary"));
+var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
+var _contextAdapter = require("../nodeviews/context-adapter");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _EditorContext = _interopRequireDefault(require("../ui/EditorContext"));
+var _PortalProvider = require("../ui/PortalProvider");
+var _RenderTracking = require("../utils/performance/components/RenderTracking");
+var _getBaseFontSize = require("./utils/getBaseFontSize");
+var _useMeasureEditorMountTime = _interopRequireDefault(require("./hooks/useMeasureEditorMountTime"));
+var _useProviderFactory = _interopRequireDefault(require("./hooks/useProviderFactory"));
+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) { (0, _defineProperty2.default)(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; }
+/**
+ * EditorInternal is used for the internal editor react component
+ * with the lifecycle methods extracted into hooks.
+ */
+function EditorInternal(props) {
+  var editorProps = props.props,
+    getExperienceStore = props.getExperienceStore,
+    editorActions = props.editorActions,
+    createAnalyticsEvent = props.createAnalyticsEvent;
+  (0, _useMeasureEditorMountTime.default)(editorProps, getExperienceStore, createAnalyticsEvent);
+  var providerFactory = (0, _useProviderFactory.default)(editorProps, editorActions, createAnalyticsEvent);
+  var updatedProps = _objectSpread(_objectSpread({}, props), {}, {
+    providerFactory: providerFactory
+  });
+  return (0, _react.jsx)(EditorInternalWithoutHooks, updatedProps);
+}
+
+/**
+ * EditorInternalComponent is used to capture the common component
+ * from the `render` method of `Editor` and share it with `EditorNext`.
+ */
+function EditorInternalWithoutHooks(_ref) {
+  var _props$performanceTra, _props$performanceTra2;
+  var props = _ref.props,
+    handleAnalyticsEvent = _ref.handleAnalyticsEvent,
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    handleSave = _ref.handleSave,
+    editorActions = _ref.editorActions,
+    providerFactory = _ref.providerFactory,
+    onEditorCreated = _ref.onEditorCreated,
+    onEditorDestroyed = _ref.onEditorDestroyed,
+    preset = _ref.preset;
+  var Component = (0, _createEditor.getUiComponent)(props.appearance);
+  var overriddenEditorProps = _objectSpread(_objectSpread({}, props), {}, {
+    onSave: props.onSave ? handleSave : undefined,
+    // noop all analytic events, even if a handler is still passed.
+    analyticsHandler: undefined
+  });
+  var featureFlags = (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props);
+  var renderTracking = (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : (_props$performanceTra2 = _props$performanceTra.renderTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.editor;
+  var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
+  var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
+  return (0, _react.jsx)(_react2.Fragment, null, renderTrackingEnabled && (0, _react.jsx)(_RenderTracking.RenderTracking, {
+    componentProps: props,
+    action: _analytics.ACTION.RE_RENDERED,
+    actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+    handleAnalyticsEvent: handleAnalyticsEvent,
+    propsToIgnore: ['defaultValue'],
+    useShallow: useShallow
+  }), (0, _react.jsx)(_ErrorBoundary.default, {
+    createAnalyticsEvent: createAnalyticsEvent,
+    contextIdentifierProvider: props.contextIdentifierProvider
+  }, (0, _react.jsx)(_ui.WidthProvider, {
+    css: (0, _react.css)({
+      height: '100%'
+    })
+  }, (0, _react.jsx)(_EditorContext.default, {
+    editorActions: editorActions
+  }, (0, _react.jsx)(_contextAdapter.ContextAdapter, null, (0, _react.jsx)(_PortalProvider.PortalProviderWithThemeProviders, {
+    onAnalyticsEvent: handleAnalyticsEvent,
+    useAnalyticsContext: props.UNSAFE_useAnalyticsContext,
+    render: function render(portalProviderAPI) {
+      return (0, _react.jsx)(_react2.Fragment, null, (0, _react.jsx)(_ReactEditorViewNext.default, {
+        editorProps: overriddenEditorProps,
+        createAnalyticsEvent: createAnalyticsEvent,
+        portalProviderAPI: portalProviderAPI,
+        providerFactory: providerFactory,
+        onEditorCreated: onEditorCreated,
+        onEditorDestroyed: onEditorDestroyed,
+        allowAnalyticsGASV3: props.allowAnalyticsGASV3,
+        disabled: props.disabled,
+        preset: preset,
+        render: function render(_ref2) {
+          var _props$featureFlags, _props$featureFlags2;
+          var editor = _ref2.editor,
+            view = _ref2.view,
+            eventDispatcher = _ref2.eventDispatcher,
+            config = _ref2.config,
+            dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
+            editorRef = _ref2.editorRef;
+          return (0, _react.jsx)(_ui.BaseTheme, {
+            baseFontSize: (0, _getBaseFontSize.getBaseFontSize)(props.appearance)
+          }, (0, _react.jsx)(Component, {
+            innerRef: editorRef,
+            appearance: props.appearance,
+            disabled: props.disabled,
+            editorActions: editorActions,
+            editorDOMElement: editor,
+            editorView: view,
+            providerFactory: providerFactory,
+            eventDispatcher: eventDispatcher,
+            dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+            maxHeight: props.maxHeight,
+            minHeight: props.minHeight,
+            onSave: props.onSave ? handleSave : undefined,
+            onCancel: props.onCancel,
+            popupsMountPoint: props.popupsMountPoint,
+            popupsBoundariesElement: props.popupsBoundariesElement,
+            popupsScrollableElement: props.popupsScrollableElement,
+            contentComponents: config.contentComponents,
+            primaryToolbarComponents: config.primaryToolbarComponents,
+            primaryToolbarIconBefore: props.primaryToolbarIconBefore,
+            secondaryToolbarComponents: config.secondaryToolbarComponents,
+            insertMenuItems: props.insertMenuItems,
+            customContentComponents: props.contentComponents,
+            customPrimaryToolbarComponents: props.primaryToolbarComponents,
+            customSecondaryToolbarComponents: props.secondaryToolbarComponents,
+            contextPanel: props.contextPanel,
+            collabEdit: props.collabEdit,
+            persistScrollGutter: props.persistScrollGutter,
+            enableToolbarMinWidth: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.toolbarMinWidthOverflow) != null ? !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.toolbarMinWidthOverflow) : props.allowUndoRedoButtons,
+            useStickyToolbar: props.useStickyToolbar,
+            featureFlags: featureFlags
+          }));
+        }
+      }), (0, _react.jsx)(_PortalProvider.PortalRenderer, {
+        portalProviderAPI: portalProviderAPI
+      }));
+    }
+  }))))));
+}

package/dist/cjs/editor-next/editor-migration-component.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
+var _editor = _interopRequireDefault(require("../editor"));
+var _index = _interopRequireDefault(require("./index"));
+var _useUniversalPreset = _interopRequireDefault(require("../labs/next/presets/useUniversalPreset"));
+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() { 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; } }
+var EditorNextWrapper = function EditorNextWrapper(_ref) {
+  var props = _ref.props;
+  var preset = (0, _useUniversalPreset.default)({
+    props: props
+  });
+  return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
+    preset: preset
+  }, props));
+};
+var EditorMigrationComponent = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(EditorMigrationComponent, _React$Component);
+  var _super = _createSuper(EditorMigrationComponent);
+  function EditorMigrationComponent() {
+    (0, _classCallCheck2.default)(this, EditorMigrationComponent);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2.default)(EditorMigrationComponent, [{
+    key: "render",
+    value: function render() {
+      var featureFlags = (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(this.props);
+      if (!featureFlags.useEditorNext) {
+        return /*#__PURE__*/_react.default.createElement(_editor.default, this.props);
+      }
+      return /*#__PURE__*/_react.default.createElement(EditorNextWrapper, {
+        props: this.props
+      });
+    }
+  }]);
+  return EditorMigrationComponent;
+}(_react.default.Component);
+exports.default = EditorMigrationComponent;

package/dist/cjs/editor-next/hooks/useEditorMeasuresConstructor.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEditorConstructor;
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _utils = require("@atlaskit/editor-common/utils");
+var _measureEnum = _interopRequireDefault(require("../../utils/performance/measure-enum"));
+var _editorMeasureTTICallback = _interopRequireDefault(require("../utils/editorMeasureTTICallback"));
+/** @jsx jsx */
+
+/**
+ *
+ * Hook to be used for running analytics on mounting the editor.
+ * Should run once.
+ * WARNING: Consider any changes to also make to `src/editor.tsx`
+ *
+ * @param performanceTracking
+ * @param featureFlags
+ * @param getExperienceStore function to retrieve the Editor's current ExperienceStore
+ * @param createAnalyticsEvent
+ */
+function useEditorConstructor(performanceTracking, featureFlags, getExperienceStore, createAnalyticsEvent) {
+  (0, _hooks.useConstructor)(function () {
+    var _performanceTracking$;
+    (0, _utils.startMeasure)(_measureEnum.default.EDITOR_MOUNTED);
+    if (performanceTracking !== null && performanceTracking !== void 0 && (_performanceTracking$ = performanceTracking.ttiTracking) !== null && _performanceTracking$ !== void 0 && _performanceTracking$.enabled || featureFlags !== null && featureFlags !== void 0 && featureFlags.ufo) {
+      var _performanceTracking$2, _performanceTracking$3;
+      (0, _utils.measureTTI)(function (tti, ttiFromInvocation, canceled) {
+        (0, _editorMeasureTTICallback.default)(tti, ttiFromInvocation, canceled, performanceTracking, featureFlags, createAnalyticsEvent, getExperienceStore());
+      }, performanceTracking === null || performanceTracking === void 0 ? void 0 : (_performanceTracking$2 = performanceTracking.ttiTracking) === null || _performanceTracking$2 === void 0 ? void 0 : _performanceTracking$2.ttiIdleThreshold, performanceTracking === null || performanceTracking === void 0 ? void 0 : (_performanceTracking$3 = performanceTracking.ttiTracking) === null || _performanceTracking$3 === void 0 ? void 0 : _performanceTracking$3.ttiCancelTimeout);
+    }
+  });
+}

package/dist/cjs/editor-next/hooks/useMeasureEditorMountTime.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMeasureEditorMountTime;
+var _react = require("react");
+var _utils = require("@atlaskit/editor-common/utils");
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _measureEnum = _interopRequireDefault(require("../../utils/performance/measure-enum"));
+var _sendDurationAnalytics = _interopRequireDefault(require("../utils/sendDurationAnalytics"));
+var _useEditorMeasuresConstructor = _interopRequireDefault(require("./useEditorMeasuresConstructor"));
+/** @jsx jsx */
+
+/**
+ *
+ * Hook to run the analytics for the Editor component.
+ * WARNING: Consider any changes to also make to `src/editor.tsx`
+ *
+ * @param props EditorProps
+ * @param getExperienceStore function to retrieve the Editor's current ExperienceStore
+ * @param createAnalyticsEvent
+ */
+function useMeasureEditorMountTime(props, getExperienceStore, createAnalyticsEvent) {
+  (0, _useEditorMeasuresConstructor.default)(props.performanceTracking, props.featureFlags, getExperienceStore, createAnalyticsEvent);
+  (0, _react.useEffect)(function () {
+    (0, _utils.stopMeasure)(_measureEnum.default.EDITOR_MOUNTED, (0, _sendDurationAnalytics.default)(_analytics.ACTION.EDITOR_MOUNTED, props, getExperienceStore, createAnalyticsEvent));
+    return function () {
+      var _props$performanceTra, _props$performanceTra2, _props$featureFlags;
+      (0, _utils.clearMeasure)(_measureEnum.default.EDITOR_MOUNTED);
+      (props === null || props === void 0 ? void 0 : (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : (_props$performanceTra2 = _props$performanceTra.onEditorReadyCallbackTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.enabled) && (0, _utils.clearMeasure)(_measureEnum.default.ON_EDITOR_READY_CALLBACK);
+      if ((_props$featureFlags = props.featureFlags) !== null && _props$featureFlags !== void 0 && _props$featureFlags.ufo) {
+        var _getExperienceStore;
+        (_getExperienceStore = getExperienceStore()) === null || _getExperienceStore === void 0 ? void 0 : _getExperienceStore.abortAll({
+          reason: 'editor component unmounted'
+        });
+      }
+    };
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+  // Disable Exhaustive Deps here since we only want to stop the measure on mount.
+}

package/dist/cjs/editor-next/hooks/useProviderFactory.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useProviderFactory;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _react = require("react");
+var _hooks = require("@atlaskit/editor-common/hooks");
+var _prepareQuickInsertProvider = _interopRequireDefault(require("../../utils/prepare-quick-insert-provider"));
+var _prepareExtensionProvider = _interopRequireDefault(require("../../utils/prepare-extension-provider"));
+var _handleProviders = _interopRequireDefault(require("../utils/handleProviders"));
+var _getProvidersFromEditorProps = _interopRequireDefault(require("../utils/getProvidersFromEditorProps"));
+function createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent) {
+  var extensionProvider = (0, _prepareExtensionProvider.default)(function () {
+    return editorActions;
+  })(extensionProviders);
+  var quickInsertProvider = (0, _prepareQuickInsertProvider.default)(editorActions, extensionProvider, quickInsert, createAnalyticsEvent);
+  return {
+    extensionProvider: extensionProvider,
+    quickInsertProvider: quickInsertProvider
+  };
+}
+
+/**
+ *
+ * This hook is used to create the provider factory object.
+ * WARNING: Consider any changes to also make to `src/editor.tsx`
+ *
+ * @param props
+ * @param editorActions
+ * @param createAnalyticsEvent
+ * @returns ProviderFactory for Editor
+ */
+function useProviderFactory(props, editorActions, createAnalyticsEvent) {
+  var extensionProviders = props.extensionProviders,
+    quickInsert = props.quickInsert;
+  var providerFactory = (0, _react.useRef)(new _providerFactory.ProviderFactory());
+  var _useState = (0, _react.useState)(createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent)),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    providerState = _useState2[0],
+    setProviderState = _useState2[1];
+  var prevProps = (0, _hooks.usePreviousState)({
+    extensionProviders: extensionProviders,
+    quickInsert: quickInsert
+  });
+  (0, _react.useEffect)(function () {
+    if (extensionProviders && extensionProviders !== (prevProps === null || prevProps === void 0 ? void 0 : 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 === null || prevProps === void 0 ? void 0 : prevProps.quickInsert)) {
+      var newState = createNewState(editorActions, quickInsert, extensionProviders, createAnalyticsEvent);
+      setProviderState(newState);
+      (0, _handleProviders.default)(providerFactory.current, (0, _getProvidersFromEditorProps.default)(props), newState.extensionProvider, newState.quickInsertProvider);
+      return;
+    }
+    (0, _handleProviders.default)(providerFactory.current, (0, _getProvidersFromEditorProps.default)(props), providerState.extensionProvider, providerState.quickInsertProvider);
+  }, [props, prevProps === null || prevProps === void 0 ? void 0 : prevProps.quickInsert, prevProps === null || prevProps === void 0 ? void 0 : prevProps.extensionProviders, createAnalyticsEvent, editorActions, providerState.extensionProvider, providerState.quickInsertProvider, extensionProviders, quickInsert]);
+
+  // componentWillUnmount equivalent
+  (0, _react.useEffect)(function () {
+    return function () {
+      // Disable this next line because it is not a React node
+      // so we can safely call destroy on the ref.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      providerFactory.current.destroy();
+    };
+  }, []);
+  return providerFactory.current;
+}

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

@@ -0,0 +1,143 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _ui = require("@atlaskit/editor-common/ui");
+var _utils = require("@atlaskit/editor-common/utils");
+var _react = require("@emotion/react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = _interopRequireDefault(require("react"));
+var _versionWrapper = require("../version-wrapper");
+var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
+var _v = _interopRequireDefault(require("uuid/v4"));
+var _actions = _interopRequireDefault(require("../actions"));
+var _analytics = require("@atlaskit/editor-common/analytics");
+var _editorInternal = _interopRequireDefault(require("./editor-internal"));
+var _editorPropTypes = require("./utils/editorPropTypes");
+var _trackEditorActions = _interopRequireDefault(require("./utils/trackEditorActions"));
+var _onEditorCreated2 = _interopRequireDefault(require("./utils/onEditorCreated"));
+var _deprecationWarnings = _interopRequireDefault(require("./utils/deprecationWarnings"));
+var _plugins = require("../plugins");
+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) { (0, _defineProperty2.default)(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; }
+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() { 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; } }
+var EditorNext = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(EditorNext, _React$Component);
+  var _super = _createSuper(EditorNext);
+  /**
+   * 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
+   */
+
+  function EditorNext(props, context) {
+    var _this;
+    (0, _classCallCheck2.default)(this, EditorNext);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSave", function (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);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleAnalyticsEvent", function (data) {
+      return (0, _analytics.fireAnalyticsEvent)(_this.createAnalyticsEvent)(data);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getExperienceStore", function () {
+      return _this.experienceStore;
+    });
+    (0, _deprecationWarnings.default)(props);
+    _this.editorActions = (context || {}).editorActions || new _actions.default();
+    _this.editorSessionId = (0, _v.default)();
+    _this.startTime = performance.now();
+    _this.onEditorCreated = _this.onEditorCreated.bind((0, _assertThisInitialized2.default)(_this));
+    _this.onEditorDestroyed = _this.onEditorDestroyed.bind((0, _assertThisInitialized2.default)(_this));
+    _this.getExperienceStore = _this.getExperienceStore.bind((0, _assertThisInitialized2.default)(_this));
+    (0, _trackEditorActions.default)(_this.editorActions, props.performanceTracking, function (value) {
+      return _this.handleAnalyticsEvent(value);
+    });
+    return _this;
+  }
+  (0, _createClass2.default)(EditorNext, [{
+    key: "onEditorCreated",
+    value: function onEditorCreated(instance) {
+      var _this2 = this;
+      (0, _onEditorCreated2.default)(instance, this.props, function (experienceStore) {
+        return _this2.experienceStore = experienceStore;
+      }, this.getExperienceStore, function () {
+        return _this2.createAnalyticsEvent;
+      }, this.editorActions, this.startTime, function (view, dispatcher, transformerForActions) {
+        return _this2.registerEditorForActions(view, dispatcher, transformerForActions);
+      });
+    }
+  }, {
+    key: "onEditorDestroyed",
+    value: function onEditorDestroyed(_instance) {
+      var _this$props$onDestroy, _this$props2;
+      this.unregisterEditorFromActions();
+      (_this$props$onDestroy = (_this$props2 = this.props).onDestroy) === null || _this$props$onDestroy === void 0 ? void 0 : _this$props$onDestroy.call(_this$props2);
+    }
+  }, {
+    key: "registerEditorForActions",
+    value: function registerEditorForActions(editorView, eventDispatcher, contentTransformer) {
+      this.editorActions._privateRegisterEditor(editorView, eventDispatcher, contentTransformer);
+    }
+  }, {
+    key: "unregisterEditorFromActions",
+    value: function unregisterEditorFromActions() {
+      this.editorActions._privateUnregisterEditor();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      return (0, _react.jsx)(_analyticsNamespacedContext.FabricEditorAnalyticsContext, {
+        data: {
+          packageName: _versionWrapper.name,
+          packageVersion: _versionWrapper.version,
+          componentName: 'editorCore',
+          appearance: (0, _utils.getAnalyticsAppearance)(this.props.appearance),
+          editorSessionId: this.editorSessionId
+        }
+      }, (0, _react.jsx)(_ui.WithCreateAnalyticsEvent, {
+        render: function render(createAnalyticsEvent) {
+          return (_this3.createAnalyticsEvent = createAnalyticsEvent) && (0, _react.jsx)(_editorInternal.default, {
+            props: _this3.props,
+            handleAnalyticsEvent: _this3.handleAnalyticsEvent,
+            createAnalyticsEvent: _this3.createAnalyticsEvent,
+            preset: _this3.props.preset,
+            handleSave: _this3.handleSave,
+            editorActions: _this3.editorActions,
+            getExperienceStore: _this3.getExperienceStore,
+            onEditorCreated: _this3.onEditorCreated,
+            onEditorDestroyed: _this3.onEditorDestroyed
+          });
+        }
+      }));
+    }
+  }]);
+  return EditorNext;
+}(_react2.default.Component);
+exports.default = EditorNext;
+(0, _defineProperty2.default)(EditorNext, "defaultProps", _editorPropTypes.defaultProps);
+(0, _defineProperty2.default)(EditorNext, "contextTypes", {
+  editorActions: _propTypes.default.object
+});
+(0, _defineProperty2.default)(EditorNext, "propTypes", _objectSpread(_objectSpread({}, (0, _editorPropTypes.propTypes)('minHeight only supports editor appearance chromeless and comment for EditorNext')), {}, {
+  preset: function preset(_ref) {
+    var _preset = _ref.preset;
+    if (!_preset.has(_plugins.basePlugin)) {
+      return new Error('Presets must contain the base plugin');
+    }
+    return null;
+  }
+}));