@atlaskit/editor-core 150.0.3 → 151.0.0

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @atlaskit/editor-core
 
+## 151.0.0
+
+### Major Changes
+
+- [`b3606652fa1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3606652fa1) - [ux] Editor integration for Media Inline component
+
+### Minor Changes
+
+- [`93da0afefce`](https://bitbucket.org/atlassian/atlassian-frontend/commits/93da0afefce) - CETI-78 Change panel nodeSpec to handle paste when feature flag is off
+- [`53d2eac387d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53d2eac387d) - ED-12705 Fail all active editor UFO experiences from the editor error boundary
+- [`b58f3c24179`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b58f3c24179) - ED-13643 Instrument editor interaction UFO experience
+- [`971845eac0d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/971845eac0d) - CETI-96 Added new rule to emoji to solve the duplicate icon issue when we copy from renderer
+- [`7024003c42e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7024003c42e) - ED-13213 Base work to set up UFO in the editor & implement editor load UFO experience
+
+  UFO experiences are hidden behind a feature flag, to enable set
+
+  ```jsx
+  <Editor featureFlags={{ ufo: true }} />
+  ```
+
+- [`eab5cc4f8bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eab5cc4f8bc) - CETI-21 User should be able to see the panel Icon when user changes the background color of a predefined panel
+- [`04fdcc4a097`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04fdcc4a097) - Quick insert ability for Media Inline component
+- [`a9e8fe41756`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a9e8fe41756) - Internationalisation for static label of Beautiful Panels Web
+- [`0d8132a260a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d8132a260a) - Fix Slack link default to block card view when editor has allowBlockCards disabled
+- [`b53d0d54ac2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b53d0d54ac2) - ED-12887 Add render count profiler utilities
+- [`f235d19dcdb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f235d19dcdb) - Added an api for creating a brand new editor state when replacing the document using editorActions
+- [`7fc265976b2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7fc265976b2) - ED-13214 Instrument typing in editor UFO experience
+
+### Patch Changes
+
+- [`53cfa98d9f6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/53cfa98d9f6) - [ux] Cursors can now be placed after emojis and statuses without trailing spaces
+- [`540988ac12b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/540988ac12b) - Debounce editor and reactEditorView reRendered analytics
+- [`cbde8994bd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cbde8994bd4) - ED-12846: Fix disappearing table borders in Chrome
+- [`d7b4aa7c019`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7b4aa7c019) - ED-13878: Force block-type selected menu items to be white font color
+- [`25393b5c63b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/25393b5c63b) - Add prefetch proper ty analytic event to tell if the result is selected from prefetch list
+- [`e9658042982`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9658042982) - [ux] ED-7545 Fix selected language in one code snippet visually populating to other code snippets on the page
+- [`99757fa97fb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/99757fa97fb) - ED-13642 added ufo session complete analytics event
+- [`8c68b14866f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c68b14866f) - ED-12700 Fix for compositions in the find input not being supported.
+- [`e856b56fd31`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e856b56fd31) - ED-13669 reuse same links normalization method in plugin and adf schema
+- [`e731664ad62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e731664ad62) - [ux][ed-13588] move max-height CSS from akEditor root to ak-editor-content-area so that the editor maxHeight prop actually enforces a maximum height
+- [`05c9526a999`](https://bitbucket.org/atlassian/atlassian-frontend/commits/05c9526a999) - CETI-123 Web: Feature flag for editing custom panels
+- [`125c6ed9212`](https://bitbucket.org/atlassian/atlassian-frontend/commits/125c6ed9212) - ED-13458 Fix for foreign input causing tables to break
+- [`a113abe23e1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a113abe23e1) - [ux] The selected width of an extension is correctly highlighted in its floating toolbar when toolbar actions are un-done/re-done
+- [`3fde369f5d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fde369f5d4) - Fix a bug where sometimes the embed link will get states from other embed link
+- [`a92e1f67411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a92e1f67411) - ED-13633 Disabled editor code highting in safari
+- Updated dependencies
+
 ## 150.0.3
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -264,31 +264,13 @@ var EditorActions = /*#__PURE__*/function () {
         return false;
       }
 
-      var state = this.editorView.state;
-      var schema = state.schema;
-      var content = (0, _document.processRawValue)(schema, rawValue, undefined, undefined, this.contentTransformer, this.dispatchAnalyticsEvent);
-
-      if (!content) {
-        return false;
-      } // In case of replacing a whole document, we only need a content of a top level node e.g. document.
-
-
-      var tr = state.tr.replaceWith(0, state.doc.nodeSize - 2, content.content);
-
-      if (!shouldScrollToBottom && !tr.selectionSet) {
-        // Restore selection at start of document instead of the end.
-        tr.setSelection(_prosemirrorState.Selection.atStart(tr.doc));
-      }
-
-      if (shouldScrollToBottom) {
-        tr = tr.scrollIntoView();
-      }
-
-      if (!shouldAddToHistory) {
-        tr.setMeta('addToHistory', false);
+      if (this.eventDispatcher) {
+        this.eventDispatcher.emit('resetEditorState', {
+          doc: rawValue,
+          shouldScrollToBottom: shouldScrollToBottom
+        });
       }
 
-      this.editorView.dispatch(tr);
       return true;
     }
   }, {

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

@@ -33,6 +33,8 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
 var _editorCommon = require("@atlaskit/editor-common");
 
+var _ufo = require("@atlaskit/editor-common/ufo");
+
 var _analytics = require("../plugins/analytics");
 
 var _consts = require("../plugins/analytics/consts");
@@ -43,6 +45,10 @@ var _documentLogger = require("../utils/document-logger");
 
 var _WithEditorView = require("./WithEditorView");
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; } }
@@ -52,16 +58,11 @@ var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
 
   var _super = _createSuper(ErrorBoundaryWithEditorView);
 
-  function ErrorBoundaryWithEditorView() {
+  function ErrorBoundaryWithEditorView(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, ErrorBoundaryWithEditorView);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "browserExtensions", undefined);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       error: undefined
@@ -73,100 +74,135 @@ var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
 
       return (0, _featureFlagsContext.getFeatureFlags)(editorView.state);
     }));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireAnalytics", function (analyticsErrorPayload) {
-      var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-
-      _this.getProductName().then(function (product) {
-        if (createAnalyticsEvent) {
-          var error = analyticsErrorPayload.error,
-              errorInfo = analyticsErrorPayload.errorInfo,
-              errorStack = analyticsErrorPayload.errorStack;
-          var sharedId = (0, _uuid.default)();
-          var event = {
-            action: _analytics.ACTION.EDITOR_CRASHED,
-            actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-            eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-            attributes: {
-              product: product,
-              browserInfo: window && window.navigator && window.navigator.userAgent ? window.navigator.userAgent : 'unknown',
-              error: error,
-              errorInfo: errorInfo,
-              errorId: sharedId,
-              browserExtensions: _this.browserExtensions
-            }
-          }; // Add doc structure if the feature flag is on
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sendErrorData", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(analyticsErrorPayload) {
+        var product, error, errorInfo, errorStack, sharedId, attributes, _this$experienceStore;
 
-          if (_this.featureFlags.errorBoundaryDocStructure && _this.props.editorView) {
-            event.attributes.docStructure = (0, _documentLogger.getDocStructure)(_this.props.editorView.state.doc, {
-              compact: true
-            });
-          }
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return _this.getProductName();
+
+              case 2:
+                product = _context.sent;
+                error = analyticsErrorPayload.error, errorInfo = analyticsErrorPayload.errorInfo, errorStack = analyticsErrorPayload.errorStack;
+                sharedId = (0, _uuid.default)();
+                attributes = {
+                  product: product,
+                  browserInfo: window && window.navigator && window.navigator.userAgent ? window.navigator.userAgent : 'unknown',
+                  error: error,
+                  errorInfo: errorInfo,
+                  errorId: sharedId,
+                  browserExtensions: _this.browserExtensions,
+                  docStructure: _this.featureFlags.errorBoundaryDocStructure && _this.props.editorView ? (0, _documentLogger.getDocStructure)(_this.props.editorView.state.doc, {
+                    compact: true
+                  }) : undefined
+                };
+
+                _this.fireAnalyticsEvent({
+                  action: _analytics.ACTION.EDITOR_CRASHED,
+                  actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+                  eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+                  attributes: attributes
+                });
+
+                _this.fireAnalyticsEvent({
+                  action: _analytics.ACTION.EDITOR_CRASHED_ADDITIONAL_INFORMATION,
+                  actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
+                  eventType: _analytics.EVENT_TYPE.OPERATIONAL,
+                  attributes: {
+                    errorStack: errorStack,
+                    errorId: sharedId
+                  }
+                });
 
-          createAnalyticsEvent(event).fire(_consts.editorAnalyticsChannel);
-          createAnalyticsEvent({
-            action: _analytics.ACTION.EDITOR_CRASHED_ADDITIONAL_INFORMATION,
-            actionSubject: _analytics.ACTION_SUBJECT.EDITOR,
-            eventType: _analytics.EVENT_TYPE.OPERATIONAL,
-            attributes: {
-              errorStack: errorStack,
-              errorId: sharedId
+                if (_this.featureFlags.ufo && _this.props.editorView) {
+                  (_this$experienceStore = _this.experienceStore) === null || _this$experienceStore === void 0 ? void 0 : _this$experienceStore.failAll(_objectSpread(_objectSpread({}, _this.getExperienceMetadata(attributes)), {}, {
+                    errorStack: errorStack
+                  }));
+                }
+
+              case 9:
+              case "end":
+                return _context.stop();
             }
-          }).fire(_consts.editorAnalyticsChannel);
-        } else {
-          // eslint-disable-next-line no-console
-          console.error('Editor Error Boundary: Missing `createAnalyticsEvent` prop.', {
-            channel: _consts.editorAnalyticsChannel,
-            product: product,
-            error: analyticsErrorPayload
-          });
-        }
-      }).catch(function (e) {
-        // eslint-disable-next-line no-console
-        console.error('Failed to resolve product name from contextIdentifierProvider.', e);
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getProductName", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getProductName", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
       var contextIdentifierProvider, context;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
         while (1) {
-          switch (_context.prev = _context.next) {
+          switch (_context2.prev = _context2.next) {
             case 0:
               contextIdentifierProvider = _this.props.contextIdentifierProvider;
 
               if (!contextIdentifierProvider) {
-                _context.next = 7;
+                _context2.next = 7;
                 break;
               }
 
-              _context.next = 4;
+              _context2.next = 4;
               return contextIdentifierProvider;
 
             case 4:
-              context = _context.sent;
+              context = _context2.sent;
 
               if (!context.product) {
-                _context.next = 7;
+                _context2.next = 7;
                 break;
               }
 
-              return _context.abrupt("return", context.product);
+              return _context2.abrupt("return", context.product);
 
             case 7:
-              return _context.abrupt("return", 'atlaskit');
+              return _context2.abrupt("return", 'atlaskit');
 
             case 8:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
         }
-      }, _callee);
+      }, _callee2);
     })));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireAnalyticsEvent", function (event) {
+      var _this$props$createAna, _this$props;
+
+      (_this$props$createAna = (_this$props = _this.props).createAnalyticsEvent) === null || _this$props$createAna === void 0 ? void 0 : _this$props$createAna.call(_this$props, event).fire(_consts.editorAnalyticsChannel);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getExperienceMetadata", function (attributes) {
+      var _attributes$browserEx;
+
+      return {
+        browserInfo: attributes.browserInfo,
+        error: attributes.error.toString(),
+        errorInfo: {
+          componentStack: attributes.errorInfo.componentStack
+        },
+        errorId: attributes.errorId,
+        browserExtensions: (_attributes$browserEx = attributes.browserExtensions) === null || _attributes$browserEx === void 0 ? void 0 : _attributes$browserEx.toString(),
+        docStructure: attributes.docStructure
+      };
+    });
+
+    if (props.editorView) {
+      _this.experienceStore = _ufo.ExperienceStore.getInstance(props.editorView);
+    }
+
     return _this;
   }
 
   (0, _createClass2.default)(ErrorBoundaryWithEditorView, [{
     key: "featureFlags",
-    get: function get() {
+    get: // Memoizing this as react alternative suggestion of https://reactjs.org/docs/react-component.html#unsafe_componentwillreceiveprops
+    function get() {
       return this.getFeatureFlags(this.props.editorView);
     }
   }, {
@@ -174,13 +210,11 @@ var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
     value: function componentDidCatch(error, errorInfo) {
       var _this2 = this;
 
-      // Log the error
-      this.fireAnalytics({
+      this.sendErrorData({
         error: error.toString(),
         errorInfo: errorInfo,
         errorStack: error.stack
-      }); //
-      // // Update state to allow a re-render to attempt graceful recovery (in the event that
+      }); // // Update state to allow a re-render to attempt graceful recovery (in the event that
       // // the error was caused by a race condition or is intermittent)
 
       this.setState({
@@ -200,12 +234,12 @@ var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentDidMount",
     value: function () {
-      var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+      var _componentDidMount = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+        return _regenerator.default.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
-                _context2.next = 2;
+                _context3.next = 2;
                 return (0, _editorCommon.sniffUserBrowserExtensions)({
                   extensions: ['grammarly'],
                   async: true,
@@ -213,14 +247,14 @@ var ErrorBoundaryWithEditorView = /*#__PURE__*/function (_React$Component) {
                 });
 
               case 2:
-                this.browserExtensions = _context2.sent;
+                this.browserExtensions = _context3.sent;
 
               case 3:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
 
       function componentDidMount() {