@atlaskit/editor-core 151.3.0 → 153.0.1

package/CHANGELOG.md

@@ -1,5 +1,155 @@
 # @atlaskit/editor-core
 
+## 153.0.1
+
+### Patch Changes
+
+- [`44f1ead3628`](https://bitbucket.org/atlassian/atlassian-frontend/commits/44f1ead3628) - [HOT-97409] Add feature flag to disable spellchecking for Chrome >= 96
+
+  Update `@atlaskit/icon` dependency to `^21.9.2`
+
+## 153.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
+## 152.0.1
+
+### Patch Changes
+
+- [`977f778e630`](https://bitbucket.org/atlassian/atlassian-frontend/commits/977f778e630) - Add action elements to paste allowlist
+
+## 152.0.0
+
+### Major Changes
+
+- [`3a2a5e14fdc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a2a5e14fdc) - As we are moving to full schema, merged the customPanel nodeSpec with panel nodeSpec
+- [`0cf5fa82add`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0cf5fa82add) - CETI-20 Rename custom panel FF from `UNSAFE_allowCustomPanel` to `allowCustomPanel`
+- [`fd675db8754`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd675db8754) - [ux] ED-13100: added GroupedField.hasGroupedValues and enable parameter flattening for expand/tab-group/tab fields in config panels. The default value of `GroupedField.hasGroupedValues` is `False`, which will flatten data structures. Set `GroupedField.hasGroupedValues` to `True` on all tab-group/tab/expand fields if you wish to retain existing behaviour.
+
+  This change has several parts to ensure the correctness of serialize(), deserialize(), GroupedField.hasGroupedValues and BaseFieldDefinition.allowDuplicates
+
+  - Introduced GroupedField.hasGroupedValues which allows expand/tabgroup/tab to store the value of its fields by the name of the expand/tabgroup/tab if hasGroupedValues=True (False by default)
+  - Fixed a type safety issue with Parameters and ParametersWithDuplicateFields where Typescript would consider the types Parameters = Parameters[] (resolves some inconsistencies in the editor code and extensions)
+  - Restrict allowDuplicates so it only works within Fieldset as originally intended
+  - serialize() now populates `Field.defaultValue` as expected
+
+- [`01a41e75803`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01a41e75803) - Removes `allowMediaInline` media prop and replaces with Inline Files feature flag for editor and mobile bridge
+
+### Minor Changes
+
+- [`65a541166fe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/65a541166fe) - ED-13766 fix pm node spec for media single with caption
+- [`d32688fd0aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d32688fd0aa) - [ux] CETI-138 Colour picker border size is not consistent with table colour picker
+- [`42ecbc9358e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42ecbc9358e) - [ux] CERN-1124 When feature flag `twoLineEditorToolbar` is on, show editor toolbar in two lines when viewport is small.
+- [`7ad1c5a4243`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7ad1c5a4243) - CETI-131 Enabled remove emoji button for standard panels
+- [`23514411f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/23514411f27) - CETI-134 added support to render dark colors for the custom panels in the dark mode
+- [`42c7ac64c39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42c7ac64c39) - AK-654 Set a status link label with input
+- [`e81dd06a8a0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e81dd06a8a0) - CETI-158 Use large productivity icons when changing standard panel background colour
+- [`8581ed429dd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8581ed429dd) - ED-13688: Add reliability edit sessions to UFO analytics
+- [`bb59175355d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bb59175355d) - [ux] CETI-150: Colour picker border size is not consistent with table colour picker
+- [`71bf4ef83f4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71bf4ef83f4) - CETI-130 change default custom panel color
+- [`229177bb85d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/229177bb85d) - CETI-16 added remove emoji icon so that it appears in mobilekit too
+- [`b230f366971`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b230f366971) - [ED-14008] Bump prosemirror-view from 1.20.2 to 1.23.1
+- [`47c349601b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47c349601b2) - ED-13869 Added the option to automatically select ADF content inserted via the `insertAfter()` extension API. We've modified our extension API and introduced a new parameter in `insertAfter()`. The function has now a third parameter, ie `options`, which is an object and has a property flag called `allowSelectionToNewNode` that lets you focus on the ADF added when set to `true`.
+- [`287e8cd3bd2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/287e8cd3bd2) - CETI-135 handle the focus of cursor when user selects an emoji from emoji picker
+- [`8bbb96540ea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8bbb96540ea) - Add "fragment" mark to stage0 ADF schema
+- [`a3737a9b3aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a3737a9b3aa) - CETI-64 Updating the dark mode colors for the standard panels
+- [`35b575a601c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/35b575a601c) - CETI-148 Emoji picker vertical alignment
+- [`398bbc9f353`](https://bitbucket.org/atlassian/atlassian-frontend/commits/398bbc9f353) - [ux] AK-649 Change color of count of found items
+- [`87d66ea4618`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87d66ea4618) - [ux] ED-13183 allow creating annotations from selections with trailing new line
+- [`62a91dbe7d9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62a91dbe7d9) - [ux] CERN-896 Update primaryToolbarComponents to accept before and after react components.
+- [`ad0c44e802a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad0c44e802a) - pass singleLayout to mobile editor element"
+- [`d21da111ec2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d21da111ec2) - CETI-95 Predefined icon sizes are different from existing icons
+
+### Patch Changes
+
+- [`97479886f9e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/97479886f9e) - ED-13534 Fixed issue with right shadow not hiding with overflow shadows optimisation
+- [`47fc9ae7b2a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47fc9ae7b2a) - [ux] ED-11481 Fix bug preventing tables and extensions from being selected with Shift + ArrowDown or ArrowUp
+- [`7f85f712286`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f85f712286) - Ticket: https://a11y-internal.atlassian.net/browse/AK-747, when activating the MoreColors button inside the ColorPalette component, set focus to the first color of the updated content.
+- [`34ffcf18914`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34ffcf18914) - [ux] Added a floating toolbar to the new mediaInline component
+- [`e26ff629f3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e26ff629f3d) - [ux] Update warning message when deleting a table that's linked to a chart.
+- [`1c2e00c6e65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1c2e00c6e65) - ED-10827: Fixed a UI bug where undoing a tabbed task list item would not show any change in the UI.
+- [`c6feed82071`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c6feed82071) - ED-11632: Bump prosemirror packages;
+
+  - prosmirror-commands 1.1.4 -> 1.1.11,
+  - prosemirror-model 1.11.0 -> 1.14.3,
+  - prosemirror-state 1.3.3 -> 1.3.4,
+  - prosemirror-transform 1.2.8 -> 1.3.2,
+  - prosemirror-view 1.15.4 + 1.18.8 -> 1.20.2.
+
+- [`2f791df708a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2f791df708a) - Changed link search list item description color to meet minimum contrast requirements
+- [`fc70978492a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc70978492a) - Using type for SSR prop to reduce dependency on media-common
+- [`132e841431b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/132e841431b) - [ux][ed-10831] Refactor part of conversions.ts in the lists plugin to solve for cases where the selection covers multiple lists with paragraphs in between.
+- [`2136e4844f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2136e4844f0) - [ux] ED-13286 Fixes 'wide' and 'full-width' extensions breaking styling when pasted into bodiedExtensions.
+- [`aa6b3a474ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa6b3a474ff) - ED-13286 extensions inside a bodied extension shouldn't overflow width
+- [`50f99428aab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50f99428aab) - [ux] ED-11088- FIxed bug that prevented block components containing a hardbreak followed by list markdown from being pasted
+- [`365e507451e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/365e507451e) - [ux] This reworks the changes triggered by a user inserting a new column.
+  Previously the table cells would always be resized based on a max table
+  size which did not overflow.
+  This changes that logic to only resize table cells if the table did not
+  overflow prior to the insertion.
+- [`16ab2a61721`](https://bitbucket.org/atlassian/atlassian-frontend/commits/16ab2a61721) - fix copy paste emoji wrapped in a span
+- [`e741804b52a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e741804b52a) - Fixed media nodes not being built synchronously on SSR
+- [`57b4778a620`](https://bitbucket.org/atlassian/atlassian-frontend/commits/57b4778a620) - [ux] AK-244 Accessibility fix. Color of borders have minimum contrast of 3:1
+- [`7b91aee9c39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7b91aee9c39) - Add File Preview tooltip to media card/media inline floating toolbar
+- [`ea3a31eda5a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea3a31eda5a) - AK-745: ColorPalette -> Color add aria attributes in order to announce state of color buttons for screen reader users
+- [`add1e51d5a9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/add1e51d5a9) - EDM-2510: Fix media inline insertion behaviour when inside empty list item
+- [`529d612d6e5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/529d612d6e5) - ED-11474 fixed incorrect table header heights caused by empty column width, and sticky header flicker effect
+- [`320ad93b5b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/320ad93b5b0) - [ux] ED-13305: Fix bug where clear formatting button incorrectly appeared to be disabled (despite clear formatting action being valid operation).
+- [`39faad06953`](https://bitbucket.org/atlassian/atlassian-frontend/commits/39faad06953) - ED-10312 adds analytics event for tables with negative colspans or rowspans
+- [`fe8e5ca9a92`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe8e5ca9a92) - [ux] MediaInline package now correctly shows a border around it upon being selected
+- [`8f0577e0eb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f0577e0eb1) - [ux] Promoted captions to full schema and better support of wikimarkup, email and slack renderer
+- [`22b53432054`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b53432054) - AK-560 Update color of the clear link button
+- [`f391c63f5d5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f391c63f5d5) - AK-704: AltText - changes for better screen reader announcing
+- [`f461edcfd05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f461edcfd05) - Update CardLoader to use react-loadable
+  Add SSR feature prop to be passed in renderer and media card
+- [`4264bd36d32`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4264bd36d32) - Update mobile bridge media inline feature flag and add tests
+- [`5abd27cbb9c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5abd27cbb9c) - AK-246: Table --> Cell options: provide an aria-label attr for the CellOptions button, provide role=menu for the CellOption menu and role=menuitems for its items
+- [`9d43feb1f6a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d43feb1f6a) - CETI-167 Remove opacity for panels in dark mode.
+- [`61c17fa38a5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61c17fa38a5) - move waitForFloatingControl to VR package
+- Updated dependencies
+
 ## 151.3.0
 
 ### Minor Changes

package/dist/cjs/commands/index.js

@@ -5,12 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.preventDefault = preventDefault;
-exports.insertNewLine = insertNewLine;
-exports.createParagraphNear = createParagraphNear;
 exports.addParagraphAtEnd = addParagraphAtEnd;
+exports.createNewParagraphBelow = exports.createNewParagraphAbove = exports.clearEditorContent = exports.changeImageAlignment = void 0;
 exports.createParagraphAtEnd = createParagraphAtEnd;
-exports.clearEditorContent = exports.toggleBlockMark = exports.createToggleBlockMarkOnRange = exports.changeImageAlignment = exports.createNewParagraphBelow = exports.createNewParagraphAbove = exports.insertNewLineWithAnalytics = void 0;
+exports.createParagraphNear = createParagraphNear;
+exports.createToggleBlockMarkOnRange = void 0;
+exports.insertNewLine = insertNewLine;
+exports.insertNewLineWithAnalytics = void 0;
+exports.preventDefault = preventDefault;
+exports.toggleBlockMark = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

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

@@ -266,7 +266,7 @@ var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return this.props.children;
+      return /*#__PURE__*/_react.default.createElement(_editorCommon.IntlNextErrorBoundary, null, this.props.children);
     }
   }]);
   return ErrorBoundaryWithEditorView;

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

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = exports.ReactEditorView = void 0;
 exports.shouldReconfigureState = shouldReconfigureState;
-exports.default = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -34,7 +34,7 @@ var _prosemirrorState = require("prosemirror-state");
 
 var _prosemirrorView = require("prosemirror-view");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _editorCommon = require("@atlaskit/editor-common");
 
@@ -223,7 +223,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
         performanceTracking: props.editorProps.performanceTracking,
         transactionTracker: _this.transactionTracker,
-        featureFlags: (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props.editorProps)
+        featureFlags: (0, _featureFlagsFromProps.createFeatureFlagsFromProps)(props.editorProps),
+        getIntl: function getIntl() {
+          return _this.props.intl;
+        }
       });
       var newState = state.reconfigure({
         plugins: plugins
@@ -274,7 +277,10 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
         dispatchAnalyticsEvent: _this.dispatchAnalyticsEvent,
         performanceTracking: _this.props.editorProps.performanceTracking,
         transactionTracker: _this.transactionTracker,
-        featureFlags: _this.featureFlags
+        featureFlags: _this.featureFlags,
+        getIntl: function getIntl() {
+          return _this.props.intl;
+        }
       });
       _this.contentTransformer = contentTransformerProvider ? contentTransformerProvider(schema) : undefined;
       var doc;
@@ -539,8 +545,30 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
           transformer: _this.contentTransformer
         });
 
+        if (_this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
+          _this.focusTimeoutId = handleEditorFocus(view);
+        }
+
         if (_this.featureFlags.ufo) {
+          _this.experienceStore = _ufo.ExperienceStore.getInstance(view);
+
+          _this.experienceStore.start(_ufo.EditorExperience.editSession);
+
+          _this.experienceStore.addMetadata(_ufo.EditorExperience.editSession, {
+            reliabilityInterval: _ufo.RELIABILITY_INTERVAL
+          });
+
           _this.reliabilityInterval = window.setInterval(function () {
+            var _this$experienceStore11, _this$experienceStore12;
+
+            (_this$experienceStore11 = _this.experienceStore) === null || _this$experienceStore11 === void 0 ? void 0 : (_this$experienceStore12 = _this$experienceStore11.success(_ufo.EditorExperience.editSession)) === null || _this$experienceStore12 === void 0 ? void 0 : _this$experienceStore12.finally(function () {
+              var _this$experienceStore13, _this$experienceStore14;
+
+              (_this$experienceStore13 = _this.experienceStore) === null || _this$experienceStore13 === void 0 ? void 0 : _this$experienceStore13.start(_ufo.EditorExperience.editSession);
+              (_this$experienceStore14 = _this.experienceStore) === null || _this$experienceStore14 === void 0 ? void 0 : _this$experienceStore14.addMetadata(_ufo.EditorExperience.editSession, {
+                reliabilityInterval: _ufo.RELIABILITY_INTERVAL
+              });
+            });
             var reliabilityEvent = {
               action: _analytics.ACTION.UFO_SESSION_COMPLETE,
               actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
@@ -552,14 +580,6 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
 
             _this.dispatchAnalyticsEvent(reliabilityEvent);
           }, _ufo.RELIABILITY_INTERVAL);
-        }
-
-        if (_this.props.editorProps.shouldFocus && view.props.editable && view.props.editable(view.state)) {
-          _this.focusTimeoutId = handleEditorFocus(view);
-        }
-
-        if (_this.featureFlags.ufo) {
-          _this.experienceStore = _ufo.ExperienceStore.getInstance(view);
         } // Force React to re-render so consumers get a reference to the editor view
 
 
@@ -812,12 +832,15 @@ var ReactEditorView = /*#__PURE__*/function (_React$Component) {
   return ReactEditorView;
 }(_react.default.Component);
 
-exports.default = ReactEditorView;
+exports.ReactEditorView = ReactEditorView;
 (0, _defineProperty2.default)(ReactEditorView, "contextTypes", {
-  getAtlaskitAnalyticsEventHandlers: _propTypes.default.func,
-  intl: _reactIntl.intlShape
+  getAtlaskitAnalyticsEventHandlers: _propTypes.default.func
 });
 
+var _default = (0, _reactIntlNext.injectIntl)(ReactEditorView);
+
+exports.default = _default;
+
 function getUAPrefix() {
   if (_editorCommon.browser.chrome) {
     return 'ua-chrome';

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS = exports.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = exports.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = void 0;
+exports.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = exports.PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = exports.DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS = void 0;
 var PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = 2000;
 exports.PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD = PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD;
 var PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD = 3000;

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

@@ -5,11 +5,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sortByRank = sortByRank;
+exports.createErrorReporter = createErrorReporter;
+exports.createPMPlugins = createPMPlugins;
 exports.fixExcludes = fixExcludes;
 exports.processPluginsList = processPluginsList;
-exports.createPMPlugins = createPMPlugins;
-exports.createErrorReporter = createErrorReporter;
+exports.sortByRank = sortByRank;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
@@ -150,7 +150,8 @@ function createPMPlugins(config) {
       portalProviderAPI: config.portalProviderAPI,
       reactContext: config.reactContext,
       dispatchAnalyticsEvent: config.dispatchAnalyticsEvent,
-      featureFlags: config.featureFlags || {}
+      featureFlags: config.featureFlags || {},
+      getIntl: config.getIntl
     });
   }).filter(function (plugin) {
     return typeof plugin !== 'undefined';

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

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getScrollGutterOptions = getScrollGutterOptions;
-exports.getDefaultPresetOptionsFromEditorProps = getDefaultPresetOptionsFromEditorProps;
 exports.default = createPluginsList;
+exports.getDefaultPresetOptionsFromEditorProps = getDefaultPresetOptionsFromEditorProps;
+exports.getScrollGutterOptions = getScrollGutterOptions;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -129,8 +129,6 @@ function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEvent) {
 
 
 function createPluginsList(props, prevProps, createAnalyticsEvent) {
-  var _props$featureFlags;
-
   var appearance = props.appearance;
   var isMobile = appearance === 'mobile';
   var isComment = appearance === 'comment';
@@ -298,8 +296,8 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
   if (props.allowPanel) {
     preset.add([_plugins.panelPlugin, {
       useLongPressSelection: false,
-      UNSAFE_allowCustomPanel: props.allowPanel.UNSAFE_allowCustomPanel,
-      UNSAFE_allowCustomPanelEdit: props.allowPanel.UNSAFE_allowCustomPanelEdit
+      allowCustomPanel: props.allowPanel.allowCustomPanel,
+      allowCustomPanelEdit: props.allowPanel.allowCustomPanelEdit
     }]);
   }
 
@@ -396,20 +394,38 @@ function createPluginsList(props, prevProps, createAnalyticsEvent) {
     replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
   }]);
 
-  if (((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.showAvatarGroupAsPlugin) === true) {
+  var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
+    if (components && 'before' in components) {
+      return !!components.before;
+    }
+
+    return false;
+  };
+
+  if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
+    preset.add([_plugins.beforePrimaryToolbarPlugin, {
+      beforePrimaryToolbarComponents: props.primaryToolbarComponents.before
+    }]);
+  }
+
+  if (featureFlags.showAvatarGroupAsPlugin === true && !featureFlags.twoLineEditorToolbar) {
     preset.add([_plugins.avatarGroupPlugin, {
-      collabEdit: props.collabEdit
+      collabEdit: props.collabEdit,
+      takeFullWidth: !hasBeforePrimaryToolbar(props.primaryToolbarComponents)
     }]);
   }
 
   if (props.allowFindReplace) {
-    var _props$featureFlags2;
-
     preset.add([_plugins.findReplacePlugin, {
-      takeFullWidth: !!((_props$featureFlags2 = props.featureFlags) !== null && _props$featureFlags2 !== void 0 && _props$featureFlags2.showAvatarGroupAsPlugin) === false
+      takeFullWidth: !!featureFlags.showAvatarGroupAsPlugin === false && !hasBeforePrimaryToolbar(props.primaryToolbarComponents),
+      twoLineEditorToolbar: !!featureFlags.twoLineEditorToolbar
     }]);
   }
 
+  if (props.UNSAFE_allowFragmentMark) {
+    preset.add(_plugins.fragmentMarkPlugin);
+  }
+
   if (featureFlags.enableViewUpdateSubscription) {
     preset.add([_plugins.viewUpdateSubscriptionPlugin]);
   }

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

@@ -7,16 +7,16 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ReactEditorView", {
+Object.defineProperty(exports, "BaseReactEditorView", {
   enumerable: true,
   get: function get() {
-    return _ReactEditorView.default;
+    return _ReactEditorView.ReactEditorView;
   }
 });
-Object.defineProperty(exports, "getUiComponent", {
+Object.defineProperty(exports, "ReactEditorView", {
   enumerable: true,
   get: function get() {
-    return _getUiComponent.default;
+    return _ReactEditorView.default;
   }
 });
 Object.defineProperty(exports, "createPluginsList", {
@@ -31,8 +31,14 @@ Object.defineProperty(exports, "getDefaultPresetOptionsFromEditorProps", {
     return _createPluginsList.getDefaultPresetOptionsFromEditorProps;
   }
 });
+Object.defineProperty(exports, "getUiComponent", {
+  enumerable: true,
+  get: function get() {
+    return _getUiComponent.default;
+  }
+});
 
-var _ReactEditorView = _interopRequireDefault(require("./ReactEditorView"));
+var _ReactEditorView = _interopRequireWildcard(require("./ReactEditorView"));
 
 var _getUiComponent = _interopRequireDefault(require("./get-ui-component"));
 

package/dist/cjs/editor.js

@@ -33,8 +33,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactIntl = require("react-intl");
-
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _v = _interopRequireDefault(require("uuid/v4"));
@@ -210,7 +208,10 @@ var Editor = /*#__PURE__*/function (_React$Component) {
           extensionProviders = _this$props.extensionProviders,
           quickInsert = _this$props.quickInsert;
 
-      if (extensionProviders && extensionProviders !== prevProps.extensionProviders || quickInsert && quickInsert !== prevProps.quickInsert) {
+      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) {
         var extensionProvider = this.prepareExtensionProvider(extensionProviders);
         var quickInsertProvider = this.prepareQuickInsertProvider(extensionProvider, quickInsert);
         this.setState({
@@ -631,9 +632,7 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         }
       }));
 
-      return this.context.intl ? editor : /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
-        locale: "en"
-      }, editor);
+      return /*#__PURE__*/_react.default.createElement(_editorCommon.LegacyToNextIntlProvider, null, /*#__PURE__*/_react.default.createElement(_editorCommon.IntlLegacyFallbackProvider, null, editor));
     }
   }]);
   return Editor;
@@ -649,6 +648,5 @@ exports.default = Editor;
   quickInsert: true
 });
 (0, _defineProperty2.default)(Editor, "contextTypes", {
-  editorActions: _propTypes.default.object,
-  intl: _reactIntl.intlShape
+  editorActions: _propTypes.default.object
 });

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

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createDispatch = createDispatch;
 exports.EventDispatcher = void 0;
+exports.createDispatch = createDispatch;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/dist/cjs/extensibility.js

@@ -5,49 +5,49 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "getChangedNodes", {
+exports.EmitterEvents = void 0;
+Object.defineProperty(exports, "Extension", {
   enumerable: true,
   get: function get() {
-    return _document.getChangedNodes;
+    return _Extension.default;
   }
 });
-Object.defineProperty(exports, "validateNodes", {
+Object.defineProperty(exports, "ExtensionNode", {
   enumerable: true,
   get: function get() {
-    return _nodes.validateNodes;
+    return _extension.ExtensionNode;
   }
 });
-Object.defineProperty(exports, "toJSON", {
+Object.defineProperty(exports, "ExtensionNodeWrapper", {
   enumerable: true,
   get: function get() {
-    return _utils.toJSON;
+    return _ExtensionNodeWrapper.default;
   }
 });
-Object.defineProperty(exports, "Extension", {
+Object.defineProperty(exports, "getChangedNodes", {
   enumerable: true,
   get: function get() {
-    return _Extension.default;
+    return _document.getChangedNodes;
   }
 });
-Object.defineProperty(exports, "ExtensionNodeWrapper", {
+Object.defineProperty(exports, "tablePluginKey", {
   enumerable: true,
   get: function get() {
-    return _ExtensionNodeWrapper.default;
+    return _pluginFactory.pluginKey;
   }
 });
-Object.defineProperty(exports, "ExtensionNode", {
+Object.defineProperty(exports, "toJSON", {
   enumerable: true,
   get: function get() {
-    return _extension.ExtensionNode;
+    return _utils.toJSON;
   }
 });
-Object.defineProperty(exports, "tablePluginKey", {
+Object.defineProperty(exports, "validateNodes", {
   enumerable: true,
   get: function get() {
-    return _pluginFactory.pluginKey;
+    return _nodes.validateNodes;
   }
 });
-exports.EmitterEvents = void 0;
 
 var _document = require("./utils/document");