@atlaskit/editor-common 92.0.0 → 92.1.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @atlaskit/editor-common
 
+## 92.1.0
+
+### Minor Changes
+
+- [#146891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146891)
+  [`de72f151473eb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/de72f151473eb) -
+  [ED-25167] Allow ButtonComponent to accept `rel` prop
+
+### Patch Changes
+
+- [#147547](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147547)
+  [`46defc30fb9dd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/46defc30fb9dd) -
+  Cleanup of a FF for comments on media bug fix
+- [#147569](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147569)
+  [`0ded515d78e6c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ded515d78e6c) -
+  ED-25140 Use idle callback when available
+- [#146891](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/146891)
+  [`17f2c59f06b04`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/17f2c59f06b04) -
+  Migrate smart links in live pages feature flag to Statsig
+- [`9499e2f456edb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9499e2f456edb) -
+  [ED-24689] clean up `confluence.frontend.fabric.editor.comments-on-media-bug-fix`
+- Updated dependencies
+
+## 92.0.1
+
+### Patch Changes
+
+- [#147528](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147528)
+  [`76697633ae0d5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/76697633ae0d5) -
+  ED-25126 adding analytic events for requestToEdit and dismiss functionality
+
 ## 92.0.0
 
 ### Major Changes

package/dist/cjs/analytics/types/enums.js

@@ -88,6 +88,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["REPLACED_ALL"] = "replacedAll";
   ACTION["REPLACED_ONE"] = "replacedOne";
   ACTION["RESOLVED"] = "resolved";
+  ACTION["REQUEST_TO_EDIT"] = "requestToEdit";
   ACTION["SELECTED"] = "selected";
   ACTION["SHOWN"] = "shown";
   ACTION["SLOW_INPUT"] = "slowInput";
@@ -229,6 +230,7 @@ var ACTION_SUBJECT = exports.ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJ
   ACTION_SUBJECT["PICKER"] = "picker";
   ACTION_SUBJECT["PLUS_MENU"] = "plusMenu";
   ACTION_SUBJECT["PLUGIN_SLOT"] = "pluginSlot";
+  ACTION_SUBJECT["REQUEST_TO_EDIT_POP_UP"] = "requestToEditPopUp";
   ACTION_SUBJECT["REACT_NODE_VIEW"] = "reactNodeView";
   ACTION_SUBJECT["SELECTION"] = "selection";
   ACTION_SUBJECT["SMART_LINK"] = "smartLink";

package/dist/cjs/lazy-node-view/index.js

@@ -15,6 +15,7 @@ exports.testOnlyIgnoreLazyNodeView = testOnlyIgnoreLazyNodeView;
 exports.withLazyLoading = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _lazyScheduler = require("./lazy-scheduler");
 var _nodeView = require("./node-view");
 var _cssHelper = require("./css-helper");
 /**
@@ -116,6 +117,7 @@ function testOnlyIgnoreLazyNodeView(view) {
  *
  * // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
  */
+
 var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
   var nodeName = _ref.nodeName,
     loader = _ref.loader,
@@ -152,13 +154,13 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
        */
       var _ref2 = debounceToEditorViewMap.get(view) || [null, new Set()],
         _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-        raf = _ref3[0],
+        callbackId = _ref3[0],
         nodeTypes = _ref3[1];
-      if (raf) {
-        cancelAnimationFrame(raf);
+      if (callbackId) {
+        (0, _lazyScheduler.cancelCallback)(callbackId);
       }
       nodeTypes.add(node.type.name);
-      var nextRaf = requestAnimationFrame(function () {
+      var nextCallbackId = (0, _lazyScheduler.scheduleCallback)(function () {
         debounceToEditorViewMap.set(view, [null, new Set()]);
         var tr = view.state.tr;
         tr.setMeta(lazyNodeViewDecorationPluginKey, {
@@ -167,7 +169,7 @@ var withLazyLoading = exports.withLazyLoading = function withLazyLoading(_ref) {
         });
         view.dispatch(tr);
       });
-      debounceToEditorViewMap.set(view, [nextRaf, nodeTypes]);
+      debounceToEditorViewMap.set(view, [nextCallbackId, nodeTypes]);
       /**
        * END triggering LazyNodeViewDecoration plugin
        */

package/dist/cjs/lazy-node-view/lazy-scheduler.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scheduleCallback = exports.cancelCallback = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var hasIdleCallback = 'requestIdleCallback' in window;
+var scheduleCallback = exports.scheduleCallback = function scheduleCallback(cb, options) {
+  return hasIdleCallback ? requestIdleCallback(cb, _objectSpread({
+    timeout: 5000
+  }, options)) : requestAnimationFrame(cb);
+};
+var cancelCallback = exports.cancelCallback = function cancelCallback(id) {
+  return hasIdleCallback ? cancelIdleCallback(id) : cancelAnimationFrame(id);
+};

package/dist/cjs/media-single/CommentBadge.js

@@ -31,10 +31,10 @@ var commentBadgeWrapper = (0, _react2.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: _editorSharedStyles.akEditorUnitZIndex * 10
 });
-var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight) {
+var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(badgeOffsetRight) {
   return (0, _react2.css)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    right: commentsOnMediaBugFixEnabled ? badgeOffsetRight : '14px',
+    right: badgeOffsetRight,
     zIndex: _constants.layers.card()
   });
 };
@@ -52,8 +52,7 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    badgeOffsetRight = _ref.badgeOffsetRight,
-    commentsOnMediaBugFixEnabled = _ref.commentsOnMediaBugFixEnabled;
+    badgeOffsetRight = _ref.badgeOffsetRight;
   var _useState = (0, _react.useState)(getBadgeSize(width, height)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     badgeSize = _useState2[0],
@@ -90,7 +89,7 @@ var CommentBadge = exports.CommentBadge = /*#__PURE__*/(0, _react.forwardRef)(fu
     ref: ref,
     css: badgeOffsetRight ? [commentBadgeWrapper,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
+    commentBadgeEditorOverrides(badgeOffsetRight)] : commentBadgeWrapper
     // This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
     // can target the correct div
     ,

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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 = "92.0.0";
+var packageVersion = "92.1.0";
 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

@@ -19,9 +19,9 @@ var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = exports.FLOATING_TOOLBAR_LINKPICKER_
 var smartCardStyles = exports.smartCardStyles = function smartCardStyles() {
   return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: ", ";\n\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), _smartCard.SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, ".concat(_colors.Y75, ")"), ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, ".concat(_colors.Y300, ")"), ";\n          box-shadow: ", "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(_colors.N60A, ", -1px 2px 3px ").concat(_colors.N60A), ")"), ";\n        }") : '', "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,
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-  (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') ? 'text' : 'pointer',
+  (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'text' : 'pointer',
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-  (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto', _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _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-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
+  (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', _editorSharedStyles.akEditorSelectedNodeClassName, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", _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-200, 8px)", "var(--ds-border, ".concat(_colors.N40, ")"), _editorSharedStyles.akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.BoxShadow]), (0, _platformFeatureFlags.fg)('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(_editorSharedStyles.akEditorDeleteBorder, ")"), _smartCard.SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, _smartCard.SmartCardSharedCssClassName.LOADER_WRAPPER,
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-  (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto', _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);
+  (0, _platformFeatureFlags.fg)('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', _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);
 };

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

@@ -25,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "92.0.0";
+var packageVersion = "92.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-menu/ToolbarButton/index.js

@@ -48,6 +48,7 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     _props$titlePosition = props.titlePosition,
     titlePosition = _props$titlePosition === void 0 ? 'top' : _props$titlePosition,
     item = props.item,
+    rel = props.rel,
     ariaLabel = props['aria-label'],
     ariaHasPopup = props['aria-haspopup'],
     ariaExpanded = props['aria-expanded'],
@@ -110,7 +111,8 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onBlur: onBlur,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    "data-ds--level": dataDsLevel
+    "data-ds--level": dataDsLevel,
+    rel: rel
   }, children);
   if (!title) {
     return button;

package/dist/es2019/analytics/types/enums.js

@@ -82,6 +82,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["REPLACED_ALL"] = "replacedAll";
   ACTION["REPLACED_ONE"] = "replacedOne";
   ACTION["RESOLVED"] = "resolved";
+  ACTION["REQUEST_TO_EDIT"] = "requestToEdit";
   ACTION["SELECTED"] = "selected";
   ACTION["SHOWN"] = "shown";
   ACTION["SLOW_INPUT"] = "slowInput";
@@ -223,6 +224,7 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["PICKER"] = "picker";
   ACTION_SUBJECT["PLUS_MENU"] = "plusMenu";
   ACTION_SUBJECT["PLUGIN_SLOT"] = "pluginSlot";
+  ACTION_SUBJECT["REQUEST_TO_EDIT_POP_UP"] = "requestToEditPopUp";
   ACTION_SUBJECT["REACT_NODE_VIEW"] = "reactNodeView";
   ACTION_SUBJECT["SELECTION"] = "selection";
   ACTION_SUBJECT["SMART_LINK"] = "smartLink";

package/dist/es2019/lazy-node-view/index.js

@@ -1,4 +1,5 @@
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { cancelCallback, scheduleCallback } from './lazy-scheduler';
 import { LazyNodeView } from './node-view';
 export { convertToInlineCss } from './css-helper';
 /**
@@ -100,6 +101,7 @@ export function testOnlyIgnoreLazyNodeView(view) {
  *
  * // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
  */
+
 export const withLazyLoading = ({
   nodeName,
   loader,
@@ -135,12 +137,12 @@ export const withLazyLoading = ({
        * Triggering lazyNodeViewDecoration plugin to apply decorations
        * to nodes with newly loaded NodeViews.
        */
-      const [raf, nodeTypes] = debounceToEditorViewMap.get(view) || [null, new Set()];
-      if (raf) {
-        cancelAnimationFrame(raf);
+      const [callbackId, nodeTypes] = debounceToEditorViewMap.get(view) || [null, new Set()];
+      if (callbackId) {
+        cancelCallback(callbackId);
       }
       nodeTypes.add(node.type.name);
-      const nextRaf = requestAnimationFrame(() => {
+      const nextCallbackId = scheduleCallback(() => {
         debounceToEditorViewMap.set(view, [null, new Set()]);
         const tr = view.state.tr;
         tr.setMeta(lazyNodeViewDecorationPluginKey, {
@@ -149,7 +151,7 @@ export const withLazyLoading = ({
         });
         view.dispatch(tr);
       });
-      debounceToEditorViewMap.set(view, [nextRaf, nodeTypes]);
+      debounceToEditorViewMap.set(view, [nextCallbackId, nodeTypes]);
       /**
        * END triggering LazyNodeViewDecoration plugin
        */

package/dist/es2019/lazy-node-view/lazy-scheduler.js

@@ -0,0 +1,10 @@
+const hasIdleCallback = 'requestIdleCallback' in window;
+export const scheduleCallback = (cb, options) => {
+  return hasIdleCallback ? requestIdleCallback(cb, {
+    timeout: 5000,
+    ...options
+  }) : requestAnimationFrame(cb);
+};
+export const cancelCallback = id => {
+  return hasIdleCallback ? cancelIdleCallback(id) : cancelAnimationFrame(id);
+};

package/dist/es2019/media-single/CommentBadge.js

@@ -22,9 +22,9 @@ const commentBadgeWrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: akEditorUnitZIndex * 10
 });
-const commentBadgeEditorOverrides = (commentsOnMediaBugFixEnabled, badgeOffsetRight) => css({
+const commentBadgeEditorOverrides = badgeOffsetRight => css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  right: commentsOnMediaBugFixEnabled ? badgeOffsetRight : '14px',
+  right: badgeOffsetRight,
   zIndex: layers.card()
 });
 export const getBadgeSize = (width, height) => {
@@ -40,8 +40,7 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
   onClick,
   onMouseEnter,
   onMouseLeave,
-  badgeOffsetRight,
-  commentsOnMediaBugFixEnabled
+  badgeOffsetRight
 }, ref) => {
   const [badgeSize, setBadgeSize] = useState(getBadgeSize(width, height));
   const title = intl.formatMessage(messages.viewCommentsOnMedia);
@@ -76,7 +75,7 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
     ref: ref,
     css: badgeOffsetRight ? [commentBadgeWrapper,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
+    commentBadgeEditorOverrides(badgeOffsetRight)] : commentBadgeWrapper
     // This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
     // can target the correct div
     ,

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "92.0.0";
+const packageVersion = "92.1.0";
 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

@@ -55,12 +55,12 @@ export const smartCardStyles = () => css`
 		.${SmartCardSharedCssClassName.LOADER_WRAPPER} > div {
 			cursor: ${
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-fg('platform.linking-platform.smart-links-in-live-pages') ? 'text' : 'pointer'};
+fg('linking_platform_smart_links_in_live_pages') ? 'text' : 'pointer'};
 
 			a {
 				cursor: ${
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-fg('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto'};
+fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto'};
 			}
 		}
 
@@ -116,7 +116,7 @@ fg('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto'};
 			a {
 				cursor: ${
 // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-fg('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto'};
+fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto'};
 			}
 			&::after {
 				transition: box-shadow 0s;

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "92.0.0";
+const packageVersion = "92.1.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui-menu/ToolbarButton/index.js

@@ -37,6 +37,7 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     keymap,
     titlePosition = 'top',
     item,
+    rel,
     'aria-label': ariaLabel,
     'aria-haspopup': ariaHasPopup,
     'aria-expanded': ariaExpanded,
@@ -99,7 +100,8 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     onBlur: onBlur,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    "data-ds--level": dataDsLevel
+    "data-ds--level": dataDsLevel,
+    rel: rel
   }, children);
   if (!title) {
     return button;

package/dist/esm/analytics/types/enums.js

@@ -82,6 +82,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["REPLACED_ALL"] = "replacedAll";
   ACTION["REPLACED_ONE"] = "replacedOne";
   ACTION["RESOLVED"] = "resolved";
+  ACTION["REQUEST_TO_EDIT"] = "requestToEdit";
   ACTION["SELECTED"] = "selected";
   ACTION["SHOWN"] = "shown";
   ACTION["SLOW_INPUT"] = "slowInput";
@@ -223,6 +224,7 @@ export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["PICKER"] = "picker";
   ACTION_SUBJECT["PLUS_MENU"] = "plusMenu";
   ACTION_SUBJECT["PLUGIN_SLOT"] = "pluginSlot";
+  ACTION_SUBJECT["REQUEST_TO_EDIT_POP_UP"] = "requestToEditPopUp";
   ACTION_SUBJECT["REACT_NODE_VIEW"] = "reactNodeView";
   ACTION_SUBJECT["SELECTION"] = "selection";
   ACTION_SUBJECT["SMART_LINK"] = "smartLink";

package/dist/esm/lazy-node-view/index.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import { cancelCallback, scheduleCallback } from './lazy-scheduler';
 import { LazyNodeView } from './node-view';
 export { convertToInlineCss } from './css-helper';
 /**
@@ -101,6 +102,7 @@ export function testOnlyIgnoreLazyNodeView(view) {
  *
  * // Then, use `lazyTableView` in ProseMirror editor setup to enhance 'table' nodes with lazy loading
  */
+
 export var withLazyLoading = function withLazyLoading(_ref) {
   var nodeName = _ref.nodeName,
     loader = _ref.loader,
@@ -137,13 +139,13 @@ export var withLazyLoading = function withLazyLoading(_ref) {
        */
       var _ref2 = debounceToEditorViewMap.get(view) || [null, new Set()],
         _ref3 = _slicedToArray(_ref2, 2),
-        raf = _ref3[0],
+        callbackId = _ref3[0],
         nodeTypes = _ref3[1];
-      if (raf) {
-        cancelAnimationFrame(raf);
+      if (callbackId) {
+        cancelCallback(callbackId);
       }
       nodeTypes.add(node.type.name);
-      var nextRaf = requestAnimationFrame(function () {
+      var nextCallbackId = scheduleCallback(function () {
         debounceToEditorViewMap.set(view, [null, new Set()]);
         var tr = view.state.tr;
         tr.setMeta(lazyNodeViewDecorationPluginKey, {
@@ -152,7 +154,7 @@ export var withLazyLoading = function withLazyLoading(_ref) {
         });
         view.dispatch(tr);
       });
-      debounceToEditorViewMap.set(view, [nextRaf, nodeTypes]);
+      debounceToEditorViewMap.set(view, [nextCallbackId, nodeTypes]);
       /**
        * END triggering LazyNodeViewDecoration plugin
        */

package/dist/esm/lazy-node-view/lazy-scheduler.js

@@ -0,0 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var hasIdleCallback = 'requestIdleCallback' in window;
+export var scheduleCallback = function scheduleCallback(cb, options) {
+  return hasIdleCallback ? requestIdleCallback(cb, _objectSpread({
+    timeout: 5000
+  }, options)) : requestAnimationFrame(cb);
+};
+export var cancelCallback = function cancelCallback(id) {
+  return hasIdleCallback ? cancelIdleCallback(id) : cancelAnimationFrame(id);
+};

package/dist/esm/media-single/CommentBadge.js

@@ -23,10 +23,10 @@ var commentBadgeWrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   zIndex: akEditorUnitZIndex * 10
 });
-var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight) {
+var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(badgeOffsetRight) {
   return css({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    right: commentsOnMediaBugFixEnabled ? badgeOffsetRight : '14px',
+    right: badgeOffsetRight,
     zIndex: layers.card()
   });
 };
@@ -44,8 +44,7 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClick = _ref.onClick,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
-    badgeOffsetRight = _ref.badgeOffsetRight,
-    commentsOnMediaBugFixEnabled = _ref.commentsOnMediaBugFixEnabled;
+    badgeOffsetRight = _ref.badgeOffsetRight;
   var _useState = useState(getBadgeSize(width, height)),
     _useState2 = _slicedToArray(_useState, 2),
     badgeSize = _useState2[0],
@@ -82,7 +81,7 @@ export var CommentBadge = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     css: badgeOffsetRight ? [commentBadgeWrapper,
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
+    commentBadgeEditorOverrides(badgeOffsetRight)] : commentBadgeWrapper
     // This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
     // can target the correct div
     ,

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "92.0.0";
+var packageVersion = "92.1.0";
 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

@@ -14,9 +14,9 @@ export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-
 export var smartCardStyles = function smartCardStyles() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: ", ";\n\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\ta {\n\t\t\t\tcursor: ", ";\n\t\t\t}\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, fg('editor_inline_comments_on_inline_nodes') ? ".card-with-comment {\n          background: ".concat("var(--ds-background-accent-yellow-subtler, ".concat(Y75, ")"), ";\n          border-bottom: 2px solid ", "var(--ds-border-accent-yellow, ".concat(Y300, ")"), ";\n          box-shadow: ", "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")"), ";\n        }") : '', "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,
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-  fg('platform.linking-platform.smart-links-in-live-pages') ? 'text' : 'pointer',
+  fg('linking_platform_smart_links_in_live_pages') ? 'text' : 'pointer',
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-  fg('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto', akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", 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-200, 8px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), fg('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER,
+  fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", 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-200, 8px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), fg('platform-datasources-enable-two-way-sync') ? "\n\t\t\t\t\tinput::selection {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t\tinput::-moz-selection {\n\t\t\t\t\t\tbackground-color: ", "var(--ds-background-selected-hovered, #CCE0FF)", ";\n\t\t\t\t\t}\n\t\t\t\t") : '', DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER,
   // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-registration
-  fg('platform.linking-platform.smart-links-in-live-pages') ? 'pointer' : 'auto', 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);
+  fg('linking_platform_smart_links_in_live_pages') ? 'pointer' : 'auto', 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

@@ -22,7 +22,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "92.0.0";
+var packageVersion = "92.1.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui-menu/ToolbarButton/index.js

@@ -41,6 +41,7 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$titlePosition = props.titlePosition,
     titlePosition = _props$titlePosition === void 0 ? 'top' : _props$titlePosition,
     item = props.item,
+    rel = props.rel,
     ariaLabel = props['aria-label'],
     ariaHasPopup = props['aria-haspopup'],
     ariaExpanded = props['aria-expanded'],
@@ -103,7 +104,8 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onBlur: onBlur,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
-    "data-ds--level": dataDsLevel
+    "data-ds--level": dataDsLevel,
+    rel: rel
   }, children);
   if (!title) {
     return button;

package/dist/types/analytics/types/enums.d.ts

@@ -86,6 +86,7 @@ export declare enum ACTION {
     REPLACED_ALL = "replacedAll",
     REPLACED_ONE = "replacedOne",
     RESOLVED = "resolved",
+    REQUEST_TO_EDIT = "requestToEdit",
     SELECTED = "selected",
     SHOWN = "shown",
     SLOW_INPUT = "slowInput",
@@ -226,6 +227,7 @@ export declare enum ACTION_SUBJECT {
     PICKER = "picker",
     PLUS_MENU = "plusMenu",
     PLUGIN_SLOT = "pluginSlot",
+    REQUEST_TO_EDIT_POP_UP = "requestToEditPopUp",
     REACT_NODE_VIEW = "reactNodeView",
     SELECTION = "selection",
     SMART_LINK = "smartLink",

package/dist/types/analytics/types/general-events.d.ts

@@ -191,5 +191,9 @@ type CodeBlockWordWrapToggleAEP = TrackAEP<ACTION.TOGGLE_CODE_BLOCK_WRAP, ACTION
     wordWrapEnabled: boolean;
     codeBlockNodeSize: number;
 }, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP;
+export type RequestToEditAEP = UIAEP<ACTION.REQUEST_TO_EDIT | ACTION.DISMISSED, ACTION_SUBJECT.REQUEST_TO_EDIT_POP_UP, undefined, {
+    platform: PLATFORMS;
+    mode: MODE;
+}, undefined>;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP;
 export {};

package/dist/types/lazy-node-view/lazy-scheduler.d.ts

@@ -0,0 +1,2 @@
+export declare const scheduleCallback: (cb: () => unknown, options?: IdleRequestOptions) => number;
+export declare const cancelCallback: (id: number) => void;

package/dist/types/media-single/CommentBadge.d.ts

@@ -13,6 +13,5 @@ export type CommentBadgeProps = {
     isEditor?: boolean;
     isDrafting?: boolean;
     badgeOffsetRight?: string;
-    commentsOnMediaBugFixEnabled?: boolean;
 };
 export declare const CommentBadge: import("react").ForwardRefExoticComponent<CommentBadgeProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -138,7 +138,6 @@ interface AnnotationTypeProvider<Type> {
     updateSubscriber?: AnnotationUpdateEmitter;
     allowDraftMode?: boolean;
     allowCommentsOnMedia?: boolean;
-    isCommentsOnMediaBugFixEnabled?: boolean;
 }
 export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
     selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;

package/dist/types/types/feature-flags.d.ts

@@ -277,14 +277,6 @@ export type FeatureFlags = {
      * @default false
      */
     macroInteractionButtonUpdates?: boolean;
-    /**
-     * @description
-     * Enables bug fix on media comments
-     *
-    //  * @see https://product-fabric.atlassian.net/browse/ED-23093
-     * @default false
-     */
-    commentsOnMediaBugFix?: boolean;
     /**
      * @description
      * Enables extra analytics to be added for comments on media

package/dist/types/ui-menu/ToolbarButton/index.d.ts

@@ -34,7 +34,7 @@ export type Props = {
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
     'data-ds--level'?: string;
-} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls'>;
+} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls' | 'rel'>;
 export type ToolbarButtonRef = HTMLElement;
 declare const ToolbarButton: React.ForwardRefExoticComponent<{
     buttonId?: TOOLBAR_ACTION_SUBJECT_ID | undefined;
@@ -61,5 +61,5 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
     'data-ds--level'?: string | undefined;
-} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLElement>>;
+} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave" | "rel"> & React.RefAttributes<HTMLElement>>;
 export default ToolbarButton;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -86,6 +86,7 @@ export declare enum ACTION {
     REPLACED_ALL = "replacedAll",
     REPLACED_ONE = "replacedOne",
     RESOLVED = "resolved",
+    REQUEST_TO_EDIT = "requestToEdit",
     SELECTED = "selected",
     SHOWN = "shown",
     SLOW_INPUT = "slowInput",
@@ -226,6 +227,7 @@ export declare enum ACTION_SUBJECT {
     PICKER = "picker",
     PLUS_MENU = "plusMenu",
     PLUGIN_SLOT = "pluginSlot",
+    REQUEST_TO_EDIT_POP_UP = "requestToEditPopUp",
     REACT_NODE_VIEW = "reactNodeView",
     SELECTION = "selection",
     SMART_LINK = "smartLink",

package/dist/types-ts4.5/analytics/types/general-events.d.ts

@@ -191,5 +191,9 @@ type CodeBlockWordWrapToggleAEP = TrackAEP<ACTION.TOGGLE_CODE_BLOCK_WRAP, ACTION
     wordWrapEnabled: boolean;
     codeBlockNodeSize: number;
 }, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP;
+export type RequestToEditAEP = UIAEP<ACTION.REQUEST_TO_EDIT | ACTION.DISMISSED, ACTION_SUBJECT.REQUEST_TO_EDIT_POP_UP, undefined, {
+    platform: PLATFORMS;
+    mode: MODE;
+}, undefined>;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ButtonUploadMediaAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | PickerMediaInsertAEP | PickerMediaInsertClosedAEP | PickerMediaInsertCancelledAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP | CodeBlockWordWrapToggleAEP | RequestToEditAEP;
 export {};

package/dist/types-ts4.5/lazy-node-view/lazy-scheduler.d.ts

@@ -0,0 +1,2 @@
+export declare const scheduleCallback: (cb: () => unknown, options?: IdleRequestOptions) => number;
+export declare const cancelCallback: (id: number) => void;

package/dist/types-ts4.5/media-single/CommentBadge.d.ts

@@ -13,6 +13,5 @@ export type CommentBadgeProps = {
     isEditor?: boolean;
     isDrafting?: boolean;
     badgeOffsetRight?: string;
-    commentsOnMediaBugFixEnabled?: boolean;
 };
 export declare const CommentBadge: import("react").ForwardRefExoticComponent<CommentBadgeProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -138,7 +138,6 @@ interface AnnotationTypeProvider<Type> {
     updateSubscriber?: AnnotationUpdateEmitter;
     allowDraftMode?: boolean;
     allowCommentsOnMedia?: boolean;
-    isCommentsOnMediaBugFixEnabled?: boolean;
 }
 export type InlineCommentAnnotationProvider = AnnotationTypeProvider<AnnotationTypes.INLINE_COMMENT> & {
     selectionComponent?: React.ComponentType<React.PropsWithChildren<InlineCommentSelectionComponentProps>>;

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -277,14 +277,6 @@ export type FeatureFlags = {
      * @default false
      */
     macroInteractionButtonUpdates?: boolean;
-    /**
-     * @description
-     * Enables bug fix on media comments
-     *
-    //  * @see https://product-fabric.atlassian.net/browse/ED-23093
-     * @default false
-     */
-    commentsOnMediaBugFix?: boolean;
     /**
      * @description
      * Enables extra analytics to be added for comments on media

package/dist/types-ts4.5/ui-menu/ToolbarButton/index.d.ts

@@ -34,7 +34,7 @@ export type Props = {
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
     'data-ds--level'?: string;
-} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls'>;
+} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls' | 'rel'>;
 export type ToolbarButtonRef = HTMLElement;
 declare const ToolbarButton: React.ForwardRefExoticComponent<{
     buttonId?: TOOLBAR_ACTION_SUBJECT_ID | undefined;
@@ -61,5 +61,5 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
     'data-ds--level'?: string | undefined;
-} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLElement>>;
+} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave" | "rel"> & React.RefAttributes<HTMLElement>>;
 export default ToolbarButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "92.0.0",
+	"version": "92.1.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -125,9 +125,9 @@
 		"@atlaskit/editor-shared-styles": "^3.0.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/emoji": "^67.8.0",
-		"@atlaskit/icon": "^22.19.0",
+		"@atlaskit/icon": "^22.20.0",
 		"@atlaskit/icon-object": "^6.5.0",
-		"@atlaskit/link-datasource": "^3.1.0",
+		"@atlaskit/link-datasource": "^3.2.0",
 		"@atlaskit/link-picker": "^1.46.0",
 		"@atlaskit/media-card": "^78.5.0",
 		"@atlaskit/media-client": "^28.0.0",
@@ -141,7 +141,7 @@
 		"@atlaskit/menu": "^2.12.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^12.2.0",
-		"@atlaskit/profilecard": "^20.3.0",
+		"@atlaskit/profilecard": "^20.4.0",
 		"@atlaskit/section-message": "^6.6.0",
 		"@atlaskit/smart-card": "^29.0.0",
 		"@atlaskit/smart-user-picker": "^6.10.0",