@atlaskit/editor-common 74.50.4 → 74.51.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-common
 
+## 74.51.1
+
+### Patch Changes
+
+- [`f68eb1b1731`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f68eb1b1731) - Move common functions from `editor-core` to `editor-common` in preparation for `base` plugin extraction
+
+## 74.51.0
+
+### Minor Changes
+
+- [`7f45581d141`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f45581d141) - ED-19630 fixed guideline alignment issue.
+
+### Patch Changes
+
+- [`f76bc3a94fa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f76bc3a94fa) - [ux] Datasource container border radius increased
+
 ## 74.50.4
 
 ### Patch Changes

package/dist/cjs/guideline/relativeGuideline.js

@@ -9,11 +9,10 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _mediaSingle = require("../media-single");
 var _utils = require("./utils");
 var RELATIVE_GUIDES_GAP = 6;
-var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, topOffset, size) {
   var node = nodeWithPos.node,
     pos = nodeWithPos.pos;
   var _view$dom$getBounding = view.dom.getBoundingClientRect(),
-    topOffSet = _view$dom$getBounding.top,
     viewHeight = _view$dom$getBounding.height;
   var _view$coordsAtPos = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos.top; // media node
@@ -21,7 +20,7 @@ var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, no
   var _ref = size || (0, _utils.getMediaSingleDimensions)(node, editorWidth) || {},
     width = _ref.width,
     height = _ref.height;
-  var y = top - topOffSet - RELATIVE_GUIDES_GAP;
+  var y = top - topOffset - RELATIVE_GUIDES_GAP;
   if (!width || !height || y < 0 || y > viewHeight) {
     return null;
   }
@@ -62,11 +61,10 @@ var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, no
     }
   };
 };
-var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view, nodeWithPos, editorWidth, topOffset, size) {
   var node = nodeWithPos.node,
     pos = nodeWithPos.pos;
   var _view$dom$getBounding2 = view.dom.getBoundingClientRect(),
-    topOffSet = _view$dom$getBounding2.top,
     viewHeight = _view$dom$getBounding2.height;
   var _view$coordsAtPos2 = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos2.top; // media node
@@ -77,7 +75,7 @@ var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view,
   if (!width || !height) {
     return null;
   }
-  var start = top - topOffSet;
+  var start = top - topOffset;
   var end = start + height;
   if (end < 0 || start > viewHeight) {
     return null;
@@ -128,14 +126,14 @@ var getRelativeGuideSnaps = function getRelativeGuideSnaps(relativeGuides, aspec
   return [].concat((0, _toConsumableArray2.default)(snapsWidthFromMatchingWidth), (0, _toConsumableArray2.default)(snapsWidthFromMatchingHeight));
 };
 exports.getRelativeGuideSnaps = getRelativeGuideSnaps;
-var getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, size) {
+var getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, topOffset, size) {
   var matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
   var matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
   var matches = matchWidth || matchHeight;
   var getRelativeGuideline = matchWidth && getWidthRelativeGuideline || matchHeight && getHeightRelativeGuideline || null;
   if (matches && getRelativeGuideline) {
-    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, size)].concat((0, _toConsumableArray2.default)(matches.map(function (nodeWithPos, index) {
-      return getRelativeGuideline("relative_guide_".concat(index), view, nodeWithPos, editorWidth);
+    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, topOffset, size)].concat((0, _toConsumableArray2.default)(matches.map(function (nodeWithPos, index) {
+      return getRelativeGuideline("relative_guide_".concat(index), view, nodeWithPos, editorWidth, topOffset);
     }))).filter(function (config) {
       return !!config;
     });

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,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 SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.50.4";
+var packageVersion = "74.51.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/shared/smartCard.js

@@ -16,5 +16,5 @@ var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 exports.DATASOURCE_INNER_CONTAINER_CLASSNAME = DATASOURCE_INNER_CONTAINER_CLASSNAME;
 var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
 exports.FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = FLOATING_TOOLBAR_LINKPICKER_CLASSNAME;
-var smartCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), ";\n      }\n      "), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";") : '', _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(_colors.N0, ")"), "var(--ds-border-radius-100, ".concat(_editorSharedStyles.akEditorRuleBorderRadius, ")"), "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+var smartCardStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20, ")"), ";\n      }\n      "), _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";") : '', _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.DATASOURCE_CONTAINER, _smartCard.SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(_colors.N0, ")"), "var(--ds-border-radius-100, 3px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(_editorSharedStyles.akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
 exports.smartCardStyles = smartCardStyles;

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

@@ -24,7 +24,7 @@ var _templateObject, _templateObject2, _templateObject3;
 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; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.50.4";
+var packageVersion = "74.51.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/utils/count-nodes.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.countNodes = countNodes;
+function countNodes(state) {
+  var _nodeTypes$extension, _nodeTypes$inlineExte, _nodeTypes$bodiedExte;
+  var nodeCount = {};
+  var extensionNodeCount = {};
+  var nodeTypes = state.schema.nodes;
+  var extensionNodeTypes = [(_nodeTypes$extension = nodeTypes.extension) === null || _nodeTypes$extension === void 0 ? void 0 : _nodeTypes$extension.name, (_nodeTypes$inlineExte = nodeTypes.inlineExtension) === null || _nodeTypes$inlineExte === void 0 ? void 0 : _nodeTypes$inlineExte.name, (_nodeTypes$bodiedExte = nodeTypes.bodiedExtension) === null || _nodeTypes$bodiedExte === void 0 ? void 0 : _nodeTypes$bodiedExte.name];
+  state.doc.descendants(function (node) {
+    var _node$attrs;
+    var nodeName = node.type.name;
+    if (nodeName in nodeCount) {
+      nodeCount[nodeName]++;
+    } else {
+      nodeCount[nodeName] = 1;
+    }
+    var extensionNodeName = nodeName;
+    if (extensionNodeTypes.includes(extensionNodeName) && (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.extensionType) {
+      var _node$attrs2;
+      extensionNodeName = "".concat(node.attrs.extensionType, " - ").concat((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.extensionKey);
+      if (extensionNodeName in extensionNodeCount) {
+        extensionNodeCount[extensionNodeName]++;
+      } else {
+        extensionNodeCount[extensionNodeName] = 1;
+      }
+    }
+    return true;
+  });
+  return {
+    nodeCount: nodeCount,
+    extensionNodeCount: extensionNodeCount
+  };
+}

package/dist/cjs/utils/document.js

@@ -8,6 +8,7 @@ exports.getStepRange = void 0;
 exports.hasDocAsParent = hasDocAsParent;
 exports.hasVisibleContent = hasVisibleContent;
 exports.isEmptyDocument = isEmptyDocument;
+exports.isSelectionEndOfParagraph = void 0;
 exports.nodesBetweenChanged = nodesBetweenChanged;
 exports.processRawValue = processRawValue;
 var _transforms = require("@atlaskit/adf-utils/transforms");
@@ -280,4 +281,8 @@ function hasVisibleContent(node) {
     }
   }
   return false;
-}
+}
+var isSelectionEndOfParagraph = function isSelectionEndOfParagraph(state) {
+  return state.selection.$to.parent.type === state.schema.nodes.paragraph && state.selection.$to.pos === state.doc.resolve(state.selection.$to.pos).end();
+};
+exports.isSelectionEndOfParagraph = isSelectionEndOfParagraph;

package/dist/cjs/utils/index.js

@@ -239,6 +239,12 @@ Object.defineProperty(exports, "convertProsemirrorTableNodeToArrayOfRows", {
     return _table.convertProsemirrorTableNodeToArrayOfRows;
   }
 });
+Object.defineProperty(exports, "countNodes", {
+  enumerable: true,
+  get: function get() {
+    return _countNodes.countNodes;
+  }
+});
 Object.defineProperty(exports, "createCompareNodes", {
   enumerable: true,
   get: function get() {
@@ -462,6 +468,12 @@ Object.defineProperty(exports, "getTTISeverity", {
     return _measureTti.getTTISeverity;
   }
 });
+Object.defineProperty(exports, "getTimeSince", {
+  enumerable: true,
+  get: function get() {
+    return _getPerformanceTiming.getTimeSince;
+  }
+});
 Object.defineProperty(exports, "getTitle", {
   enumerable: true,
   get: function get() {
@@ -664,6 +676,12 @@ Object.defineProperty(exports, "isRichMediaInsideOfBlockNode", {
     return _richMediaUtils.isRichMediaInsideOfBlockNode;
   }
 });
+Object.defineProperty(exports, "isSelectionEndOfParagraph", {
+  enumerable: true,
+  get: function get() {
+    return _document.isSelectionEndOfParagraph;
+  }
+});
 exports.isSelectionInsideLastNodeInDocument = isSelectionInsideLastNodeInDocument;
 Object.defineProperty(exports, "isSupportedInParent", {
   enumerable: true,
@@ -1020,6 +1038,8 @@ var _privacyFilter = require("./filter/privacy-filter");
 var _datasource = require("./datasource");
 var _commands = require("./commands");
 var _scrollGutter = require("./scroll-gutter");
+var _getPerformanceTiming = require("./performance/get-performance-timing");
+var _countNodes = require("./count-nodes");
 var _inputRules = require("./input-rules");
 // prosemirror-history does not export its plugin key
 var pmHistoryPluginKey = 'history$';

package/dist/cjs/utils/performance/get-performance-timing.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTimeSince = void 0;
+/**
+ * Calculate the difference between performance.now() and the given startTime.
+ * This allows for the timing to be overridable during tests.
+ *
+ * @param startTime DOMHighResTimeStamp
+ * @returns DOMHighResTimeStamp
+ */
+var getTimeSince = function getTimeSince(startTime) {
+  return performance.now() - startTime;
+};
+exports.getTimeSince = getTimeSince;

package/dist/es2019/guideline/relativeGuideline.js

@@ -1,13 +1,12 @@
 import { roundToNearest } from '../media-single';
 import { getMediaSingleDimensions } from './utils';
 const RELATIVE_GUIDES_GAP = 6;
-const getWidthRelativeGuideline = (key, view, nodeWithPos, editorWidth, size) => {
+const getWidthRelativeGuideline = (key, view, nodeWithPos, editorWidth, topOffset, size) => {
   const {
     node,
     pos
   } = nodeWithPos;
   const {
-    top: topOffSet,
     height: viewHeight
   } = view.dom.getBoundingClientRect();
   const {
@@ -18,7 +17,7 @@ const getWidthRelativeGuideline = (key, view, nodeWithPos, editorWidth, size) =>
     width,
     height
   } = size || getMediaSingleDimensions(node, editorWidth) || {};
-  const y = top - topOffSet - RELATIVE_GUIDES_GAP;
+  const y = top - topOffset - RELATIVE_GUIDES_GAP;
   if (!width || !height || y < 0 || y > viewHeight) {
     return null;
   }
@@ -59,13 +58,12 @@ const getWidthRelativeGuideline = (key, view, nodeWithPos, editorWidth, size) =>
     }
   };
 };
-const getHeightRelativeGuideline = (key, view, nodeWithPos, editorWidth, size) => {
+const getHeightRelativeGuideline = (key, view, nodeWithPos, editorWidth, topOffset, size) => {
   const {
     node,
     pos
   } = nodeWithPos;
   const {
-    top: topOffSet,
     height: viewHeight
   } = view.dom.getBoundingClientRect();
   const {
@@ -79,7 +77,7 @@ const getHeightRelativeGuideline = (key, view, nodeWithPos, editorWidth, size) =
   if (!width || !height) {
     return null;
   }
-  const start = top - topOffSet;
+  const start = top - topOffset;
   const end = start + height;
   if (end < 0 || start > viewHeight) {
     return null;
@@ -129,14 +127,14 @@ export const getRelativeGuideSnaps = (relativeGuides, aspectRatio) => {
   });
   return [...snapsWidthFromMatchingWidth, ...snapsWidthFromMatchingHeight];
 };
-export const getRelativeGuidelines = (relativeGuides, nodeWithPos, view, editorWidth, size) => {
+export const getRelativeGuidelines = (relativeGuides, nodeWithPos, view, editorWidth, topOffset, size) => {
   const matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
   const matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
   const matches = matchWidth || matchHeight;
   const getRelativeGuideline = matchWidth && getWidthRelativeGuideline || matchHeight && getHeightRelativeGuideline || null;
   if (matches && getRelativeGuideline) {
-    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, size), ...matches.map((nodeWithPos, index) => {
-      return getRelativeGuideline(`relative_guide_${index}`, view, nodeWithPos, editorWidth);
+    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, topOffset, size), ...matches.map((nodeWithPos, index) => {
+      return getRelativeGuideline(`relative_guide_${index}`, view, nodeWithPos, editorWidth, topOffset);
     })].filter(config => !!config);
   }
   return [];

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "74.50.4";
+const packageVersion = "74.51.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/shared/smartCard.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/react';
-import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N0, N20, N40 } from '@atlaskit/theme/colors';
 import { SmartCardSharedCssClassName } from './smart-card';
@@ -79,7 +79,7 @@ export const smartCardStyles = css`
     .${DATASOURCE_INNER_CONTAINER_CLASSNAME} {
       cursor: pointer;
       background-color: ${`var(--ds-background-neutral-subtle, ${N0})`};
-      border-radius: ${`var(--ds-border-radius-100, ${akEditorRuleBorderRadius})`};
+      border-radius: ${"var(--ds-border-radius-100, 3px)"};
       border: 1px solid ${`var(--ds-border, ${N40})`};
     }
 

package/dist/es2019/ui/DropList/index.js

@@ -8,7 +8,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "74.50.4";
+const packageVersion = "74.51.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/utils/count-nodes.js

@@ -0,0 +1,31 @@
+export function countNodes(state) {
+  var _nodeTypes$extension, _nodeTypes$inlineExte, _nodeTypes$bodiedExte;
+  const nodeCount = {};
+  const extensionNodeCount = {};
+  const nodeTypes = state.schema.nodes;
+  const extensionNodeTypes = [(_nodeTypes$extension = nodeTypes.extension) === null || _nodeTypes$extension === void 0 ? void 0 : _nodeTypes$extension.name, (_nodeTypes$inlineExte = nodeTypes.inlineExtension) === null || _nodeTypes$inlineExte === void 0 ? void 0 : _nodeTypes$inlineExte.name, (_nodeTypes$bodiedExte = nodeTypes.bodiedExtension) === null || _nodeTypes$bodiedExte === void 0 ? void 0 : _nodeTypes$bodiedExte.name];
+  state.doc.descendants(node => {
+    var _node$attrs;
+    const nodeName = node.type.name;
+    if (nodeName in nodeCount) {
+      nodeCount[nodeName]++;
+    } else {
+      nodeCount[nodeName] = 1;
+    }
+    let extensionNodeName = nodeName;
+    if (extensionNodeTypes.includes(extensionNodeName) && (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.extensionType) {
+      var _node$attrs2;
+      extensionNodeName = `${node.attrs.extensionType} - ${(_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.extensionKey}`;
+      if (extensionNodeName in extensionNodeCount) {
+        extensionNodeCount[extensionNodeName]++;
+      } else {
+        extensionNodeCount[extensionNodeName] = 1;
+      }
+    }
+    return true;
+  });
+  return {
+    nodeCount,
+    extensionNodeCount
+  };
+}

package/dist/es2019/utils/document.js

@@ -274,4 +274,5 @@ export function hasVisibleContent(node) {
     }
   }
   return false;
-}
+}
+export const isSelectionEndOfParagraph = state => state.selection.$to.parent.type === state.schema.nodes.paragraph && state.selection.$to.pos === state.doc.resolve(state.selection.$to.pos).end();

package/dist/es2019/utils/index.js

@@ -43,12 +43,14 @@ export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLink
 // prosemirror-history does not export its plugin key
 export const pmHistoryPluginKey = 'history$';
 export { gridTypeForLayout } from './grid';
-export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent } from './document';
+export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, isSelectionEndOfParagraph } from './document';
 export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, nonWrappedLayouts } from './rich-media-utils';
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode } from './commands';
 export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX } from './scroll-gutter';
+export { getTimeSince } from './performance/get-performance-timing';
+export { countNodes } from './count-nodes';
 export function shallowEqual(obj1 = {}, obj2 = {}) {
   const keys1 = Object.keys(obj1);
   const keys2 = Object.keys(obj2);

package/dist/es2019/utils/performance/get-performance-timing.js

@@ -0,0 +1,8 @@
+/**
+ * Calculate the difference between performance.now() and the given startTime.
+ * This allows for the timing to be overridable during tests.
+ *
+ * @param startTime DOMHighResTimeStamp
+ * @returns DOMHighResTimeStamp
+ */
+export const getTimeSince = startTime => performance.now() - startTime;

package/dist/esm/guideline/relativeGuideline.js

@@ -2,11 +2,10 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { roundToNearest } from '../media-single';
 import { getMediaSingleDimensions } from './utils';
 var RELATIVE_GUIDES_GAP = 6;
-var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, nodeWithPos, editorWidth, topOffset, size) {
   var node = nodeWithPos.node,
     pos = nodeWithPos.pos;
   var _view$dom$getBounding = view.dom.getBoundingClientRect(),
-    topOffSet = _view$dom$getBounding.top,
     viewHeight = _view$dom$getBounding.height;
   var _view$coordsAtPos = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos.top; // media node
@@ -14,7 +13,7 @@ var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, no
   var _ref = size || getMediaSingleDimensions(node, editorWidth) || {},
     width = _ref.width,
     height = _ref.height;
-  var y = top - topOffSet - RELATIVE_GUIDES_GAP;
+  var y = top - topOffset - RELATIVE_GUIDES_GAP;
   if (!width || !height || y < 0 || y > viewHeight) {
     return null;
   }
@@ -55,11 +54,10 @@ var getWidthRelativeGuideline = function getWidthRelativeGuideline(key, view, no
     }
   };
 };
-var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view, nodeWithPos, editorWidth, size) {
+var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view, nodeWithPos, editorWidth, topOffset, size) {
   var node = nodeWithPos.node,
     pos = nodeWithPos.pos;
   var _view$dom$getBounding2 = view.dom.getBoundingClientRect(),
-    topOffSet = _view$dom$getBounding2.top,
     viewHeight = _view$dom$getBounding2.height;
   var _view$coordsAtPos2 = view.coordsAtPos(pos + 1),
     top = _view$coordsAtPos2.top; // media node
@@ -70,7 +68,7 @@ var getHeightRelativeGuideline = function getHeightRelativeGuideline(key, view,
   if (!width || !height) {
     return null;
   }
-  var start = top - topOffSet;
+  var start = top - topOffset;
   var end = start + height;
   if (end < 0 || start > viewHeight) {
     return null;
@@ -120,14 +118,14 @@ export var getRelativeGuideSnaps = function getRelativeGuideSnaps(relativeGuides
   });
   return [].concat(_toConsumableArray(snapsWidthFromMatchingWidth), _toConsumableArray(snapsWidthFromMatchingHeight));
 };
-export var getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, size) {
+export var getRelativeGuidelines = function getRelativeGuidelines(relativeGuides, nodeWithPos, view, editorWidth, topOffset, size) {
   var matchWidth = relativeGuides.width ? relativeGuides.width[Math.round(size.width)] : [];
   var matchHeight = relativeGuides.height ? relativeGuides.height[Math.round(size.height)] : [];
   var matches = matchWidth || matchHeight;
   var getRelativeGuideline = matchWidth && getWidthRelativeGuideline || matchHeight && getHeightRelativeGuideline || null;
   if (matches && getRelativeGuideline) {
-    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, size)].concat(_toConsumableArray(matches.map(function (nodeWithPos, index) {
-      return getRelativeGuideline("relative_guide_".concat(index), view, nodeWithPos, editorWidth);
+    return [getRelativeGuideline('relative_guide_current', view, nodeWithPos, editorWidth, topOffset, size)].concat(_toConsumableArray(matches.map(function (nodeWithPos, index) {
+      return getRelativeGuideline("relative_guide_".concat(index), view, nodeWithPos, editorWidth, topOffset);
     }))).filter(function (config) {
       return !!config;
     });

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.50.4";
+var packageVersion = "74.51.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/shared/smartCard.js

@@ -1,10 +1,10 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import { css } from '@emotion/react';
-import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N0, N20, N40 } from '@atlaskit/theme/colors';
 import { SmartCardSharedCssClassName } from './smart-card';
 export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
 export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
-export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), ";\n      }\n      "), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";") : '', SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-100, ".concat(akEditorRuleBorderRadius, ")"), "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
+export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? '' : "\n      &:hover {\n        background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), ";\n      }\n      "), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), getBooleanFF('platform.linking-platform.smart-card.show-smart-links-refreshed-design') ? "border-radius: ".concat("var(--ds-border-radius-300, 12px)", ";") : '', SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-100, 3px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);

package/dist/esm/ui/DropList/index.js

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.50.4";
+var packageVersion = "74.51.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/utils/count-nodes.js

@@ -0,0 +1,31 @@
+export function countNodes(state) {
+  var _nodeTypes$extension, _nodeTypes$inlineExte, _nodeTypes$bodiedExte;
+  var nodeCount = {};
+  var extensionNodeCount = {};
+  var nodeTypes = state.schema.nodes;
+  var extensionNodeTypes = [(_nodeTypes$extension = nodeTypes.extension) === null || _nodeTypes$extension === void 0 ? void 0 : _nodeTypes$extension.name, (_nodeTypes$inlineExte = nodeTypes.inlineExtension) === null || _nodeTypes$inlineExte === void 0 ? void 0 : _nodeTypes$inlineExte.name, (_nodeTypes$bodiedExte = nodeTypes.bodiedExtension) === null || _nodeTypes$bodiedExte === void 0 ? void 0 : _nodeTypes$bodiedExte.name];
+  state.doc.descendants(function (node) {
+    var _node$attrs;
+    var nodeName = node.type.name;
+    if (nodeName in nodeCount) {
+      nodeCount[nodeName]++;
+    } else {
+      nodeCount[nodeName] = 1;
+    }
+    var extensionNodeName = nodeName;
+    if (extensionNodeTypes.includes(extensionNodeName) && (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.extensionType) {
+      var _node$attrs2;
+      extensionNodeName = "".concat(node.attrs.extensionType, " - ").concat((_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.extensionKey);
+      if (extensionNodeName in extensionNodeCount) {
+        extensionNodeCount[extensionNodeName]++;
+      } else {
+        extensionNodeCount[extensionNodeName] = 1;
+      }
+    }
+    return true;
+  });
+  return {
+    nodeCount: nodeCount,
+    extensionNodeCount: extensionNodeCount
+  };
+}

package/dist/esm/utils/document.js

@@ -267,4 +267,7 @@ export function hasVisibleContent(node) {
     }
   }
   return false;
-}
+}
+export var isSelectionEndOfParagraph = function isSelectionEndOfParagraph(state) {
+  return state.selection.$to.parent.type === state.schema.nodes.paragraph && state.selection.$to.pos === state.doc.resolve(state.selection.$to.pos).end();
+};

package/dist/esm/utils/index.js

@@ -43,12 +43,14 @@ export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLink
 // prosemirror-history does not export its plugin key
 export var pmHistoryPluginKey = 'history$';
 export { gridTypeForLayout } from './grid';
-export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent } from './document';
+export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, isSelectionEndOfParagraph } from './document';
 export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, nonWrappedLayouts } from './rich-media-utils';
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode } from './commands';
 export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX } from './scroll-gutter';
+export { getTimeSince } from './performance/get-performance-timing';
+export { countNodes } from './count-nodes';
 export function shallowEqual() {
   var obj1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var obj2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/dist/esm/utils/performance/get-performance-timing.js

@@ -0,0 +1,10 @@
+/**
+ * Calculate the difference between performance.now() and the given startTime.
+ * This allows for the timing to be overridable during tests.
+ *
+ * @param startTime DOMHighResTimeStamp
+ * @returns DOMHighResTimeStamp
+ */
+export var getTimeSince = function getTimeSince(startTime) {
+  return performance.now() - startTime;
+};

package/dist/types/guideline/index.d.ts

@@ -3,7 +3,7 @@ export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fi
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX, } from './constants';
-export type { WidthTypes, Position, GuidelineStyles, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, RelativeGuides, GuidelineSnap, GuidelineSnapsReference, GuidelineTypes, } from './types';
+export type { WidthTypes, Position, GuidelineStyles, GuidelineConfig, GuidelineContainerRect, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, RelativeGuides, GuidelineSnap, GuidelineSnapsReference, GuidelineTypes, } from './types';
 export { getGuidelineSnaps, findClosestSnap } from './snapping';
 export { isVerticalPosition, getMediaSingleDimensions, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey, } from './utils';
 export { getRelativeGuideSnaps, getRelativeGuidelines, } from './relativeGuideline';

package/dist/types/guideline/relativeGuideline.d.ts

@@ -2,7 +2,7 @@ import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { GuidelineConfig, RelativeGuides } from './types';
 export declare const getRelativeGuideSnaps: (relativeGuides: RelativeGuides, aspectRatio: number) => number[];
-export declare const getRelativeGuidelines: (relativeGuides: RelativeGuides, nodeWithPos: NodeWithPos, view: EditorView, editorWidth: number, size: {
+export declare const getRelativeGuidelines: (relativeGuides: RelativeGuides, nodeWithPos: NodeWithPos, view: EditorView, editorWidth: number, topOffset: number, size: {
     width: number;
     height: number;
 }) => GuidelineConfig[];

package/dist/types/guideline/types.d.ts

@@ -33,12 +33,17 @@ export type GuidelineConfig = {
     key: string;
     position: Position;
 } & GuidelineStyles;
+export type GuidelineContainerRect = {
+    top: number;
+    left: number;
+};
 export type GuidelinePluginState = {
     guidelines: GuidelineConfig[];
+    rect?: GuidelineContainerRect;
 };
 export interface GuidelinePluginOptions {
 }
-export type DisplayGrid = (props: Required<GuidelinePluginState>) => boolean;
+export type DisplayGrid = (props: GuidelinePluginState) => boolean;
 export type DisplayGuideline = (view: EditorView) => DisplayGrid;
 export type GuidelineSnap = {
     guidelineKey: string;

package/dist/types/utils/count-nodes.d.ts

@@ -0,0 +1,8 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+type NodeCount = Record<string, number>;
+type NodesCount = {
+    nodeCount: NodeCount;
+    extensionNodeCount: NodeCount;
+};
+export declare function countNodes(state: EditorState): NodesCount;
+export {};

package/dist/types/utils/document.d.ts

@@ -1,6 +1,7 @@
-import { Node, ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
+import type { ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
+import { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { DispatchAnalyticsEvent } from '../analytics';
+import type { DispatchAnalyticsEvent } from '../analytics';
 import type { ProviderFactory } from '../provider-factory';
 import type { ReplaceRawValue, Transformer } from '../types';
 type ChangedFn = (node: Node, pos: number, parent: Node | null, index: number) => boolean | void;
@@ -20,4 +21,5 @@ export declare function processRawValue(schema: Schema, value?: ReplaceRawValue,
  * Returns false if node contains only empty inline nodes and hardBreaks.
  */
 export declare function hasVisibleContent(node: Node): boolean;
+export declare const isSelectionEndOfParagraph: (state: EditorState) => boolean;
 export {};

package/dist/types/utils/index.d.ts

@@ -54,13 +54,15 @@ export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, is
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent, canLinkBeCreatedInRange, } from './hyperlink';
 export declare const pmHistoryPluginKey = "history$";
 export { gridTypeForLayout } from './grid';
-export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, } from './document';
+export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, isSelectionEndOfParagraph, } from './document';
 export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, nonWrappedLayouts, } from './rich-media-utils';
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode, } from './commands';
 export type { WalkNode } from './commands';
 export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX, } from './scroll-gutter';
+export { getTimeSince } from './performance/get-performance-timing';
+export { countNodes } from './count-nodes';
 export declare function shallowEqual(obj1?: any, obj2?: any): boolean;
 export { inputRuleWithAnalytics, createWrappingJoinRule, createRule, } from './input-rules';
 export declare function isSelectionInsideLastNodeInDocument(selection: Selection): boolean;

package/dist/types/utils/performance/get-performance-timing.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Calculate the difference between performance.now() and the given startTime.
+ * This allows for the timing to be overridable during tests.
+ *
+ * @param startTime DOMHighResTimeStamp
+ * @returns DOMHighResTimeStamp
+ */
+export declare const getTimeSince: (startTime: DOMHighResTimeStamp) => DOMHighResTimeStamp;

package/dist/types-ts4.5/guideline/index.d.ts

@@ -3,7 +3,7 @@ export { createFixedGuidelinesFromLengths, createGuidesFromLengths, } from './fi
 export { generateDefaultGuidelines } from './defaultGuideline';
 export { getGuidelinesWithHighlights } from './updateGuideline';
 export { MEDIA_DYNAMIC_GUIDELINE_PREFIX, INNER_GRID_GUIDELINE_PREFIX, } from './constants';
-export type { WidthTypes, Position, GuidelineStyles, GuidelineConfig, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, RelativeGuides, GuidelineSnap, GuidelineSnapsReference, GuidelineTypes, } from './types';
+export type { WidthTypes, Position, GuidelineStyles, GuidelineConfig, GuidelineContainerRect, GuidelinePluginState, GuidelinePluginOptions, DisplayGuideline, DisplayGrid, VerticalPosition, HorizontalPosition, RelativeGuides, GuidelineSnap, GuidelineSnapsReference, GuidelineTypes, } from './types';
 export { getGuidelineSnaps, findClosestSnap } from './snapping';
 export { isVerticalPosition, getMediaSingleDimensions, getContainerWidthOrFullEditorWidth, getGuidelineTypeFromKey, } from './utils';
 export { getRelativeGuideSnaps, getRelativeGuidelines, } from './relativeGuideline';

package/dist/types-ts4.5/guideline/relativeGuideline.d.ts

@@ -2,7 +2,7 @@ import type { NodeWithPos } from '@atlaskit/editor-prosemirror/utils';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { GuidelineConfig, RelativeGuides } from './types';
 export declare const getRelativeGuideSnaps: (relativeGuides: RelativeGuides, aspectRatio: number) => number[];
-export declare const getRelativeGuidelines: (relativeGuides: RelativeGuides, nodeWithPos: NodeWithPos, view: EditorView, editorWidth: number, size: {
+export declare const getRelativeGuidelines: (relativeGuides: RelativeGuides, nodeWithPos: NodeWithPos, view: EditorView, editorWidth: number, topOffset: number, size: {
     width: number;
     height: number;
 }) => GuidelineConfig[];

package/dist/types-ts4.5/guideline/types.d.ts

@@ -33,12 +33,17 @@ export type GuidelineConfig = {
     key: string;
     position: Position;
 } & GuidelineStyles;
+export type GuidelineContainerRect = {
+    top: number;
+    left: number;
+};
 export type GuidelinePluginState = {
     guidelines: GuidelineConfig[];
+    rect?: GuidelineContainerRect;
 };
 export interface GuidelinePluginOptions {
 }
-export type DisplayGrid = (props: Required<GuidelinePluginState>) => boolean;
+export type DisplayGrid = (props: GuidelinePluginState) => boolean;
 export type DisplayGuideline = (view: EditorView) => DisplayGrid;
 export type GuidelineSnap = {
     guidelineKey: string;

package/dist/types-ts4.5/utils/count-nodes.d.ts

@@ -0,0 +1,8 @@
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+type NodeCount = Record<string, number>;
+type NodesCount = {
+    nodeCount: NodeCount;
+    extensionNodeCount: NodeCount;
+};
+export declare function countNodes(state: EditorState): NodesCount;
+export {};

package/dist/types-ts4.5/utils/document.d.ts

@@ -1,6 +1,7 @@
-import { Node, ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
+import type { ResolvedPos, Schema } from '@atlaskit/editor-prosemirror/model';
+import { Node } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
-import { DispatchAnalyticsEvent } from '../analytics';
+import type { DispatchAnalyticsEvent } from '../analytics';
 import type { ProviderFactory } from '../provider-factory';
 import type { ReplaceRawValue, Transformer } from '../types';
 type ChangedFn = (node: Node, pos: number, parent: Node | null, index: number) => boolean | void;
@@ -20,4 +21,5 @@ export declare function processRawValue(schema: Schema, value?: ReplaceRawValue,
  * Returns false if node contains only empty inline nodes and hardBreaks.
  */
 export declare function hasVisibleContent(node: Node): boolean;
+export declare const isSelectionEndOfParagraph: (state: EditorState) => boolean;
 export {};

package/dist/types-ts4.5/utils/index.d.ts

@@ -54,13 +54,15 @@ export { getItemCounterDigitsSize, getOrderFromOrderedListNode, resolveOrder, is
 export { isFromCurrentDomain, LinkMatcher, normalizeUrl, linkifyContent, getLinkDomain, findFilepaths, isLinkInMatches, FILEPATH_REGEXP, DONTLINKIFY_REGEXP, getLinkCreationAnalyticsEvent, canLinkBeCreatedInRange, } from './hyperlink';
 export declare const pmHistoryPluginKey = "history$";
 export { gridTypeForLayout } from './grid';
-export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, } from './document';
+export { nodesBetweenChanged, getStepRange, isEmptyDocument, processRawValue, hasDocAsParent, bracketTyped, hasVisibleContent, isSelectionEndOfParagraph, } from './document';
 export { floatingLayouts, isRichMediaInsideOfBlockNode, calculateSnapPoints, alignAttributes, nonWrappedLayouts, } from './rich-media-utils';
 export { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 export { canRenderDatasource } from './datasource';
 export { filterCommand, isEmptySelectionAtStart, isEmptySelectionAtEnd, insertContentDeleteRange, deleteEmptyParagraphAndMoveBlockUp, insertNewLineWithAnalytics, createNewParagraphAbove, createNewParagraphBelow, createParagraphNear, walkNextNode, walkPrevNode, } from './commands';
 export type { WalkNode } from './commands';
 export { GUTTER_SELECTOR, GUTTER_SIZE_IN_PX, GUTTER_SIZE_MOBILE_IN_PX, } from './scroll-gutter';
+export { getTimeSince } from './performance/get-performance-timing';
+export { countNodes } from './count-nodes';
 export declare function shallowEqual(obj1?: any, obj2?: any): boolean;
 export { inputRuleWithAnalytics, createWrappingJoinRule, createRule, } from './input-rules';
 export declare function isSelectionInsideLastNodeInDocument(selection: Selection): boolean;

package/dist/types-ts4.5/utils/performance/get-performance-timing.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Calculate the difference between performance.now() and the given startTime.
+ * This allows for the timing to be overridable during tests.
+ *
+ * @param startTime DOMHighResTimeStamp
+ * @returns DOMHighResTimeStamp
+ */
+export declare const getTimeSince: (startTime: DOMHighResTimeStamp) => DOMHighResTimeStamp;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "74.50.4",
+  "version": "74.51.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -108,7 +108,7 @@
     "@atlaskit/menu": "^1.9.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/profilecard": "^19.5.0",
-    "@atlaskit/smart-user-picker": "^6.1.0",
+    "@atlaskit/smart-user-picker": "^6.2.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/task-decision": "^17.7.0",
     "@atlaskit/theme": "^12.5.0",