@atlaskit/editor-core 194.0.0 → 194.0.4

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-core
 
+## 194.0.4
+
+### Patch Changes
+
+- [#117148](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117148)
+  [`e90581362187a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e90581362187a) -
+  remove overflow hidden from expand node
+
+## 194.0.1
+
+### Patch Changes
+
+- [#117063](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117063)
+  [`dbb832d0b1929`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/dbb832d0b1929) -
+  clean up FF platform.editor.media.alluploadsfinished-dispatch-update_ivtow
+
 ## 194.0.0
 
 ### Major Changes

package/dist/cjs/ui/Appearance/Comment/Comment.js

@@ -7,13 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CommentEditorWithIntl = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -39,8 +32,10 @@ var _WithFlash = _interopRequireDefault(require("../../WithFlash"));
 var _Toolbar2 = require("./Toolbar");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 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 && Object.prototype.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; }
-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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/** @jsx jsx */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
 var CommentEditorMargin = 14;
 var commentEditorStyles = (0, _react2.css)({
   display: 'flex',
@@ -62,7 +57,7 @@ var commentEditorStyles = (0, _react2.css)({
 var ContentArea = (0, _ContentStyles.createEditorContentStyle)((0, _react2.css)({
   flexGrow: 1,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  overflowX: (0, _platformFeatureFlags.getBooleanFF)('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
+  overflowX: (0, _platformFeatureFlags.fg)('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
   lineHeight: '24px',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ProseMirror': {
@@ -88,204 +83,12 @@ var secondaryToolbarStyles = (0, _react2.css)({
   padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-025, 2px)")
 });
 var appearance = 'comment';
-var Editor = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Editor, _React$Component);
-  var _super = _createSuper(Editor);
-  function Editor(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, Editor);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "appearance", 'comment');
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "containerElement", null);
-    // Wrapper container for toolbar and content area
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "wrapperElementRef", /*#__PURE__*/_react.default.createRef());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSave", function () {
-      if (_this.props.editorView && _this.props.onSave) {
-        _this.props.onSave(_this.props.editorView);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCancel", function () {
-      if (_this.props.editorView && _this.props.onCancel) {
-        _this.props.onCancel(_this.props.editorView);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderChrome", function (_ref) {
-      var maxContentSize = _ref.maxContentSize,
-        mediaState = _ref.mediaState,
-        primaryToolbarState = _ref.primaryToolbarState;
-      var _this$props = _this.props,
-        editorDOMElement = _this$props.editorDOMElement,
-        editorView = _this$props.editorView,
-        editorActions = _this$props.editorActions,
-        eventDispatcher = _this$props.eventDispatcher,
-        providerFactory = _this$props.providerFactory,
-        contentComponents = _this$props.contentComponents,
-        customContentComponents = _this$props.customContentComponents,
-        customPrimaryToolbarComponents = _this$props.customPrimaryToolbarComponents,
-        primaryToolbarComponentsProp = _this$props.primaryToolbarComponents,
-        customSecondaryToolbarComponents = _this$props.customSecondaryToolbarComponents,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        popupsScrollableElement = _this$props.popupsScrollableElement,
-        maxHeight = _this$props.maxHeight,
-        _this$props$minHeight = _this$props.minHeight,
-        minHeight = _this$props$minHeight === void 0 ? 150 : _this$props$minHeight,
-        onSave = _this$props.onSave,
-        onCancel = _this$props.onCancel,
-        disabled = _this$props.disabled,
-        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
-        intl = _this$props.intl,
-        useStickyToolbar = _this$props.useStickyToolbar,
-        pluginHooks = _this$props.pluginHooks,
-        featureFlags = _this$props.featureFlags;
-      var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
-      var showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
-      var isShortcutToFocusToolbar = function isShortcutToFocusToolbar(event) {
-        //Alt + F9 to reach first element in this main toolbar
-        return event.altKey && (event.key === 'F9' || event.keyCode === 120);
-      };
-      var isTwoLineToolbarEnabled = !!customPrimaryToolbarComponents && !!(featureFlags !== null && featureFlags !== void 0 && featureFlags.twoLineEditorToolbar);
-      var handleEscape = function handleEscape(event) {
-        if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
-          editorView === null || editorView === void 0 || editorView.focus();
-        }
-        event.preventDefault();
-        event.stopPropagation();
-      };
-      var primaryToolbarComponents = primaryToolbarComponentsProp;
-      if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
-        primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
-      }
-      return (0, _react2.jsx)(_WithFlash.default, {
-        animate: maxContentSizeReached
-      }, (0, _react2.jsx)("div", {
-        css: [commentEditorStyles,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        (0, _react2.css)({
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-          minHeight: "".concat(minHeight, "px")
-        })]
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: "akEditor",
-        ref: _this.wrapperElementRef
-      }, (0, _react2.jsx)(_Toolbar2.MainToolbar, {
-        useStickyToolbar: useStickyToolbar,
-        twoLineEditorToolbar: isTwoLineToolbarEnabled
-      }, (0, _react2.jsx)(_uiMenu.ToolbarArrowKeyNavigationProvider, {
-        editorView: editorView,
-        childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
-        isShortcutToFocusToolbar: isShortcutToFocusToolbar,
-        handleEscape: handleEscape,
-        editorAppearance: _this.appearance,
-        useStickyToolbar: useStickyToolbar,
-        intl: intl
-      }, (0, _react2.jsx)(_Toolbar.default, {
-        editorView: editorView,
-        editorActions: editorActions,
-        eventDispatcher: eventDispatcher,
-        providerFactory: providerFactory,
-        appearance: _this.appearance,
-        items: primaryToolbarComponents,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        disabled: !!disabled,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        containerElement: _this.containerElement,
-        twoLineEditorToolbar: isTwoLineToolbarEnabled
-      }), (0, _react2.jsx)("div", {
-        css: (0, _Toolbar2.mainToolbarCustomComponentsSlotStyle)(isTwoLineToolbarEnabled)
-      }, customPrimaryToolbarComponents))), (0, _react2.jsx)(_Addon.ClickAreaBlock, {
-        editorView: editorView,
-        editorDisabled: disabled
-      }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref2) {
-        var width = _ref2.width;
-        return (0, _react2.jsx)(ContentArea, {
-          ref: function ref(_ref3) {
-            return _this.containerElement = _ref3;
-          },
-          css: maxHeight ?
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          (0, _react2.css)({
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-            maxHeight: "".concat(maxHeight, "px")
-          }) : null
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: (0, _classnames.default)('ak-editor-content-area', {
-            'less-margin': width < _editorSharedStyles.akEditorMobileBreakoutPoint
-          }),
-          featureFlags: featureFlags
-        }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, (0, _react2.jsx)(_PluginSlot.default, {
-          editorView: editorView,
-          editorActions: editorActions,
-          eventDispatcher: eventDispatcher,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          providerFactory: providerFactory,
-          appearance: _this.appearance,
-          items: contentComponents,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          containerElement: _this.containerElement,
-          disabled: !!disabled,
-          wrapperElement: _this.wrapperElementRef.current,
-          pluginHooks: pluginHooks
-        }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
-      }))), showSecondaryToolbar && (0, _react2.jsx)("div", {
-        css: secondaryToolbarStyles,
-        "data-testid": "ak-editor-secondary-toolbar"
-      }, (0, _react2.jsx)(_buttonGroup.default, null, !!onSave && (0, _react2.jsx)(_new.default, {
-        appearance: "primary",
-        onClick: _this.handleSave,
-        testId: "comment-save-button",
-        isDisabled: disabled || mediaState && !mediaState.allUploadsFinished
-      }, intl.formatMessage(_messages.default.saveButton)), !!onCancel && (0, _react2.jsx)(_new.default, {
-        appearance: "subtle",
-        onClick: _this.handleCancel,
-        isDisabled: disabled
-      }, intl.formatMessage(_messages.default.cancelButton))), (0, _react2.jsx)("span", {
-        style: {
-          flexGrow: 1
-        }
-      }), customSecondaryToolbarComponents));
-    });
-    if (props.innerRef) {
-      _this.wrapperElementRef = props.innerRef;
-    }
-    return _this;
-  }
-  (0, _createClass2.default)(Editor, [{
-    key: "render",
-    value: function render() {
-      return (0, _react2.jsx)(RenderWithPluginState, {
-        renderChrome: this.renderChrome
-      });
-    }
-  }]);
-  return Editor;
-}(_react.default.Component);
-(0, _defineProperty2.default)(Editor, "displayName", 'CommentEditorAppearance');
-function RenderWithPluginState(_ref4) {
-  var renderChrome = _ref4.renderChrome;
+var Editor = function Editor(props) {
   var api = (0, _context.usePresetContext)();
   var _useSharedPluginState = (0, _hooks.useSharedPluginState)(api, ['media', 'maxContentSize', 'primaryToolbar']),
     mediaState = _useSharedPluginState.mediaState,
     maxContentSizeState = _useSharedPluginState.maxContentSizeState,
     primaryToolbarState = _useSharedPluginState.primaryToolbarState;
-  return (0, _react2.jsx)(_react.Fragment, null, renderChrome({
-    maxContentSize: maxContentSizeState,
-    mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined,
-    primaryToolbarState: primaryToolbarState
-  }));
-}
-var EditorNext = function EditorNext(props) {
-  var api = (0, _context.usePresetContext)();
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(api, ['media', 'maxContentSize', 'primaryToolbar']),
-    mediaState = _useSharedPluginState2.mediaState,
-    maxContentSizeState = _useSharedPluginState2.maxContentSizeState,
-    primaryToolbarState = _useSharedPluginState2.primaryToolbarState;
   var editorDOMElement = props.editorDOMElement,
     editorView = props.editorView,
     editorActions = props.editorActions,
@@ -400,8 +203,8 @@ var EditorNext = function EditorNext(props) {
   }, customPrimaryToolbarComponents))), (0, _react2.jsx)(_Addon.ClickAreaBlock, {
     editorView: editorView,
     editorDisabled: disabled
-  }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref5) {
-    var width = _ref5.width;
+  }, (0, _react2.jsx)(_ui.WidthConsumer, null, function (_ref) {
+    var width = _ref.width;
     return (0, _react2.jsx)(ContentArea, {
       ref: containerElement,
       css: maxHeight ?
@@ -450,8 +253,5 @@ var EditorNext = function EditorNext(props) {
     }
   }), customSecondaryToolbarComponents));
 };
-EditorNext.displayName = 'CommentEditorAppearance';
-var CommentEditorNextWithIntl = (0, _reactIntlNext.injectIntl)(EditorNext);
-var CommentEditorOldWithIntl = (0, _reactIntlNext.injectIntl)(Editor);
-var ExportComp = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.alluploadsfinished-dispatch-update_ivtow') ? CommentEditorNextWithIntl : CommentEditorOldWithIntl;
-var CommentEditorWithIntl = exports.CommentEditorWithIntl = ExportComp;
+Editor.displayName = 'CommentEditorAppearance';
+var CommentEditorWithIntl = exports.CommentEditorWithIntl = (0, _reactIntlNext.injectIntl)(Editor);

package/dist/cjs/ui/ContentStyles/expand.js

@@ -10,6 +10,7 @@ var _react = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _ui = require("@atlaskit/editor-common/ui");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var EXPAND_SELECTED_BACKGROUND = "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))";
@@ -24,11 +25,11 @@ var DANGER_STATE_BORDER_COLOR = "var(--ds-border-danger, ".concat(_colors.R300,
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 var expandStyles = exports.expandStyles = function expandStyles() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " > div {\n\t\tdisplay: flex;\n\t}\n\n\t.", " {\n\t\t", "\n\t\toverflow: hidden;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\n\t\ttd > & {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\n\t\t&.", ":not(.danger) {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\tbackground: ", ";\n\t\t\tborder-color: ", ";\n\t\t}\n\t}\n\n\t.ProseMirror\n\t\t> .", ",\n\t\t.", "\n\t\t> .", " {\n\t\tmargin-left: -", "px;\n\t\tmargin-right: -", "px;\n\t}\n\n\t.", " {\n\t\t", "\n\t\tcursor: text;\n\t\tpadding-top: 0px;\n\t}\n\n\t.", " {\n\t\t", "\n\t}\n\n\t.", " {\n\t\t", ";\n\t\talign-items: center;\n\t\toverflow: visible;\n\t}\n\n\t.", " {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\n\t\t.", " {\n\t\t\tpadding-top: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\twidth: 100%;\n\t}\n\n\t/* stylelint-disable property-no-unknown, value-keyword-case */\n\t.", ":(.", ") {\n\t\t.expand-content-wrapper {\n\t\t\theight: auto;\n\t\t}\n\t}\n\t/* stylelint-enable property-no-unknown, value-keyword-case */\n\n\t.", ":not(.", ") {\n\t\t.ak-editor-expand__content {\n\t\t\tposition: absolute;\n\t\t\theight: 1px;\n\t\t\twidth: 1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(1px, 1px, 1px, 1px);\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\n\t\t&:not(.", "):not(.danger) {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: transparent;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: ", ";\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), _styles.expandClassNames.icon, _styles.expandClassNames.prefix, _ui.sharedExpandStyles.containerStyles({
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " > div {\n\t\tdisplay: flex;\n\t}\n\n\t.", " {\n\t\t", "\n\t\t", "\n\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\n\t\ttd > & {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\n\t\t&.", ":not(.danger) {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\tbackground: ", ";\n\t\t\tborder-color: ", ";\n\t\t}\n\t}\n\n\t.ProseMirror\n\t\t> .", ",\n\t\t.", "\n\t\t> .", " {\n\t\tmargin-left: -", "px;\n\t\tmargin-right: -", "px;\n\t}\n\n\t.", " {\n\t\t", "\n\t\tcursor: text;\n\t\tpadding-top: 0px;\n\t\t", "\n\t}\n\n\t.", " {\n\t\t", "\n\t}\n\n\t.", " {\n\t\t", ";\n\t\talign-items: center;\n\t\toverflow: visible;\n\t}\n\n\t.", " {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\n\t\t.", " {\n\t\t\tpadding-top: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\twidth: 100%;\n\t}\n\n\t/* stylelint-disable property-no-unknown, value-keyword-case */\n\t.", ":(.", ") {\n\t\t.expand-content-wrapper {\n\t\t\theight: auto;\n\t\t}\n\t}\n\t/* stylelint-enable property-no-unknown, value-keyword-case */\n\n\t.", ":not(.", ") {\n\t\t.ak-editor-expand__content {\n\t\t\tposition: absolute;\n\t\t\theight: 1px;\n\t\t\twidth: 1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(1px, 1px, 1px, 1px);\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\n\t\t&:not(.", "):not(.danger) {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: transparent;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: ", ";\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), _styles.expandClassNames.icon, _styles.expandClassNames.prefix, _ui.sharedExpandStyles.containerStyles({
     expanded: false,
     focused: false
-  })(), _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.Border]), DANGER_STATE_BACKGROUND_COLOR, DANGER_STATE_BORDER_COLOR, _styles.expandClassNames.type('expand'), _styles.BreakoutCssClassName.BREAKOUT_MARK_DOM, _styles.expandClassNames.type('expand'), _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akLayoutGutterOffset, _styles.expandClassNames.content, _ui.sharedExpandStyles.contentStyles({
+  })(), !(0, _platformFeatureFlags.fg)('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') && "overflow: hidden;", _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(), _editorSharedStyles.akEditorSelectedNodeClassName, (0, _editorSharedStyles.getSelectionStyles)([_editorSharedStyles.SelectionStyle.Blanket, _editorSharedStyles.SelectionStyle.Border]), DANGER_STATE_BACKGROUND_COLOR, DANGER_STATE_BORDER_COLOR, _styles.expandClassNames.type('expand'), _styles.BreakoutCssClassName.BREAKOUT_MARK_DOM, _styles.expandClassNames.type('expand'), _editorSharedStyles.akLayoutGutterOffset, _editorSharedStyles.akLayoutGutterOffset, _styles.expandClassNames.content, _ui.sharedExpandStyles.contentStyles({
     expanded: false,
     focused: false
-  })(), _styles.expandClassNames.titleInput, _ui.sharedExpandStyles.titleInputStyles(), _styles.expandClassNames.titleContainer, _ui.sharedExpandStyles.titleContainerStyles(), _styles.expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND, "var(--ds-border, ".concat(_colors.N40A, ")"), _styles.expandClassNames.content, "var(--ds-space-100, 8px)", _styles.expandClassNames.inputContainer, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(), _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, ".concat(_colors.N50A, ")"), EXPAND_SELECTED_BACKGROUND);
+  })(), (0, _platformFeatureFlags.fg)('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') && "overflow-x: clip;", _styles.expandClassNames.titleInput, _ui.sharedExpandStyles.titleInputStyles(), _styles.expandClassNames.titleContainer, _ui.sharedExpandStyles.titleContainerStyles(), _styles.expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND, "var(--ds-border, ".concat(_colors.N40A, ")"), _styles.expandClassNames.content, "var(--ds-space-100, 8px)", _styles.expandClassNames.inputContainer, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.prefix, _styles.expandClassNames.expanded, _styles.expandClassNames.iconContainer, EXPAND_ICON_COLOR(), _editorSharedStyles.akEditorSelectedNodeClassName, "var(--ds-border, ".concat(_colors.N50A, ")"), EXPAND_SELECTED_BACKGROUND);
 };

package/dist/cjs/version-wrapper.js

@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.version = exports.name = void 0;
 var name = exports.name = "@atlaskit/editor-core";
-var version = exports.version = "194.0.0";
+var version = exports.version = "194.0.4";

package/dist/es2019/ui/Appearance/Comment/Comment.js

@@ -1,6 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /** @jsx jsx */
-import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -14,7 +13,7 @@ import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { tableCommentEditorStyles } from '@atlaskit/editor-plugins/table/ui/common-styles';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N100 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import messages from '../../../messages';
@@ -46,7 +45,7 @@ const commentEditorStyles = css({
 const ContentArea = createEditorContentStyle(css({
   flexGrow: 1,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  overflowX: getBooleanFF('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
+  overflowX: fg('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
   lineHeight: '24px',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ProseMirror': {
@@ -72,192 +71,7 @@ const secondaryToolbarStyles = css({
   padding: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-025, 2px)"}`
 });
 const appearance = 'comment';
-class Editor extends React.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "appearance", 'comment');
-    _defineProperty(this, "containerElement", null);
-    // Wrapper container for toolbar and content area
-    _defineProperty(this, "wrapperElementRef", /*#__PURE__*/React.createRef());
-    _defineProperty(this, "handleSave", () => {
-      if (this.props.editorView && this.props.onSave) {
-        this.props.onSave(this.props.editorView);
-      }
-    });
-    _defineProperty(this, "handleCancel", () => {
-      if (this.props.editorView && this.props.onCancel) {
-        this.props.onCancel(this.props.editorView);
-      }
-    });
-    _defineProperty(this, "renderChrome", ({
-      maxContentSize,
-      mediaState,
-      primaryToolbarState
-    }) => {
-      const {
-        editorDOMElement,
-        editorView,
-        editorActions,
-        eventDispatcher,
-        providerFactory,
-        contentComponents,
-        customContentComponents,
-        customPrimaryToolbarComponents,
-        primaryToolbarComponents: primaryToolbarComponentsProp,
-        customSecondaryToolbarComponents,
-        popupsMountPoint,
-        popupsBoundariesElement,
-        popupsScrollableElement,
-        maxHeight,
-        minHeight = 150,
-        onSave,
-        onCancel,
-        disabled,
-        dispatchAnalyticsEvent,
-        intl,
-        useStickyToolbar,
-        pluginHooks,
-        featureFlags
-      } = this.props;
-      const maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
-      const showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
-      const isShortcutToFocusToolbar = event => {
-        //Alt + F9 to reach first element in this main toolbar
-        return event.altKey && (event.key === 'F9' || event.keyCode === 120);
-      };
-      const isTwoLineToolbarEnabled = !!customPrimaryToolbarComponents && !!(featureFlags !== null && featureFlags !== void 0 && featureFlags.twoLineEditorToolbar);
-      const handleEscape = event => {
-        if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
-          editorView === null || editorView === void 0 ? void 0 : editorView.focus();
-        }
-        event.preventDefault();
-        event.stopPropagation();
-      };
-      let primaryToolbarComponents = primaryToolbarComponentsProp;
-      if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
-        primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
-      }
-      return jsx(WithFlash, {
-        animate: maxContentSizeReached
-      }, jsx("div", {
-        css: [commentEditorStyles,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        css({
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-          minHeight: `${minHeight}px`
-        })]
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: "akEditor",
-        ref: this.wrapperElementRef
-      }, jsx(MainToolbar, {
-        useStickyToolbar: useStickyToolbar,
-        twoLineEditorToolbar: isTwoLineToolbarEnabled
-      }, jsx(ToolbarArrowKeyNavigationProvider, {
-        editorView: editorView,
-        childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
-        isShortcutToFocusToolbar: isShortcutToFocusToolbar,
-        handleEscape: handleEscape,
-        editorAppearance: this.appearance,
-        useStickyToolbar: useStickyToolbar,
-        intl: intl
-      }, jsx(Toolbar, {
-        editorView: editorView,
-        editorActions: editorActions,
-        eventDispatcher: eventDispatcher,
-        providerFactory: providerFactory,
-        appearance: this.appearance,
-        items: primaryToolbarComponents,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        disabled: !!disabled,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        containerElement: this.containerElement,
-        twoLineEditorToolbar: isTwoLineToolbarEnabled
-      }), jsx("div", {
-        css: mainToolbarCustomComponentsSlotStyle(isTwoLineToolbarEnabled)
-      }, customPrimaryToolbarComponents))), jsx(ClickAreaBlock, {
-        editorView: editorView,
-        editorDisabled: disabled
-      }, jsx(WidthConsumer, null, ({
-        width
-      }) => {
-        return jsx(ContentArea, {
-          ref: ref => this.containerElement = ref,
-          css: maxHeight ?
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          css({
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-            maxHeight: `${maxHeight}px`
-          }) : null
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: classnames('ak-editor-content-area', {
-            'less-margin': width < akEditorMobileBreakoutPoint
-          }),
-          featureFlags: featureFlags
-        }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, jsx(PluginSlot, {
-          editorView: editorView,
-          editorActions: editorActions,
-          eventDispatcher: eventDispatcher,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          providerFactory: providerFactory,
-          appearance: this.appearance,
-          items: contentComponents,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          containerElement: this.containerElement,
-          disabled: !!disabled,
-          wrapperElement: this.wrapperElementRef.current,
-          pluginHooks: pluginHooks
-        }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
-      }))), showSecondaryToolbar && jsx("div", {
-        css: secondaryToolbarStyles,
-        "data-testid": "ak-editor-secondary-toolbar"
-      }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
-        appearance: "primary",
-        onClick: this.handleSave,
-        testId: "comment-save-button",
-        isDisabled: disabled || mediaState && !mediaState.allUploadsFinished
-      }, intl.formatMessage(messages.saveButton)), !!onCancel && jsx(Button, {
-        appearance: "subtle",
-        onClick: this.handleCancel,
-        isDisabled: disabled
-      }, intl.formatMessage(messages.cancelButton))), jsx("span", {
-        style: {
-          flexGrow: 1
-        }
-      }), customSecondaryToolbarComponents));
-    });
-    if (props.innerRef) {
-      this.wrapperElementRef = props.innerRef;
-    }
-  }
-  render() {
-    return jsx(RenderWithPluginState, {
-      renderChrome: this.renderChrome
-    });
-  }
-}
-_defineProperty(Editor, "displayName", 'CommentEditorAppearance');
-function RenderWithPluginState({
-  renderChrome
-}) {
-  const api = usePresetContext();
-  const {
-    mediaState,
-    maxContentSizeState,
-    primaryToolbarState
-  } = useSharedPluginState(api, ['media', 'maxContentSize', 'primaryToolbar']);
-  return jsx(Fragment, null, renderChrome({
-    maxContentSize: maxContentSizeState,
-    mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined,
-    primaryToolbarState
-  }));
-}
-const EditorNext = props => {
+const Editor = props => {
   const api = usePresetContext();
   const {
     mediaState,
@@ -423,8 +237,5 @@ const EditorNext = props => {
     }
   }), customSecondaryToolbarComponents));
 };
-EditorNext.displayName = 'CommentEditorAppearance';
-const CommentEditorNextWithIntl = injectIntl(EditorNext);
-const CommentEditorOldWithIntl = injectIntl(Editor);
-const ExportComp = getBooleanFF('platform.editor.media.alluploadsfinished-dispatch-update_ivtow') ? CommentEditorNextWithIntl : CommentEditorOldWithIntl;
-export const CommentEditorWithIntl = ExportComp;
+Editor.displayName = 'CommentEditorAppearance';
+export const CommentEditorWithIntl = injectIntl(Editor);

package/dist/es2019/ui/ContentStyles/expand.js

@@ -3,6 +3,7 @@ import { css } from '@emotion/react';
 import { BreakoutCssClassName, expandClassNames } from '@atlaskit/editor-common/styles';
 import { sharedExpandStyles } from '@atlaskit/editor-common/ui';
 import { akEditorSelectedNodeClassName, akLayoutGutterOffset, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N100A, N40A, N50A, R300, R50 } from '@atlaskit/theme/colors';
 const EXPAND_SELECTED_BACKGROUND = "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))";
 const EXPAND_ICON_COLOR = () => css({
@@ -23,7 +24,8 @@ export const expandStyles = () => css`
   expanded: false,
   focused: false
 })()}
-		overflow: hidden;
+		${!fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') && `overflow: hidden;`}
+
 		cursor: pointer;
 		box-sizing: border-box;
 
@@ -61,6 +63,7 @@ export const expandStyles = () => css`
 })()}
 		cursor: text;
 		padding-top: 0px;
+		${fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') && `overflow-x: clip;`}
 	}
 
 	.${expandClassNames.titleInput} {

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "194.0.0";
+export const version = "194.0.4";

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -1,15 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** @jsx jsx */
-import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -23,7 +14,7 @@ import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { ToolbarArrowKeyNavigationProvider } from '@atlaskit/editor-common/ui-menu';
 import { tableCommentEditorStyles } from '@atlaskit/editor-plugins/table/ui/common-styles';
 import { akEditorMobileBreakoutPoint } from '@atlaskit/editor-shared-styles';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N100 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import messages from '../../../messages';
@@ -55,7 +46,7 @@ var commentEditorStyles = css({
 var ContentArea = createEditorContentStyle(css({
   flexGrow: 1,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  overflowX: getBooleanFF('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
+  overflowX: fg('platform.editor.table-sticky-scrollbar') ? 'clip' : 'hidden',
   lineHeight: '24px',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ProseMirror': {
@@ -81,204 +72,12 @@ var secondaryToolbarStyles = css({
   padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-025, 2px)")
 });
 var appearance = 'comment';
-var Editor = /*#__PURE__*/function (_React$Component) {
-  _inherits(Editor, _React$Component);
-  var _super = _createSuper(Editor);
-  function Editor(props) {
-    var _this;
-    _classCallCheck(this, Editor);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "appearance", 'comment');
-    _defineProperty(_assertThisInitialized(_this), "containerElement", null);
-    // Wrapper container for toolbar and content area
-    _defineProperty(_assertThisInitialized(_this), "wrapperElementRef", /*#__PURE__*/React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "handleSave", function () {
-      if (_this.props.editorView && _this.props.onSave) {
-        _this.props.onSave(_this.props.editorView);
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleCancel", function () {
-      if (_this.props.editorView && _this.props.onCancel) {
-        _this.props.onCancel(_this.props.editorView);
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "renderChrome", function (_ref) {
-      var maxContentSize = _ref.maxContentSize,
-        mediaState = _ref.mediaState,
-        primaryToolbarState = _ref.primaryToolbarState;
-      var _this$props = _this.props,
-        editorDOMElement = _this$props.editorDOMElement,
-        editorView = _this$props.editorView,
-        editorActions = _this$props.editorActions,
-        eventDispatcher = _this$props.eventDispatcher,
-        providerFactory = _this$props.providerFactory,
-        contentComponents = _this$props.contentComponents,
-        customContentComponents = _this$props.customContentComponents,
-        customPrimaryToolbarComponents = _this$props.customPrimaryToolbarComponents,
-        primaryToolbarComponentsProp = _this$props.primaryToolbarComponents,
-        customSecondaryToolbarComponents = _this$props.customSecondaryToolbarComponents,
-        popupsMountPoint = _this$props.popupsMountPoint,
-        popupsBoundariesElement = _this$props.popupsBoundariesElement,
-        popupsScrollableElement = _this$props.popupsScrollableElement,
-        maxHeight = _this$props.maxHeight,
-        _this$props$minHeight = _this$props.minHeight,
-        minHeight = _this$props$minHeight === void 0 ? 150 : _this$props$minHeight,
-        onSave = _this$props.onSave,
-        onCancel = _this$props.onCancel,
-        disabled = _this$props.disabled,
-        dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
-        intl = _this$props.intl,
-        useStickyToolbar = _this$props.useStickyToolbar,
-        pluginHooks = _this$props.pluginHooks,
-        featureFlags = _this$props.featureFlags;
-      var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
-      var showSecondaryToolbar = !!onSave || !!onCancel || !!customSecondaryToolbarComponents;
-      var isShortcutToFocusToolbar = function isShortcutToFocusToolbar(event) {
-        //Alt + F9 to reach first element in this main toolbar
-        return event.altKey && (event.key === 'F9' || event.keyCode === 120);
-      };
-      var isTwoLineToolbarEnabled = !!customPrimaryToolbarComponents && !!(featureFlags !== null && featureFlags !== void 0 && featureFlags.twoLineEditorToolbar);
-      var handleEscape = function handleEscape(event) {
-        if (!(editorView !== null && editorView !== void 0 && editorView.hasFocus())) {
-          editorView === null || editorView === void 0 || editorView.focus();
-        }
-        event.preventDefault();
-        event.stopPropagation();
-      };
-      var primaryToolbarComponents = primaryToolbarComponentsProp;
-      if (Array.isArray(primaryToolbarState === null || primaryToolbarState === void 0 ? void 0 : primaryToolbarState.components) && Array.isArray(primaryToolbarComponents)) {
-        primaryToolbarComponents = primaryToolbarState.components.concat(primaryToolbarComponents);
-      }
-      return jsx(WithFlash, {
-        animate: maxContentSizeReached
-      }, jsx("div", {
-        css: [commentEditorStyles,
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-        css({
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-          minHeight: "".concat(minHeight, "px")
-        })]
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        ,
-        className: "akEditor",
-        ref: _this.wrapperElementRef
-      }, jsx(MainToolbar, {
-        useStickyToolbar: useStickyToolbar,
-        twoLineEditorToolbar: isTwoLineToolbarEnabled
-      }, jsx(ToolbarArrowKeyNavigationProvider, {
-        editorView: editorView,
-        childComponentSelector: "[data-testid='ak-editor-main-toolbar']",
-        isShortcutToFocusToolbar: isShortcutToFocusToolbar,
-        handleEscape: handleEscape,
-        editorAppearance: _this.appearance,
-        useStickyToolbar: useStickyToolbar,
-        intl: intl
-      }, jsx(Toolbar, {
-        editorView: editorView,
-        editorActions: editorActions,
-        eventDispatcher: eventDispatcher,
-        providerFactory: providerFactory,
-        appearance: _this.appearance,
-        items: primaryToolbarComponents,
-        popupsMountPoint: popupsMountPoint,
-        popupsBoundariesElement: popupsBoundariesElement,
-        popupsScrollableElement: popupsScrollableElement,
-        disabled: !!disabled,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-        containerElement: _this.containerElement,
-        twoLineEditorToolbar: isTwoLineToolbarEnabled
-      }), jsx("div", {
-        css: mainToolbarCustomComponentsSlotStyle(isTwoLineToolbarEnabled)
-      }, customPrimaryToolbarComponents))), jsx(ClickAreaBlock, {
-        editorView: editorView,
-        editorDisabled: disabled
-      }, jsx(WidthConsumer, null, function (_ref2) {
-        var width = _ref2.width;
-        return jsx(ContentArea, {
-          ref: function ref(_ref3) {
-            return _this.containerElement = _ref3;
-          },
-          css: maxHeight ?
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-          css({
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-            maxHeight: "".concat(maxHeight, "px")
-          }) : null
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-          ,
-          className: classnames('ak-editor-content-area', {
-            'less-margin': width < akEditorMobileBreakoutPoint
-          }),
-          featureFlags: featureFlags
-        }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, jsx(PluginSlot, {
-          editorView: editorView,
-          editorActions: editorActions,
-          eventDispatcher: eventDispatcher,
-          dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-          providerFactory: providerFactory,
-          appearance: _this.appearance,
-          items: contentComponents,
-          popupsMountPoint: popupsMountPoint,
-          popupsBoundariesElement: popupsBoundariesElement,
-          popupsScrollableElement: popupsScrollableElement,
-          containerElement: _this.containerElement,
-          disabled: !!disabled,
-          wrapperElement: _this.wrapperElementRef.current,
-          pluginHooks: pluginHooks
-        }), editorDOMElement, customContentComponents && 'after' in customContentComponents ? customContentComponents.after : null);
-      }))), showSecondaryToolbar && jsx("div", {
-        css: secondaryToolbarStyles,
-        "data-testid": "ak-editor-secondary-toolbar"
-      }, jsx(ButtonGroup, null, !!onSave && jsx(Button, {
-        appearance: "primary",
-        onClick: _this.handleSave,
-        testId: "comment-save-button",
-        isDisabled: disabled || mediaState && !mediaState.allUploadsFinished
-      }, intl.formatMessage(messages.saveButton)), !!onCancel && jsx(Button, {
-        appearance: "subtle",
-        onClick: _this.handleCancel,
-        isDisabled: disabled
-      }, intl.formatMessage(messages.cancelButton))), jsx("span", {
-        style: {
-          flexGrow: 1
-        }
-      }), customSecondaryToolbarComponents));
-    });
-    if (props.innerRef) {
-      _this.wrapperElementRef = props.innerRef;
-    }
-    return _this;
-  }
-  _createClass(Editor, [{
-    key: "render",
-    value: function render() {
-      return jsx(RenderWithPluginState, {
-        renderChrome: this.renderChrome
-      });
-    }
-  }]);
-  return Editor;
-}(React.Component);
-_defineProperty(Editor, "displayName", 'CommentEditorAppearance');
-function RenderWithPluginState(_ref4) {
-  var renderChrome = _ref4.renderChrome;
+var Editor = function Editor(props) {
   var api = usePresetContext();
   var _useSharedPluginState = useSharedPluginState(api, ['media', 'maxContentSize', 'primaryToolbar']),
     mediaState = _useSharedPluginState.mediaState,
     maxContentSizeState = _useSharedPluginState.maxContentSizeState,
     primaryToolbarState = _useSharedPluginState.primaryToolbarState;
-  return jsx(Fragment, null, renderChrome({
-    maxContentSize: maxContentSizeState,
-    mediaState: mediaState !== null && mediaState !== void 0 ? mediaState : undefined,
-    primaryToolbarState: primaryToolbarState
-  }));
-}
-var EditorNext = function EditorNext(props) {
-  var api = usePresetContext();
-  var _useSharedPluginState2 = useSharedPluginState(api, ['media', 'maxContentSize', 'primaryToolbar']),
-    mediaState = _useSharedPluginState2.mediaState,
-    maxContentSizeState = _useSharedPluginState2.maxContentSizeState,
-    primaryToolbarState = _useSharedPluginState2.primaryToolbarState;
   var editorDOMElement = props.editorDOMElement,
     editorView = props.editorView,
     editorActions = props.editorActions,
@@ -393,8 +192,8 @@ var EditorNext = function EditorNext(props) {
   }, customPrimaryToolbarComponents))), jsx(ClickAreaBlock, {
     editorView: editorView,
     editorDisabled: disabled
-  }, jsx(WidthConsumer, null, function (_ref5) {
-    var width = _ref5.width;
+  }, jsx(WidthConsumer, null, function (_ref) {
+    var width = _ref.width;
     return jsx(ContentArea, {
       ref: containerElement,
       css: maxHeight ?
@@ -443,8 +242,5 @@ var EditorNext = function EditorNext(props) {
     }
   }), customSecondaryToolbarComponents));
 };
-EditorNext.displayName = 'CommentEditorAppearance';
-var CommentEditorNextWithIntl = injectIntl(EditorNext);
-var CommentEditorOldWithIntl = injectIntl(Editor);
-var ExportComp = getBooleanFF('platform.editor.media.alluploadsfinished-dispatch-update_ivtow') ? CommentEditorNextWithIntl : CommentEditorOldWithIntl;
-export var CommentEditorWithIntl = ExportComp;
+Editor.displayName = 'CommentEditorAppearance';
+export var CommentEditorWithIntl = injectIntl(Editor);

package/dist/esm/ui/ContentStyles/expand.js

@@ -5,6 +5,7 @@ import { css } from '@emotion/react';
 import { BreakoutCssClassName, expandClassNames } from '@atlaskit/editor-common/styles';
 import { sharedExpandStyles } from '@atlaskit/editor-common/ui';
 import { akEditorSelectedNodeClassName, akLayoutGutterOffset, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N100A, N40A, N50A, R300, R50 } from '@atlaskit/theme/colors';
 var EXPAND_SELECTED_BACKGROUND = "var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0.6))";
 var EXPAND_ICON_COLOR = function EXPAND_ICON_COLOR() {
@@ -18,11 +19,11 @@ var DANGER_STATE_BORDER_COLOR = "var(--ds-border-danger, ".concat(R300, ")");
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
 export var expandStyles = function expandStyles() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " > div {\n\t\tdisplay: flex;\n\t}\n\n\t.", " {\n\t\t", "\n\t\toverflow: hidden;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\n\t\ttd > & {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\n\t\t&.", ":not(.danger) {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\tbackground: ", ";\n\t\t\tborder-color: ", ";\n\t\t}\n\t}\n\n\t.ProseMirror\n\t\t> .", ",\n\t\t.", "\n\t\t> .", " {\n\t\tmargin-left: -", "px;\n\t\tmargin-right: -", "px;\n\t}\n\n\t.", " {\n\t\t", "\n\t\tcursor: text;\n\t\tpadding-top: 0px;\n\t}\n\n\t.", " {\n\t\t", "\n\t}\n\n\t.", " {\n\t\t", ";\n\t\talign-items: center;\n\t\toverflow: visible;\n\t}\n\n\t.", " {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\n\t\t.", " {\n\t\t\tpadding-top: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\twidth: 100%;\n\t}\n\n\t/* stylelint-disable property-no-unknown, value-keyword-case */\n\t.", ":(.", ") {\n\t\t.expand-content-wrapper {\n\t\t\theight: auto;\n\t\t}\n\t}\n\t/* stylelint-enable property-no-unknown, value-keyword-case */\n\n\t.", ":not(.", ") {\n\t\t.ak-editor-expand__content {\n\t\t\tposition: absolute;\n\t\t\theight: 1px;\n\t\t\twidth: 1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(1px, 1px, 1px, 1px);\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\n\t\t&:not(.", "):not(.danger) {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: transparent;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: ", ";\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), expandClassNames.icon, expandClassNames.prefix, sharedExpandStyles.containerStyles({
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " > div {\n\t\tdisplay: flex;\n\t}\n\n\t.", " {\n\t\t", "\n\t\t", "\n\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\n\t\ttd > & {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(90deg);\n\t\t}\n\n\t\t&.", ":not(.danger) {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\tbackground: ", ";\n\t\t\tborder-color: ", ";\n\t\t}\n\t}\n\n\t.ProseMirror\n\t\t> .", ",\n\t\t.", "\n\t\t> .", " {\n\t\tmargin-left: -", "px;\n\t\tmargin-right: -", "px;\n\t}\n\n\t.", " {\n\t\t", "\n\t\tcursor: text;\n\t\tpadding-top: 0px;\n\t\t", "\n\t}\n\n\t.", " {\n\t\t", "\n\t}\n\n\t.", " {\n\t\t", ";\n\t\talign-items: center;\n\t\toverflow: visible;\n\t}\n\n\t.", " {\n\t\tbackground: ", ";\n\t\tborder-color: ", ";\n\n\t\t.", " {\n\t\t\tpadding-top: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\twidth: 100%;\n\t}\n\n\t/* stylelint-disable property-no-unknown, value-keyword-case */\n\t.", ":(.", ") {\n\t\t.expand-content-wrapper {\n\t\t\theight: auto;\n\t\t}\n\t}\n\t/* stylelint-enable property-no-unknown, value-keyword-case */\n\n\t.", ":not(.", ") {\n\t\t.ak-editor-expand__content {\n\t\t\tposition: absolute;\n\t\t\theight: 1px;\n\t\t\twidth: 1px;\n\t\t\toverflow: hidden;\n\t\t\tclip: rect(1px, 1px, 1px, 1px);\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.", " svg {\n\t\t\t", ";\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\n\t\t&:not(.", "):not(.danger) {\n\t\t\tbackground: transparent;\n\t\t\tborder-color: transparent;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: ", ";\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n"])), expandClassNames.icon, expandClassNames.prefix, sharedExpandStyles.containerStyles({
     expanded: false,
     focused: false
-  })(), expandClassNames.iconContainer, EXPAND_ICON_COLOR(), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.Border]), DANGER_STATE_BACKGROUND_COLOR, DANGER_STATE_BORDER_COLOR, expandClassNames.type('expand'), BreakoutCssClassName.BREAKOUT_MARK_DOM, expandClassNames.type('expand'), akLayoutGutterOffset, akLayoutGutterOffset, expandClassNames.content, sharedExpandStyles.contentStyles({
+  })(), !fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') && "overflow: hidden;", expandClassNames.iconContainer, EXPAND_ICON_COLOR(), akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.Blanket, SelectionStyle.Border]), DANGER_STATE_BACKGROUND_COLOR, DANGER_STATE_BORDER_COLOR, expandClassNames.type('expand'), BreakoutCssClassName.BREAKOUT_MARK_DOM, expandClassNames.type('expand'), akLayoutGutterOffset, akLayoutGutterOffset, expandClassNames.content, sharedExpandStyles.contentStyles({
     expanded: false,
     focused: false
-  })(), expandClassNames.titleInput, sharedExpandStyles.titleInputStyles(), expandClassNames.titleContainer, sharedExpandStyles.titleContainerStyles(), expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND, "var(--ds-border, ".concat(N40A, ")"), expandClassNames.content, "var(--ds-space-100, 8px)", expandClassNames.inputContainer, expandClassNames.prefix, expandClassNames.expanded, expandClassNames.prefix, expandClassNames.expanded, expandClassNames.iconContainer, EXPAND_ICON_COLOR(), akEditorSelectedNodeClassName, "var(--ds-border, ".concat(N50A, ")"), EXPAND_SELECTED_BACKGROUND);
+  })(), fg('platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2') && "overflow-x: clip;", expandClassNames.titleInput, sharedExpandStyles.titleInputStyles(), expandClassNames.titleContainer, sharedExpandStyles.titleContainerStyles(), expandClassNames.expanded, EXPAND_SELECTED_BACKGROUND, "var(--ds-border, ".concat(N40A, ")"), expandClassNames.content, "var(--ds-space-100, 8px)", expandClassNames.inputContainer, expandClassNames.prefix, expandClassNames.expanded, expandClassNames.prefix, expandClassNames.expanded, expandClassNames.iconContainer, EXPAND_ICON_COLOR(), akEditorSelectedNodeClassName, "var(--ds-border, ".concat(N50A, ")"), EXPAND_SELECTED_BACKGROUND);
 };

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "194.0.0";
+export var version = "194.0.4";

package/dist/types/create-editor/create-preset.d.ts

@@ -979,6 +979,7 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
     };
     commands: {
         removeStatus: (showStatusPickerAt: number) => import("@atlaskit/editor-common/types").EditorCommand;
+        insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
 }, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {

package/dist/types/presets/universal.d.ts

@@ -996,6 +996,7 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
     };
     commands: {
         removeStatus: (showStatusPickerAt: number) => import("@atlaskit/editor-common/types").EditorCommand;
+        insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugins/status").StatusState | undefined;
 }, import("@atlaskit/editor-plugins/status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"customAutoformat", {}, undefined> | undefined, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"card", {

package/dist/types/presets/useUniversalPreset.d.ts

@@ -982,6 +982,7 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
     };
     commands: {
         removeStatus: (showStatusPickerAt: number) => import("@atlaskit/editor-common/types").EditorCommand;
+        insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
     };
     sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
 }, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined, import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"customAutoformat", {}, undefined> | undefined, import("@atlaskit/editor-plugin-clear-marks-on-empty-doc").ClearMarksOnEmptyDocPlugin<"card", {

package/dist/types/types/editor-props.d.ts

@@ -149,10 +149,6 @@ export interface EditorSharedPropsWithPlugins {
     collabEdit?: CollabEditOptions;
     primaryToolbarComponents?: PrimaryToolbarComponents;
     allowUndoRedoButtons?: boolean;
-    /**
-     *  Configure and extend editor linking behaviour
-     */
-    linking?: LinkingOptions;
     hideAvatarGroup?: boolean;
 }
 export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps, EditorSharedPropsWithPlugins, EditorProviderProps {
@@ -181,6 +177,16 @@ export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithP
      * Configuration of this parameter should be done via `editor-plugin-placeholder` or the `default` preset.
      */
     placeholderBracketHint?: string;
+    /**
+     * @deprecated
+     * This prop does nothing and will be removed soon.
+     * Configuration of this parameter should be done via `editor-plugin-card` or the `universal` preset.
+     *
+     * Example:
+     * // In preset creation you can pass the props passed to the editor like this:
+     * preset.add([cardPlugin, { ...linking.smartLinks, linkPicker: linking.linkPicker }])
+     */
+    linking?: LinkingOptions;
 }
 export interface EditorProviderProps {
     activityProvider?: Promise<ActivityProvider>;
@@ -285,4 +291,8 @@ export interface EditorPluginFeatureProps {
     textFormatting?: TextFormattingOptions;
     placeholder?: string;
     placeholderBracketHint?: string;
+    /**
+     *  Configure and extend editor linking behaviour
+     */
+    linking?: LinkingOptions;
 }

package/dist/types-ts4.5/create-editor/create-preset.d.ts

@@ -1277,6 +1277,7 @@ export declare function createPreset(props: EditorProps, prevProps?: EditorProps
         };
         commands: {
             removeStatus: (showStatusPickerAt: number) => import("@atlaskit/editor-common/types").EditorCommand;
+            insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
     }, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined,

package/dist/types-ts4.5/presets/universal.d.ts

@@ -1294,6 +1294,7 @@ export default function createUniversalPreset(appearance: EditorAppearance | und
         };
         commands: {
             removeStatus: (showStatusPickerAt: number) => import("@atlaskit/editor-common/types").EditorCommand;
+            insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         sharedState: import("@atlaskit/editor-plugins/status").StatusState | undefined;
     }, import("@atlaskit/editor-plugins/status").StatusPluginOptions | undefined> | undefined,

package/dist/types-ts4.5/presets/useUniversalPreset.d.ts

@@ -1280,6 +1280,7 @@ export default function useUniversalPreset({ props }: PresetProps): import("@atl
         };
         commands: {
             removeStatus: (showStatusPickerAt: number) => import("@atlaskit/editor-common/types").EditorCommand;
+            insertStatus: (inputMethod?: import("@atlaskit/editor-common/analytics").INPUT_METHOD.INSERT_MENU | import("@atlaskit/editor-common/analytics").INPUT_METHOD.QUICK_INSERT | import("@atlaskit/editor-common/analytics").INPUT_METHOD.TOOLBAR | undefined) => import("@atlaskit/editor-common/types").EditorCommand;
         };
         sharedState: import("@atlaskit/editor-plugin-status").StatusState | undefined;
     }, import("@atlaskit/editor-plugin-status").StatusPluginOptions | undefined> | undefined,

package/dist/types-ts4.5/types/editor-props.d.ts

@@ -149,10 +149,6 @@ export interface EditorSharedPropsWithPlugins {
     collabEdit?: CollabEditOptions;
     primaryToolbarComponents?: PrimaryToolbarComponents;
     allowUndoRedoButtons?: boolean;
-    /**
-     *  Configure and extend editor linking behaviour
-     */
-    linking?: LinkingOptions;
     hideAvatarGroup?: boolean;
 }
 export interface EditorProps extends EditorBaseProps, EditorPluginFeatureProps, EditorSharedPropsWithPlugins, EditorProviderProps {
@@ -181,6 +177,16 @@ export interface EditorNextProps extends EditorBaseProps, EditorSharedPropsWithP
      * Configuration of this parameter should be done via `editor-plugin-placeholder` or the `default` preset.
      */
     placeholderBracketHint?: string;
+    /**
+     * @deprecated
+     * This prop does nothing and will be removed soon.
+     * Configuration of this parameter should be done via `editor-plugin-card` or the `universal` preset.
+     *
+     * Example:
+     * // In preset creation you can pass the props passed to the editor like this:
+     * preset.add([cardPlugin, { ...linking.smartLinks, linkPicker: linking.linkPicker }])
+     */
+    linking?: LinkingOptions;
 }
 export interface EditorProviderProps {
     activityProvider?: Promise<ActivityProvider>;
@@ -285,4 +291,8 @@ export interface EditorPluginFeatureProps {
     textFormatting?: TextFormattingOptions;
     placeholder?: string;
     placeholderBracketHint?: string;
+    /**
+     *  Configure and extend editor linking behaviour
+     */
+    linking?: LinkingOptions;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "194.0.0",
+	"version": "194.0.4",
 	"description": "A package contains Atlassian editor core functionality",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -217,9 +217,6 @@
 		"platform.editor.media.preview-in-full-page": {
 			"type": "boolean"
 		},
-		"platform.editor.media.alluploadsfinished-dispatch-update_ivtow": {
-			"type": "boolean"
-		},
 		"platform.editor.inline_extension.extended_lcqdn": {
 			"type": "boolean",
 			"referenceOnly": "true"
@@ -347,8 +344,7 @@
 			"type": "boolean"
 		},
 		"platform.editor.elements.drag-and-drop-remove-wrapper_fyqr2": {
-			"type": "boolean",
-			"referenceOnly": "true"
+			"type": "boolean"
 		},
 		"platform_editor_tables_padding_increase": {
 			"type": "boolean",
@@ -365,6 +361,10 @@
 		"platform.editor.linking-preferences-url-atlassian-context": {
 			"type": "boolean",
 			"referenceOnly": true
+		},
+		"platform_editor_get_card_provider_from_config": {
+			"type": "boolean",
+			"referenceOnly": true
 		}
 	},
 	"stricter": {