@atlaskit/editor-core 179.1.2 → 180.1.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

@@ -92,6 +92,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'

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/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,
+    getEditorPlugins = _ref.getEditorPlugins;
+  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,
+        getEditorPlugins: getEditorPlugins,
+        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,35 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _editor = _interopRequireDefault(require("../editor"));
+var _index = _interopRequireDefault(require("./index"));
+var _featureFlagsFromProps = require("../create-editor/feature-flags-from-props");
+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 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);
+      return featureFlags.useEditorNext ? /*#__PURE__*/_react.default.createElement(_index.default, this.props) : /*#__PURE__*/_react.default.createElement(_editor.default, 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,72 @@
+"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"));
+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, props, newState.extensionProvider, newState.quickInsertProvider);
+      return;
+    }
+    (0, _handleProviders.default)(providerFactory.current, props, providerState.extensionProvider, providerState.quickInsertProvider);
+  }, [props, prevProps, 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,139 @@
+"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 _getEditorPlugins2 = _interopRequireDefault(require("../utils/get-editor-plugins"));
+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));
+    _this.getEditorPlugins = _this.getEditorPlugins.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,
+            getEditorPlugins: _this3.getEditorPlugins,
+            handleSave: _this3.handleSave,
+            editorActions: _this3.editorActions,
+            getExperienceStore: _this3.getExperienceStore,
+            onEditorCreated: _this3.onEditorCreated,
+            onEditorDestroyed: _this3.onEditorDestroyed
+          });
+        }
+      }));
+    }
+  }, {
+    key: "getEditorPlugins",
+    value: function getEditorPlugins(props) {
+      return (0, _getEditorPlugins2.default)(props);
+    }
+  }]);
+  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", (0, _editorPropTypes.propTypes)('minHeight only supports editor appearance chromeless and comment for EditorNext'));

package/dist/cjs/editor-next/utils/deprecationWarnings.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = deprecationWarnings;
+var _versionWrapper = require("../../version-wrapper");
+function deprecationWarnings(props) {
+  var _props$allowTextColor;
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
+  var nextVersion = (0, _versionWrapper.nextMajorVersion)();
+  var deprecatedProperties = {
+    allowTasksAndDecisions: {
+      message: 'To allow tasks and decisions use taskDecisionProvider – <Editor taskDecisionProvider={{ provider }} />',
+      type: 'removed'
+    },
+    allowConfluenceInlineComment: {
+      message: 'To integrate inline comments use experimental annotationProvider – <Editor annotationProviders={{ provider }} />',
+      type: 'removed'
+    },
+    smartLinks: {
+      message: 'To use smartLinks, pass the same object into the smartlinks key of linking - <Editor linking={{ smartLinks: {existing object} }}.',
+      type: 'removed'
+    }
+  };
+  Object.keys(deprecatedProperties).forEach(function (property) {
+    if (props.hasOwnProperty(property)) {
+      var meta = deprecatedProperties[property];
+      var type = meta.type || 'enabled by default';
+
+      // eslint-disable-next-line no-console
+      console.warn("".concat(property, " property is deprecated. ").concat(meta.message || '', " [Will be ").concat(type, " in editor-core@").concat(nextVersion, "]"));
+    }
+  });
+  if (props.hasOwnProperty('allowTables') && typeof props.allowTables !== 'boolean' && (!props.allowTables || !props.allowTables.advanced)) {
+    // eslint-disable-next-line no-console
+    console.warn("Advanced table options are deprecated (except isHeaderRowRequired) to continue using advanced table features use - <Editor allowTables={{ advanced: true }} /> [Will be changed in editor-core@".concat(nextVersion, "]"));
+  }
+  if (props.hasOwnProperty('allowTextColor') && typeof props.allowTextColor !== 'boolean' && (props === null || props === void 0 ? void 0 : (_props$allowTextColor = props.allowTextColor) === null || _props$allowTextColor === void 0 ? void 0 : _props$allowTextColor.allowMoreTextColors) !== undefined) {
+    // eslint-disable-next-line no-console
+    console.warn("\"allowMoreTextColors\" field of \"allowTextColor\" property is deprecated. It will be removedin editor-core@".concat(nextVersion, ". The color palette now shows more colors by default."));
+  }
+}

package/dist/cjs/editor-next/utils/editorMeasureTTICallback.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = editorMeasureTTICallback;
+var _utils = require("@atlaskit/editor-common/utils");
+var _ufo = require("@atlaskit/editor-common/ufo");
+var _analytics = require("@atlaskit/editor-common/analytics");
+function editorMeasureTTICallback(tti, ttiFromInvocation, canceled, performanceTracking, featureFlags, createAnalyticsEvent, experienceStore) {
+  var _performanceTracking$;
+  if (performanceTracking !== null && performanceTracking !== void 0 && (_performanceTracking$ = performanceTracking.ttiTracking) !== null && _performanceTracking$ !== void 0 && _performanceTracking$.enabled && createAnalyticsEvent) {
+    var _ttiTracking;
+    var ttiEvent = {
+      payload: {
+        action: _analytics.ACTION.EDITOR_TTI,
+        actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+        attributes: {
+          tti: tti,
+          ttiFromInvocation: ttiFromInvocation,
+          canceled: canceled
+        },
+        eventType: _analytics.EVENT_TYPE.OPERATIONAL
+      }
+    };
+    if ((_ttiTracking = performanceTracking.ttiTracking) !== null && _ttiTracking !== void 0 && _ttiTracking.trackSeverity) {
+      var _ttiTracking2 = performanceTracking.ttiTracking,
+        ttiSeverityNormalThreshold = _ttiTracking2.ttiSeverityNormalThreshold,
+        ttiSeverityDegradedThreshold = _ttiTracking2.ttiSeverityDegradedThreshold,
+        ttiFromInvocationSeverityNormalThreshold = _ttiTracking2.ttiFromInvocationSeverityNormalThreshold,
+        ttiFromInvocationSeverityDegradedThreshold = _ttiTracking2.ttiFromInvocationSeverityDegradedThreshold;
+      var _getTTISeverity = (0, _utils.getTTISeverity)(tti, ttiFromInvocation, ttiSeverityNormalThreshold, ttiSeverityDegradedThreshold, ttiFromInvocationSeverityNormalThreshold, ttiFromInvocationSeverityDegradedThreshold),
+        ttiSeverity = _getTTISeverity.ttiSeverity,
+        ttiFromInvocationSeverity = _getTTISeverity.ttiFromInvocationSeverity;
+      ttiEvent.payload.attributes.ttiSeverity = ttiSeverity;
+      ttiEvent.payload.attributes.ttiFromInvocationSeverity = ttiFromInvocationSeverity;
+    }
+    (0, _analytics.fireAnalyticsEvent)(createAnalyticsEvent)(ttiEvent);
+  }
+  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.ufo) {
+    experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.mark(_ufo.EditorExperience.loadEditor, _analytics.ACTION.EDITOR_TTI, tti);
+    experienceStore === null || experienceStore === void 0 ? void 0 : experienceStore.success(_ufo.EditorExperience.loadEditor);
+  }
+}