@atlaskit/editor-core 183.1.1 → 184.0.0

package/dist/cjs/ui/ContextPanel/index.js

@@ -4,8 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shouldPanelBePositionedOverEditor = exports.panel = exports.default = exports.content = exports.SwappableContentArea = void 0;
+exports.content = exports.SwappableContentArea = void 0;
+exports.default = ContextPanel;
+exports.shouldPanelBePositionedOverEditor = exports.panel = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -19,12 +22,12 @@ var _react2 = require("@emotion/react");
 var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _colors = require("@atlaskit/theme/colors");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _context = require("./context");
+var _ui = require("@atlaskit/editor-common/ui");
 var _WithPluginState = _interopRequireDefault(require("../WithPluginState"));
 var _contextPanel = require("../../plugins/context-panel");
-var _width = require("../../plugins/width");
 var _WithEditorActions = _interopRequireDefault(require("../WithEditorActions"));
 var _document = require("../../utils/document");
+var _excluded = ["actions"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 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; }
@@ -67,6 +70,13 @@ var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       mounted: false,
       currentPluginContent: undefined
     });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focusEditor", function () {
+      var editorView = _this.props.editorView;
+      if (editorView && !editorView.hasFocus()) {
+        var _editorView$focus;
+        (_editorView$focus = editorView.focus) === null || _editorView$focus === void 0 ? void 0 : _editorView$focus.call(editorView);
+      }
+    });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showPluginContent", function () {
       var pluginContent = _this.props.pluginContent;
       var currentPluginContent = _this.state.currentPluginContent;
@@ -92,7 +102,8 @@ var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
         timeout: _this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
-        unmountOnExit: true
+        unmountOnExit: true,
+        onExiting: _this.focusEditor
       }, children);
     });
     return _this;
@@ -120,12 +131,13 @@ var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
       var width = _editorSharedStyles.akEditorContextPanelWidth;
       var userVisible = !!this.props.visible;
       var visible = userVisible || !!this.state.currentPluginContent;
-      return (0, _react2.jsx)(_context.ContextPanelConsumer, null, function (_ref) {
+      return (0, _react2.jsx)(_ui.ContextPanelConsumer, null, function (_ref) {
         var broadcastWidth = _ref.broadcastWidth,
           broadcastPosition = _ref.broadcastPosition,
           positionedOverEditor = _ref.positionedOverEditor;
+        var contextPanelWidth = visible ? width : 0;
         var newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width) : false;
-        broadcastWidth(visible ? width : 0);
+        broadcastWidth(contextPanelWidth);
         (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
         return (0, _react2.jsx)("div", {
           css: [panel, !visible && panelHidden,
@@ -155,57 +167,56 @@ var SwappableContentArea = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return SwappableContentArea;
-}(_react.default.PureComponent);
+}(_react.default.PureComponent); // TODO: ED-17837 We have this workaround because we do
+// not have access to the pluginInjectionApi at this location.
+// It might be that we need to inject the pluginInjectionApi
+// via context so that we can use it in this file (similar to
+// WithEditorActions). To be investigated further.
 exports.SwappableContentArea = SwappableContentArea;
-var ContextPanel = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(ContextPanel, _React$Component);
-  var _super2 = _createSuper(ContextPanel);
-  function ContextPanel() {
-    (0, _classCallCheck2.default)(this, ContextPanel);
-    return _super2.apply(this, arguments);
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
   }
-  (0, _createClass2.default)(ContextPanel, [{
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-      return (0, _react2.jsx)(_WithEditorActions.default, {
-        render: function render(actions) {
-          var eventDispatcher = actions._privateGetEventDispatcher();
-          var editorView = actions._privateGetEditorView();
-          if (!eventDispatcher) {
-            return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({
-              editorView: editorView
-            }, _this3.props));
-          }
-          return (0, _react2.jsx)(_WithPluginState.default, {
-            eventDispatcher: eventDispatcher,
-            plugins: {
-              contextPanel: _contextPanel.pluginKey,
-              widthState: _width.pluginKey
-            },
-            render: function render(_ref2) {
-              var contextPanel = _ref2.contextPanel,
-                _ref2$widthState = _ref2.widthState,
-                widthState = _ref2$widthState === void 0 ? {
-                  width: 0,
-                  containerWidth: 0,
-                  lineLength: _editorSharedStyles.akEditorDefaultLayoutWidth
-                } : _ref2$widthState;
-              var firstContent = contextPanel && contextPanel.contents.find(Boolean);
-              var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
-                contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
-              });
-              return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, _this3.props, {
-                editorView: editorView,
-                pluginContent: firstContent,
-                editorWidth: editorWidth
-              }));
-            }
-          });
-        }
+};
+function ContextPanelWithActions(_ref2) {
+  var actions = _ref2.actions,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var eventDispatcher = actions._privateGetEventDispatcher();
+  var editorView = actions._privateGetEditorView();
+  if (!eventDispatcher) {
+    return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({
+      editorView: editorView
+    }, props));
+  }
+  return (0, _react2.jsx)(_WithPluginState.default, {
+    eventDispatcher: eventDispatcher,
+    plugins: {
+      contextPanel: _contextPanel.pluginKey,
+      widthState: widthPluginKey
+    },
+    render: function render(_ref3) {
+      var contextPanel = _ref3.contextPanel,
+        widthState = _ref3.widthState;
+      var firstContent = contextPanel && contextPanel.contents.find(Boolean);
+      var editorWidth = _objectSpread(_objectSpread({}, widthState), {}, {
+        contentBreakoutModes: editorView ? (0, _document.getChildBreakoutModes)(editorView.state.doc, editorView.state.schema) : []
       });
+      return (0, _react2.jsx)(SwappableContentArea, (0, _extends2.default)({}, props, {
+        editorView: editorView,
+        pluginContent: firstContent,
+        editorWidth: editorWidth
+      }));
     }
-  }]);
-  return ContextPanel;
-}(_react.default.Component);
-exports.default = ContextPanel;
+  });
+}
+function ContextPanel(props) {
+  return (0, _react2.jsx)(_WithEditorActions.default, {
+    render: function render(actions) {
+      return (0, _react2.jsx)(ContextPanelWithActions, (0, _extends2.default)({
+        actions: actions
+      }, props));
+    }
+  });
+}

package/dist/cjs/ui/MediaAndEmbedsToolbar/index.js

@@ -17,7 +17,6 @@ var _alignImageLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/edito
 var _alignImageRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-right"));
 var _alignImageCenter = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-center"));
 var _richMediaUtils = require("../../utils/rich-media-utils");
-var _width = require("../../plugins/width");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _utils = require("../../plugins/analytics/utils");
 var _analytics = require("../../plugins/analytics");
@@ -68,7 +67,7 @@ var getNodeWidth = function getNodeWidth(node, schema) {
   }
   return node.firstChild && node.firstChild.attrs.width || node.attrs.width;
 };
-var makeAlign = function makeAlign(layout, nodeType) {
+var makeAlign = function makeAlign(layout, nodeType, widthPluginDependencyApi) {
   return function (state, dispatch) {
     var _ref = state.selection,
       node = _ref.node;
@@ -77,7 +76,7 @@ var makeAlign = function makeAlign(layout, nodeType) {
     if (!dispatch) {
       return false;
     }
-    var widthPluginState = _width.pluginKey.getState(state);
+    var widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
     if (!node || node.type !== nodeType || !widthPluginState) {
       return false;
     }
@@ -107,7 +106,7 @@ var makeAlign = function makeAlign(layout, nodeType) {
     return true;
   };
 };
-var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl, nodeType) {
+var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl, nodeType, widthPluginDependencyApi) {
   return icons.map(function (toolbarItem) {
     var id = toolbarItem.id,
       value = toolbarItem.value;
@@ -117,7 +116,7 @@ var mapIconsToToolbarItem = function mapIconsToToolbarItem(icons, layout, intl,
       icon: toolbarItem.icon,
       title: intl.formatMessage(layoutToMessages[value]),
       selected: layout === value,
-      onClick: makeAlign(value, nodeType)
+      onClick: makeAlign(value, nodeType, widthPluginDependencyApi)
     };
   });
 };
@@ -125,17 +124,17 @@ var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref2,
   var nodes = _ref2.nodes;
   return (0, _prosemirrorUtils.hasParentNodeOfType)([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand].concat((0, _toConsumableArray2.default)(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
 };
-var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, allowResizing, allowResizingInTables) {
-  var allowWrapping = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
-  var allowAlignment = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, widthPluginDependencyApi, allowResizing, allowResizingInTables) {
+  var allowWrapping = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : true;
+  var allowAlignment = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : true;
   var selection = state.selection;
   if (!(selection instanceof _prosemirrorState.NodeSelection) || !selection.node || !nodeType || shouldHideLayoutToolbar(selection, state.schema, allowResizingInTables)) {
     return [];
   }
   var layout = selection.node.attrs.layout;
-  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType) : [];
-  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType) : [];
-  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType) : [];
+  var alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  var wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  var breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
   var items = [].concat((0, _toConsumableArray2.default)(alignmentToolbarItems), (0, _toConsumableArray2.default)(getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping)), (0, _toConsumableArray2.default)(wrappingToolbarItems), (0, _toConsumableArray2.default)(getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing)), (0, _toConsumableArray2.default)(breakOutToolbarItems));
   return items;
 };

package/dist/cjs/ui/Resizer/index.js

@@ -15,8 +15,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reResizable = require("re-resizable");
-var _grid = require("../../plugins/grid");
-var _utils = require("./utils");
+var _utils = require("@atlaskit/editor-common/utils");
+var _utils2 = require("./utils");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _analytics = require("../../plugins/analytics");
@@ -71,7 +71,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         isResizing: true
       }, function () {
         var newHighlights = highlights(width + innerPadding, snapPoints);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _grid.gridTypeForLayout)(layout), newHighlights);
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(layout), newHighlights);
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleResize", function (_event, _direction, _elementRef, delta) {
@@ -96,7 +96,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         updateSize(newSize.width, newSize.layout);
       }
       var newHighlights = highlights(newWidth, snapPoints);
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _grid.gridTypeForLayout)(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
       resizable.updateSize({
         width: newWidth,
         height: 'auto'
@@ -121,19 +121,19 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         return;
       }
       var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width, snapPoints);
-      var snapWidth = (0, _utils.snapTo)(newWidth, snapPoints);
+      var snapWidth = (0, _utils2.snapTo)(newWidth, snapPoints);
       var newSize = calcNewSize(snapWidth, true);
       var newHighlights = highlights(newWidth, snapPoints);
       if (dispatchAnalyticsEvent) {
         dispatchAnalyticsEvent(getResizeAnalyticsEvent(nodeType, newSize.width, newSize.layout));
       }
       // show committed grid size
-      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _grid.gridTypeForLayout)(newSize.layout), newHighlights);
+      displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(newHighlights.length > 0, (0, _utils.gridTypeForLayout)(newSize.layout), newHighlights);
       _this.setState({
         isResizing: false
       }, function () {
         updateSize(newSize.width, newSize.layout);
-        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, (0, _grid.gridTypeForLayout)(layout), []);
+        displayGrid === null || displayGrid === void 0 ? void 0 : displayGrid(false, (0, _utils.gridTypeForLayout)(layout), []);
       });
     });
     return _this;
@@ -156,7 +156,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
         ratio = _this$props4.ratio,
         handleComponentFunc = _this$props4.handleComponentFunc;
       var isResizing = this.state.isResizing;
-      _utils.handleSides.forEach(function (side) {
+      _utils2.handleSides.forEach(function (side) {
         var _handleStyles$side;
         handles[side] = "richMedia-resize-handle-".concat(side);
         handleStyles[side] = (_handleStyles$side = {

package/dist/cjs/ui/WidthEmitter/index.js

@@ -8,11 +8,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _width = require("../../plugins/width");
 var _ui = require("@atlaskit/editor-common/ui");
-var _context = require("../ContextPanel/context");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// TODO: ED-17870 This workaround will be removed here.
+// @ts-ignore
+var widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: function getState(state) {
+    return state['widthPlugin$'];
+  }
+};
 // Why do we need this? Why not just use the width from the context directly rather than this?
 // Well my friend - some of the VR tests break, seemingly due to the fact that existing behaviour
 // assumes the initial value is 0, the width from context may not start from 0 however.
@@ -30,7 +36,7 @@ var useListener = function useListener(contextValue) {
 };
 var WidthEmitter = function WidthEmitter(_ref) {
   var editorView = _ref.editorView;
-  var _useContext = (0, _react.useContext)(_context.ContextPanel),
+  var _useContext = (0, _react.useContext)(_ui.ContextPanel),
     contextPanelWidthContext = _useContext.width;
   var _useContext2 = (0, _react.useContext)(_ui.WidthContext),
     containerWidthContext = _useContext2.width;
@@ -44,7 +50,7 @@ var WidthEmitter = function WidthEmitter(_ref) {
     var dom = editorView.dom,
       tr = editorView.state.tr,
       dispatch = editorView.dispatch;
-    tr.setMeta(_width.pluginKey, {
+    tr.setMeta(widthPluginKey, {
       width: width,
       containerWidth: containerWidth,
       lineLength: dom ? dom.clientWidth : undefined

package/dist/cjs/utils/clipboard.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.checkClipboardTypes = checkClipboardTypes;
-exports.copyToClipboard = exports.copyHTMLToClipboard = void 0;
+exports.copyToClipboard = exports.copyHTMLToClipboardPolyfill = exports.copyHTMLToClipboard = void 0;
 exports.isPastedFile = isPastedFile;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -88,7 +88,7 @@ var copyToClipboard = /*#__PURE__*/function () {
 exports.copyToClipboard = copyToClipboard;
 var copyHTMLToClipboard = /*#__PURE__*/function () {
   var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(elementToCopy, plainTextToCopy) {
-    var data, Clipboard, dt;
+    var data;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
@@ -115,17 +115,13 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
           _context2.t0 = _context2["catch"](1);
           throw new Error('Clipboard api is not supported');
         case 10:
-          _context2.next = 17;
+          _context2.next = 13;
           break;
         case 12:
-          // At the time of development, Firefox doesn't support ClipboardItem API
+          // ED-17083 extension copy seems have issue with ClipboardItem API
           // Hence of use of this polyfill
-          Clipboard = clipboard;
-          dt = new Clipboard.DT();
-          dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
-          dt.setData('text/html', elementToCopy.innerHTML);
-          Clipboard.write(dt);
-        case 17:
+          copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
+        case 13:
         case "end":
           return _context2.stop();
       }
@@ -135,4 +131,15 @@ var copyHTMLToClipboard = /*#__PURE__*/function () {
     return _ref3.apply(this, arguments);
   };
 }();
-exports.copyHTMLToClipboard = copyHTMLToClipboard;
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+exports.copyHTMLToClipboard = copyHTMLToClipboard;
+var copyHTMLToClipboardPolyfill = function copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy) {
+  var Clipboard = clipboard;
+  var dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
+};
+exports.copyHTMLToClipboardPolyfill = copyHTMLToClipboardPolyfill;

package/dist/cjs/utils/performance/instrumented-plugin.js

@@ -61,18 +61,30 @@ var InstrumentedPlugin = /*#__PURE__*/function (_SafePlugin) {
         return result;
       };
     }
+    var _uiTracking$samplingR = uiTracking.samplingRate,
+      uiTrackingSamplingRate = _uiTracking$samplingR === void 0 ? 100 : _uiTracking$samplingR;
     if (uiTracking.enabled && spec.view) {
       var originalView = spec.view.bind(spec);
       spec.view = function (editorView) {
         var self = (0, _assertThisInitialized2.default)(_this);
         var measure = "\uD83E\uDD89".concat(self.key, "::view::update");
         var view = originalView(editorView);
+        var uiTrackingSamplingCounter = 0;
         if (view.update) {
           var originalUpdate = view.update;
           view.update = function (view, state) {
-            (0, _utils.startMeasure)(measure);
+            var shouldTrack = uiTrackingSamplingRate && uiTrackingSamplingCounter === 0;
+            if (shouldTrack) {
+              (0, _utils.startMeasure)(measure);
+            }
             originalUpdate(view, state);
-            (0, _utils.stopMeasure)(measure, function () {});
+            if (shouldTrack) {
+              (0, _utils.stopMeasure)(measure, function () {});
+            }
+            uiTrackingSamplingCounter++;
+            if (uiTrackingSamplingRate && uiTrackingSamplingCounter >= uiTrackingSamplingRate) {
+              uiTrackingSamplingCounter = 0;
+            }
           };
         }
         return view;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "183.1.1";
+var version = "184.0.0";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "183.1.1",
+	"version": "184.0.0",
 	"sideEffects": false
 }

package/dist/es2019/i18n/da.js

@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Når resultater med automatisk udfyldning er tilgængelige, skal du bruge pil op og pil ned til at gennemse og Enter til at vælge. Brugere af touchenheder kan trykke eller stryge.',
   'fabric.editor.invalidDateError': 'Indtast en gyldig dato',
   'fabric.editor.invalidLink': 'Indtast et gyldigt link.',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlem til {productName}} trusted {Inviter teammedlem til {productName}} other {Tilføj teammedlem til {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlemmer til {productName}} trusted {Inviter teammedlemmer til {productName}} other {Tilføj teammedlem til {productName}}}',
   'fabric.editor.italic': 'Kursiv',
   'fabric.editor.keyboardShortcuts': 'Tastaturgenveje',
   'fabric.editor.leftSidebar': 'Venstre sidebjælke',

package/dist/es2019/i18n/en_ZZ.js

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

package/dist/es2019/i18n/it.js

@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Una volta che i risultati del completamento automatico sono disponibili, utilizza le frecce su e giù per rivedere i dati e premi Invio per selezionarli. Gli utenti di dispositivi touch possono utilizzare i movimenti di tocco o scorrimento.',
   'fabric.editor.invalidDateError': 'Inserisci una data valida',
   'fabric.editor.invalidLink': 'Inserisci un link valido.',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {Invita un collega in {productName}} trusted {Invita un collega in {productName}} other {Aggiungi un collega a {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {Invita un collega in {productName}} trusted {Invita un collega in {productName}} other {Aggiunti un collega a {productName}}}',
   'fabric.editor.italic': 'Corsivo',
   'fabric.editor.keyboardShortcuts': 'Scelte rapide da tastiera',
   'fabric.editor.leftSidebar': 'Barra laterale sinistra',