@atlaskit/editor-core 161.0.0 → 163.0.0

package/dist/cjs/ui/FloatingToolbar/styles.js

@@ -25,7 +25,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", "px;\n  ", " display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: ", ";\n  ", ";\n"])), (0, _constants.borderRadius)(), _styles.dropShadow, _colors.N0, function (_ref) {
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: ", "px;\n  ", "\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 4px 8px;\n  background-color: ", ";\n  ", ";\n"])), (0, _constants.borderRadius)(), _styles.dropShadow, _colors.N0, function (_ref) {
   var height = _ref.height;
   return height ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n          height: ", "px;\n        "])), height) : '';
 });

package/dist/cjs/ui/LinkSearch/LinkSearchList.js

@@ -2,12 +2,10 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.List = void 0;
+exports.linkSearchList = exports.default = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -21,31 +19,24 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@emotion/react");
 
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _react2 = require("react");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 
 var _LinkSearchListItem = _interopRequireDefault(require("./LinkSearchListItem"));
 
 var _templateObject, _templateObject2, _templateObject3;
 
-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; }
-
 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 ListContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 0;\n"])));
-
-var SpinnerContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  min-height: 80px;\n  margin-top: 30px;\n"])));
-
-var List = _styledComponents.default.ul(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  list-style: none;\n"])));
-
-exports.List = List;
+var listContainer = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  padding-top: 0;\n"])));
+var spinnerContainer = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  text-align: center;\n  min-height: 80px;\n  margin-top: 30px;\n"])));
+var linkSearchList = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 0;\n  list-style: none;\n"])));
+exports.linkSearchList = linkSearchList;
 
 var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(LinkSearchList, _PureComponent);
@@ -75,12 +66,13 @@ var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
       var loadingContent;
 
       if (items && items.length > 0) {
-        itemsContent = /*#__PURE__*/_react.default.createElement(List, {
+        itemsContent = (0, _react.jsx)("ul", {
+          css: linkSearchList,
           id: id,
           role: role,
           "aria-controls": ariaControls
         }, items.map(function (item, index) {
-          return /*#__PURE__*/_react.default.createElement(_LinkSearchListItem.default, {
+          return (0, _react.jsx)(_LinkSearchListItem.default, {
             id: "link-search-list-item-".concat(index),
             role: role && 'option',
             item: item,
@@ -95,15 +87,19 @@ var LinkSearchList = /*#__PURE__*/function (_PureComponent) {
       }
 
       if (isLoading) {
-        loadingContent = /*#__PURE__*/_react.default.createElement(SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+        loadingContent = (0, _react.jsx)("div", {
+          css: spinnerContainer
+        }, (0, _react.jsx)(_spinner.default, {
           size: "medium"
         }));
       }
 
-      return /*#__PURE__*/_react.default.createElement(ListContainer, null, itemsContent, loadingContent);
+      return (0, _react.jsx)("div", {
+        css: listContainer
+      }, itemsContent, loadingContent);
     }
   }]);
   return LinkSearchList;
-}(_react.PureComponent);
+}(_react2.PureComponent);
 
 exports.default = LinkSearchList;

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

@@ -37,7 +37,7 @@ var _enums = require("../../plugins/analytics/types/enums");
 
 var _reactIntlNext = require("react-intl-next");
 
-var _class, _temp;
+var _class;
 
 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); }; }
 
@@ -233,7 +233,7 @@ var dummyAnalyticsContext = {
   getAtlaskitAnalyticsContext: function getAtlaskitAnalyticsContext() {},
   getAtlaskitAnalyticsEventHandlers: function getAtlaskitAnalyticsEventHandlers() {}
 };
-var AnalyticsContextWrapper = (_temp = _class = /*#__PURE__*/function (_React$Component3) {
+var AnalyticsContextWrapper = (_class = /*#__PURE__*/function (_React$Component3) {
   (0, _inherits2.default)(AnalyticsContextWrapper, _React$Component3);
 
   var _super4 = _createSuper(AnalyticsContextWrapper);
@@ -259,4 +259,4 @@ var AnalyticsContextWrapper = (_temp = _class = /*#__PURE__*/function (_React$Co
   return AnalyticsContextWrapper;
 }(_react.default.Component), (0, _defineProperty2.default)(_class, "contextTypes", {
   contextAdapter: _propTypes.default.object
-}), _temp);
+}), _class);

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

@@ -5,16 +5,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = void 0;
+exports.wrapperStyle = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _ui = require("@atlaskit/editor-common/ui");
+var _react = require("@emotion/react");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ui = require("@atlaskit/editor-common/ui");
 
 var _templateObject;
 
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    ", ";\n    position: relative;\n    clear: both;\n\n    > div {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), _ui.MediaSingleDimensionHelper);
+var wrapperStyle = function wrapperStyle(props) {
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  & > div {\n    ", ";\n    position: relative;\n    clear: both;\n\n    > div {\n      position: absolute;\n      height: 100%;\n      width: 100%;\n    }\n  }\n"])), (0, _ui.MediaSingleDimensionHelper)(props));
+};
 
-exports.Wrapper = Wrapper;
+exports.wrapperStyle = wrapperStyle;

package/dist/cjs/ui/Toolbar/ToolbarInner.js

@@ -21,7 +21,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react2 = require("@emotion/react");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
@@ -31,7 +31,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 ToolbarComponentsWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n\n  @media (max-width: ", "px) {\n    justify-content: space-between;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
+var toolbarComponentsWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n\n  @media (max-width: ", "px) {\n    justify-content: space-between;\n  }\n"])), _editorSharedStyles.akEditorMobileMaxWidth);
 
 var ToolbarInner = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(ToolbarInner, _React$Component);
@@ -71,7 +71,9 @@ var ToolbarInner = /*#__PURE__*/function (_React$Component) {
         return null;
       }
 
-      return /*#__PURE__*/_react.default.createElement(ToolbarComponentsWrapper, null, items.map(function (component, key) {
+      return (0, _react2.jsx)("div", {
+        css: toolbarComponentsWrapper
+      }, items.map(function (component, key) {
         var props = {
           key: key
         };

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

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,26 +25,20 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _react2 = require("@emotion/react");
 
 var _colors = require("@atlaskit/theme/colors");
 
-var _templateObject, _templateObject2, _templateObject3;
-
-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; }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 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 pulseBackground = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  50% {\n    background-color: ", ";\n  }\n"])), _colors.R100);
-var pulseBackgroundReverse = (0, _styledComponents.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), _colors.R100, _colors.R100);
-
-var Wrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.-flash > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n\n  & > div {\n    animation: ", ";\n  }\n"])), pulseBackgroundReverse, function (props) {
-  return props.animate ? ".25s ease-in-out ".concat(pulseBackground) : 'none';
-});
+var pulseBackground = (0, _react2.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  50% {\n    background-color: ", ";\n  }\n"])), _colors.R100);
+var pulseBackgroundReverse = (0, _react2.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    background-color: ", ";\n  }\n  50% {\n    background-color: auto;\n  }\n  100% {\n    background-color: ", ";\n  }\n"])), _colors.R100, _colors.R100);
+var flashWrapper = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  &.-flash > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n\n  & > div {\n    animation: 'none';\n  }\n"])), pulseBackgroundReverse);
+var flashWrapperAnimated = (0, _react2.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n\n  & > div {\n    animation: 0.25s ease-in-out ", ";\n  }\n"])), flashWrapper, pulseBackground);
 
 var WithFlash = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(WithFlash, _React$Component);
@@ -74,9 +66,9 @@ var WithFlash = /*#__PURE__*/function (_React$Component) {
           animate = _this$props.animate,
           children = _this$props.children;
       this.toggle = animate && !this.toggle;
-      return /*#__PURE__*/_react.default.createElement(Wrapper, {
-        className: this.toggle ? '-flash' : '',
-        animate: animate
+      return (0, _react2.jsx)("div", {
+        css: animate ? flashWrapperAnimated : flashWrapper,
+        className: this.toggle ? '-flash' : ''
       }, children);
     }
   }]);

package/dist/cjs/utils/index.js

@@ -69,14 +69,7 @@ Object.defineProperty(exports, "hasVisibleContent", {
     return _document.hasVisibleContent;
   }
 });
-exports.insideTableCell = exports.insideTable = void 0;
-Object.defineProperty(exports, "isChromeWithSelectionBug", {
-  enumerable: true,
-  get: function get() {
-    return _selection.isChromeWithSelectionBug;
-  }
-});
-exports.isElementInTableCell = void 0;
+exports.isElementInTableCell = exports.insideTableCell = exports.insideTable = void 0;
 Object.defineProperty(exports, "isEmptyDocument", {
   enumerable: true,
   get: function get() {

package/dist/cjs/utils/insert.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.safeInsert = exports.insertSelectedItem = exports.LookDirection = void 0;
+exports.shouldSplitSelectedNodeOnNodeInsertion = exports.safeInsert = exports.insertSelectedItem = exports.LookDirection = void 0;
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
@@ -65,6 +65,8 @@ var shouldSplit = function shouldSplit(nodeType, schemaNodes) {
 
 var safeInsert = function safeInsert(content, position) {
   return function (tr) {
+    var _tr$selection$$from$n;
+
     var nodes = tr.doc.type.schema.nodes;
     var whitelist = [nodes.rule, nodes.mediaSingle]; // fallback if the node to insert is not in the whitelist, or if the insertion should happen within a list.
 
@@ -99,6 +101,14 @@ var safeInsert = function safeInsert(content, position) {
       }
     }
 
+    var grandParentType = (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type;
+    var parentType = tr.selection.$from.parent.type;
+
+    if (!lookDirection && !shouldSplitSelectedNodeOnNodeInsertion(parentType, grandParentType, content)) {
+      // node to be inserted is an invalid child of selection so insert below selected node
+      return (0, _prosemirrorUtils.safeInsert)(content, tr.selection.from)(tr);
+    }
+
     if (!lookDirection) {
       // fallback to consumer for now
       return null;
@@ -184,15 +194,7 @@ var insertSelectedItem = function insertSelectedItem(maybeNode) {
        */
     } else if (node.isInline || isInputFragment) {
       var fragment = isInputFragment ? node : _prosemirrorModel.Fragment.fromArray([node, state.schema.text(' ')]);
-      tr = tr.replaceWith(start, start, fragment); // This problem affects Chrome v58+. See: https://github.com/ProseMirror/prosemirror/issues/710
-
-      if (_selection.isChromeWithSelectionBug) {
-        var selection = document.getSelection();
-
-        if (selection) {
-          selection.empty();
-        }
-      }
+      tr = tr.replaceWith(start, start, fragment);
 
       if (opts.selectInlineNode) {
         // Select inserted node
@@ -205,6 +207,19 @@ var insertSelectedItem = function insertSelectedItem(maybeNode) {
 
     return tr;
   };
+}; // ED-14584: Util to check if the current node is a paragraph & the content being
+// inserted is a valid child of the grandparent node
+// In this case, the node being inserted to should split
+
+
+exports.insertSelectedItem = insertSelectedItem;
+
+var shouldSplitSelectedNodeOnNodeInsertion = function shouldSplitSelectedNodeOnNodeInsertion(parentNodeType, grandParentNodeType, content) {
+  if (parentNodeType.name === 'paragraph' && grandParentNodeType.validContent(_prosemirrorModel.Fragment.from(content))) {
+    return true;
+  }
+
+  return false;
 };
 
-exports.insertSelectedItem = insertSelectedItem;
+exports.shouldSplitSelectedNodeOnNodeInsertion = shouldSplitSelectedNodeOnNodeInsertion;

package/dist/cjs/utils/performance/components/RenderTracking.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenderTracking = RenderTracking;
+
+var _react = require("react");
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _utils = require("@atlaskit/editor-common/utils");
+
+var _analytics = require("../../../plugins/analytics");
+
+function RenderTracking(props) {
+  var debouncedHandleAnalyticsEvent = (0, _react.useMemo)(function () {
+    return (0, _debounce.default)(props.handleAnalyticsEvent, 500);
+  }, [props.handleAnalyticsEvent]);
+  (0, _utils.useComponentRenderTracking)({
+    onRender: function onRender(_ref) {
+      var renderCount = _ref.renderCount,
+          propsDifference = _ref.propsDifference;
+
+      if (!renderCount) {
+        return;
+      }
+
+      debouncedHandleAnalyticsEvent({
+        payload: {
+          action: props.action,
+          actionSubject: props.actionSubject,
+          attributes: {
+            count: renderCount,
+            propsDifference: propsDifference
+          },
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL
+        }
+      });
+    },
+    propsDiffingOptions: {
+      enabled: true,
+      props: props.componentProps,
+      propsToIgnore: props.propsToIgnore,
+      useShallow: props.useShallow
+    },
+    zeroBasedCount: true
+  });
+  return null;
+}

package/dist/cjs/utils/selection.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.normaliseNestedLayout = exports.isValidPosition = exports.isSelectionAtStartOfNode = exports.isSelectionAtEndOfNode = exports.isChromeWithSelectionBug = exports.duplicateSelection = void 0;
+exports.normaliseNestedLayout = exports.isValidPosition = exports.isSelectionAtStartOfNode = exports.isSelectionAtEndOfNode = exports.duplicateSelection = void 0;
 exports.setAllSelection = setAllSelection;
 exports.setCellSelection = setCellSelection;
 exports.setGapCursorSelection = setGapCursorSelection;
@@ -18,8 +18,6 @@ var _cellSelection = require("@atlaskit/editor-tables/cell-selection");
 
 var _prosemirrorState = require("prosemirror-state");
 
-var _utils = require("@atlaskit/editor-common/utils");
-
 var _selection = require("../plugins/selection/gap-cursor/selection");
 
 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; }
@@ -87,14 +85,9 @@ var normaliseNestedLayout = function normaliseNestedLayout(_ref, node) {
   }
 
   return node;
-}; // @see: https://github.com/ProseMirror/prosemirror/issues/710
-// @see: https://bugs.chromium.org/p/chromium/issues/detail?id=740085
-// Chrome >= 58 (desktop only)
-
+};
 
 exports.normaliseNestedLayout = normaliseNestedLayout;
-var isChromeWithSelectionBug = _utils.browser.chrome && !_utils.browser.android && _utils.browser.chrome_version >= 58;
-exports.isChromeWithSelectionBug = isChromeWithSelectionBug;
 
 var isSelectionAtStartOfNode = function isSelectionAtStartOfNode($pos, parentNode) {
   if (!parentNode) {

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 = "161.0.0";
+var version = "163.0.0";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

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

package/dist/es2019/actions/index.js

@@ -23,35 +23,32 @@ export default class EditorActions {
       }
     });
 
-    _defineProperty(this, "getResolvedEditorState", () => {
-      return new Promise((resolver, reject) => {
-        var _getCollabProvider;
+    _defineProperty(this, "getResolvedEditorState", async () => {
+      var _getCollabProvider;
 
-        if (!this.editorView) {
-          reject();
-          return;
-        }
+      if (!this.editorView) {
+        throw new Error('Called getResolvedEditorState before editorView is ready');
+      }
 
-        const featureFlags = getFeatureFlags(this.editorView.state);
+      const featureFlags = getFeatureFlags(this.editorView.state);
 
-        if (!featureFlags.useNativeCollabPlugin) {
-          var _this$getValue;
+      if (!featureFlags.useNativeCollabPlugin) {
+        const editorValue = await this.getValue();
 
-          return (_this$getValue = this.getValue()) === null || _this$getValue === void 0 ? void 0 : _this$getValue.then(content => {
-            resolver({
-              content: content,
-              title: null,
-              stepVersion: -1
-            });
-          });
+        if (!editorValue) {
+          throw new Error('editorValue is undefined');
         }
 
-        (_getCollabProvider = getCollabProvider(this.editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState().then(resolvedEditorState => {
-          resolver(resolvedEditorState);
-        }).catch(error => {
-          reject(error);
-        });
-      });
+        return {
+          content: editorValue,
+          title: null,
+          stepVersion: -1
+        };
+      }
+
+      const editorView = this.editorView;
+      await getEditorValueWithMedia(editorView);
+      return (_getCollabProvider = getCollabProvider(editorView.state)) === null || _getCollabProvider === void 0 ? void 0 : _getCollabProvider.getFinalAcknowledgedState();
     });
   }
 

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

@@ -4,7 +4,7 @@ import uuid from 'uuid';
 import memoizeOne from 'memoize-one';
 import { sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { IntlNextErrorBoundary } from '@atlaskit/editor-common/ui';
+import { IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics';
 import { editorAnalyticsChannel } from '../plugins/analytics/consts';
 import { getFeatureFlags } from '../plugins/feature-flags-context';
@@ -151,7 +151,7 @@ export class ErrorBoundaryWithEditorView extends React.Component {
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(IntlNextErrorBoundary, null, this.props.children);
+    return /*#__PURE__*/React.createElement(IntlErrorBoundary, null, this.props.children);
   }
 
 }

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

@@ -9,7 +9,7 @@ import { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL } from '@atlask
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { processRawValue } from '../utils';
 import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
-import { RenderTracking } from '../utils/react-hooks/use-component-renderer-tracking';
+import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import { findChangedNodesFromTransaction, validateNodes, validNode } from '../utils/nodes';
 import createPluginList from './create-plugins-list';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE, getAnalyticsEventsFromTransaction, PLATFORMS } from '../plugins/analytics';

package/dist/es2019/editor.js

@@ -7,7 +7,7 @@ import uuid from 'uuid/v4';
 import { name, version } from './version-wrapper';
 import { combineExtensionProviders } from '@atlaskit/editor-common/extensions';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { BaseTheme, WithCreateAnalyticsEvent, WidthProvider, LegacyToNextIntlProvider, IntlLegacyFallbackProvider } from '@atlaskit/editor-common/ui';
+import { BaseTheme, WithCreateAnalyticsEvent, WidthProvider } from '@atlaskit/editor-common/ui';
 import { getAnalyticsAppearance, startMeasure, stopMeasure, clearMeasure, measureTTI, getTTISeverity } from '@atlaskit/editor-common/utils';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
@@ -24,7 +24,7 @@ import { combineQuickInsertProviders, extensionProviderToQuickInsertProvider } f
 import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from './plugins/analytics';
 import ErrorBoundary from './create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from './plugins/feature-flags-context/feature-flags-from-props';
-import { RenderTracking } from './utils/react-hooks/use-component-renderer-tracking';
+import { RenderTracking } from './utils/performance/components/RenderTracking';
 const WidthProviderFullHeight = styled(WidthProvider)`
   height: 100%;
 `;
@@ -421,7 +421,7 @@ export default class Editor extends React.Component {
     const renderTracking = (_this$props$performan3 = this.props.performanceTracking) === null || _this$props$performan3 === void 0 ? void 0 : (_this$props$performan4 = _this$props$performan3.renderTracking) === null || _this$props$performan4 === void 0 ? void 0 : _this$props$performan4.editor;
     const renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
     const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
-    const editor = /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext, {
+    return /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext, {
       data: {
         packageName: name,
         packageVersion: version,
@@ -491,7 +491,6 @@ export default class Editor extends React.Component {
               customSecondaryToolbarComponents: this.props.secondaryToolbarComponents,
               contextPanel: this.props.contextPanel,
               collabEdit: this.props.collabEdit,
-              allowAnnotation: !!this.props.annotationProviders,
               persistScrollGutter: this.props.persistScrollGutter,
               enableToolbarMinWidth: ((_this$props$featureFl5 = this.props.featureFlags) === null || _this$props$featureFl5 === void 0 ? void 0 : _this$props$featureFl5.toolbarMinWidthOverflow) != null ? !!((_this$props$featureFl6 = this.props.featureFlags) !== null && _this$props$featureFl6 !== void 0 && _this$props$featureFl6.toolbarMinWidthOverflow) : this.props.UNSAFE_allowUndoRedoButtons,
               useStickyToolbar: this.props.useStickyToolbar,
@@ -503,7 +502,6 @@ export default class Editor extends React.Component {
         }))
       }))))))
     }));
-    return /*#__PURE__*/React.createElement(LegacyToNextIntlProvider, null, /*#__PURE__*/React.createElement(IntlLegacyFallbackProvider, null, editor));
   }
 
 }

package/dist/es2019/extensibility.js

@@ -4,7 +4,7 @@ export { toJSON } from './utils';
 export { default as Extension } from './plugins/extension/ui/Extension';
 export { default as ExtensionNodeWrapper } from './plugins/extension/ui/Extension/ExtensionNodeWrapper';
 export { ExtensionNode } from './plugins/extension/nodeviews/extension';
-export { pluginKey as tablePluginKey } from './plugins/table/pm-plugins/plugin-factory';
+export { pluginKey as tablePluginKey } from './plugins/table/pm-plugins/plugin-key';
 export const EmitterEvents = {
   TABLE_DELETED: 'TABLE_DELETED'
 };

package/dist/es2019/keymaps/index.js

@@ -1,6 +1,7 @@
-import React from 'react';
+/** @jsx jsx */
+import React, { Fragment } from 'react';
+import { css, jsx } from '@emotion/react';
 import { browser } from '@atlaskit/editor-common/utils';
-import styled from 'styled-components';
 import { N400 } from '@atlaskit/theme/colors';
 export const addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
 export const toggleBold = makeKeyMapWithCommon('Bold', 'Mod-b');
@@ -72,10 +73,13 @@ const arrowKeysMap = {
   ARROWUP: '\u2191',
   ARROWDOWN: '\u2193'
 };
-export const TooltipShortcut = styled.span`
+const tooltipShortcutStyle = css`
   border-radius: 2px;
   background-color: ${N400};
   padding: 0 2px;
+  /* TODO: fix in develop: https://atlassian.slack.com/archives/CFG3PSQ9E/p1647395052443259?thread_ts=1647394572.556029&cid=CFG3PSQ9E */
+  /* stylelint-disable-next-line */
+  label: tooltip-shortcut;
 `;
 
 function formatShortcut(keymap) {
@@ -114,7 +118,9 @@ export const ToolTipContent = /*#__PURE__*/React.memo(({
   keymap
 }) => {
   const shortcut = shortcutOverride || keymap && formatShortcut(keymap);
-  return shortcut || description ? /*#__PURE__*/React.createElement(React.Fragment, null, description, shortcut && description && '\u00A0', shortcut && /*#__PURE__*/React.createElement(TooltipShortcut, null, shortcut)) : null;
+  return shortcut || description ? jsx(Fragment, null, description, shortcut && description && '\u00A0', shortcut && jsx("span", {
+    css: tooltipShortcutStyle
+  }, shortcut)) : null;
 });
 export function findKeymapByDescription(description) {
   const matches = ALL.filter(keymap => keymap.description.toUpperCase() === description.toUpperCase());