@atlaskit/editor-plugin-card 13.1.1 → 13.1.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-card
 
+## 13.1.3
+
+### Patch Changes
+
+- Updated dependencies
+
+## 13.1.2
+
+### Patch Changes
+
+- [`2116707c51d9b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2116707c51d9b) -
+  [ux] Add SmartLinkDraggable wrapping to BlockCard and EmbedCard. Add stopEvent to prevent
+  ProseMirror from intercepting drag events on smart-element-link. Remove double feature gating in
+  inlineCard.
+- Updated dependencies
+
 ## 13.1.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -19,6 +19,8 @@ var _browser = require("@atlaskit/editor-common/browser");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
+var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -144,9 +146,13 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
       }), this.gapCursorSpan());
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-      return /*#__PURE__*/_react.default.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
+      return /*#__PURE__*/_react.default.createElement(_editorSmartLinkDraggable.SmartLinkDraggable, {
+        url: url,
+        appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.BLOCK,
+        source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.EDITOR
+      }, /*#__PURE__*/_react.default.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/_react.default.createElement(cardContext.Provider, {
         value: cardContext.value
-      }, cardInner) : data ? cardInner : null);
+      }, cardInner) : data ? cardInner : null));
     }
   }]);
 }(_react.default.PureComponent);
@@ -225,6 +231,23 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         provider: provider
       });
     }
+
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+  }, {
+    key: "stopEvent",
+    value: function stopEvent(event) {
+      if (event.type === 'dragstart') {
+        var target = event.target;
+        if (target instanceof HTMLElement && target.closest('[data-smart-element-link]') && (0, _platformFeatureFlags.fg)('cc_drag_and_drop_smart_link_from_content_to_tree')) {
+          return true;
+        }
+      }
+      return false;
+    }
   }, {
     key: "destroy",
     value: function destroy() {

package/dist/cjs/nodeviews/embedCard.js

@@ -23,6 +23,8 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _useSharedPluginStateSelector = require("@atlaskit/editor-common/use-shared-plugin-state-selector");
 var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
+var _editorSmartLinkDraggable = require("@atlaskit/editor-smart-link-draggable");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _smartCard = require("@atlaskit/smart-card");
 var _ssr = require("@atlaskit/smart-card/ssr");
@@ -379,7 +381,11 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         actionOptions: actionOptions,
         CompetitorPrompt: CompetitorPrompt
       });
-      return /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
+      return /*#__PURE__*/_react.default.createElement(_editorSmartLinkDraggable.SmartLinkDraggable, {
+        url: url,
+        appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.EMBED,
+        source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.EDITOR
+      }, /*#__PURE__*/_react.default.createElement(_smartCard.EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
         onHeightUpdate: this.onHeightUpdate
       }, /*#__PURE__*/_react.default.createElement(CardInner, {
@@ -397,7 +403,7 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         heightAlone: heightAlone,
         cardProps: cardProps,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent
-      }));
+      })));
     }
   }]);
 }(_react.default.PureComponent);
@@ -521,6 +527,23 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         provider: provider
       });
     }
+
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+  }, {
+    key: "stopEvent",
+    value: function stopEvent(event) {
+      if (event.type === 'dragstart') {
+        var target = event.target;
+        if (target instanceof HTMLElement && target.closest('[data-smart-element-link]') && (0, _platformFeatureFlags.fg)('cc_drag_and_drop_smart_link_from_content_to_tree')) {
+          return true;
+        }
+      }
+      return false;
+    }
   }, {
     key: "destroy",
     value: function destroy() {

package/dist/cjs/nodeviews/genericCard.js

@@ -96,7 +96,9 @@ function Card(SmartCardComponent, UnsupportedComponent) {
         if (this.state.isError) {
           if (url) {
             return (0, _platformFeatureFlags.fg)('dst-a11y__replace-anchor-with-link__linking-platfo') ? /*#__PURE__*/_react.default.createElement(_link.default, {
-              href: url,
+              href: url
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              ,
               onClick: function onClick(e) {
                 e.preventDefault();
               }
@@ -115,7 +117,9 @@ function Card(SmartCardComponent, UnsupportedComponent) {
         }
         var editorAppearance = (_getPluginState = (0, _state.getPluginState)(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
         var analyticsEditorAppearance = (0, _utils.getAnalyticsEditorAppearance)(editorAppearance);
-        return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
+        return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        , {
           data: {
             attributes: {
               location: analyticsEditorAppearance

package/dist/cjs/nodeviews/inlineCard.js

@@ -222,11 +222,11 @@ function InlineCardNodeView(props) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, enableInlineUpgradeFeatures && (0, _utils.getAwarenessProps)(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
-  return (0, _expValEquals.expValEquals)('cc_drag_and_drop_smart_link_from_content_to_tree', 'isEnabled', true) ? /*#__PURE__*/_react.default.createElement(_editorSmartLinkDraggable.SmartLinkDraggable, {
+  return /*#__PURE__*/_react.default.createElement(_editorSmartLinkDraggable.SmartLinkDraggable, {
     url: url,
     appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
     source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.EDITOR
-  }, inlineCardContent) : inlineCardContent;
+  }, inlineCardContent);
 }
 var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref5) {
   var inlineCardViewProducer = _ref5.inlineCardViewProducer;

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -198,7 +198,9 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
             editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions,
             view: view,
             showPanelButton: showPanelButton,
-            showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal',
+            showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal'
+            // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            ,
             onClick: function onClick(event) {
               if (isPreviewPanelAvailable) {
                 var _extractSmartLinkEmbe;

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

@@ -88,10 +88,14 @@ var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref
     if (shouldShowLinkOverlay && !(0, _experiments.editorExperiment)('platform_editor_controls', 'variant1') && !(0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true)) {
       return (0, _react2.jsx)(_InlineCardOverlay.default, {
         isSelected: isSelected,
-        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
+        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected)
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onMouseEnter: function onMouseEnter() {
           return handleOverlayChange(true);
-        },
+        }
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onMouseLeave: function onMouseLeave() {
           return handleOverlayChange(false);
         },
@@ -112,7 +116,9 @@ var AwarenessWrapper = exports.AwarenessWrapper = function AwarenessWrapper(_ref
       "data-vc": "awareness-wrapper",
       "data-ssr-placeholder": "awareness-wrapper-".concat(placeholderUniqId),
       "data-ssr-placeholder-replace": "awareness-wrapper-".concat(placeholderUniqId)
-    }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+    }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         attributes: (0, _utils.getResolvedAttributesFromStore)(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
       }

package/dist/cjs/ui/DatasourceDropdownOption.js

@@ -92,7 +92,9 @@ var DatasourceDropdownOption = exports.DatasourceDropdownOption = function Datas
     key: intl.formatMessage(_messages.cardMessages.datasourceAppearanceTitle),
     iconBefore: (0, _smartLinkList.default)({
       label: intl.formatMessage(_messages.cardMessages.datasourceAppearanceTitle)
-    }),
+    })
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: function onClick() {
       return dispatchCommand(onChangeAppearance);
     },

package/dist/cjs/ui/EditLinkToolbar.js

@@ -102,13 +102,17 @@ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Co
         // via the floating toolbar
         ,
         invokeMethod: _analytics.INPUT_METHOD.FLOATING_TB,
-        lpLinkPicker: lpLinkPicker,
+        lpLinkPicker: lpLinkPicker
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onSubmit: function onSubmit(href, title, displayText, inputMethod, analytic) {
           _this.hideLinkToolbar();
           if (_onSubmit) {
             _onSubmit(href, displayText || title, inputMethod, analytic);
           }
-        },
+        }
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onEscapeCallback: function onEscapeCallback(state, dispatch) {
           var tr = state.tr;
           (0, _actions.hideLinkToolbar)(tr);
@@ -118,7 +122,9 @@ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Co
             return true;
           }
           return false;
-        },
+        }
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
           var tr = state.tr;
           if (dispatch) {
@@ -173,7 +179,9 @@ var buildEditLinkToolbar = exports.buildEditLinkToolbar = function buildEditLink
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
           var urlChanged = newHref !== displayInfo.url;
           var titleChanged = newText !== displayInfo.title;

package/dist/cjs/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -132,7 +132,9 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
           handleClickOutside: onClose,
           handleEscapeKeydown: onClose,
           trigger: trigger,
-          scrollableElement: containerRef.current,
+          scrollableElement: containerRef.current
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           arrowKeyNavigationProviderOptions: {
             type: _uiMenu.ArrowKeyNavigationType.MENU
           }

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

@@ -157,7 +157,9 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
           handleClickOutside: onClose,
           handleEscapeKeydown: onClose,
           trigger: trigger,
-          scrollableElement: containerRef.current,
+          scrollableElement: containerRef.current
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           arrowKeyNavigationProviderOptions: {
             type: _uiMenu.ArrowKeyNavigationType.MENU
           }

package/dist/cjs/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -122,6 +122,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
           case 21:
             _context2.prev = 21;
             _context2.t3 = _context2["catch"](3);
+            // eslint-disable-line no-unused-vars
             isUrlSupported = false;
           case 24:
             newMap = new Map(supportedUrlsMap);
@@ -191,7 +192,9 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     handleClickOutside: close,
     handleEscapeKeydown: close,
     trigger: trigger,
-    scrollableElement: containerRef.current,
+    scrollableElement: containerRef.current
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     arrowKeyNavigationProviderOptions: {
       type: _uiMenu.ArrowKeyNavigationType.MENU
     },

package/dist/cjs/ui/LinkToolbarAppearance.js

@@ -127,14 +127,18 @@ var LinkToolbarAppearance = exports.LinkToolbarAppearance = /*#__PURE__*/functio
       var embedEnabled = embedOption ? !embedOption.disabled : false;
       if ((0, _toolbar.shouldRenderToolbarPulse)(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showUpgradeDiscoverability)) {
         var resolvedAnalyticsAttributes = (0, _utils2.getResolvedAttributesFromStore)(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
-        return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
-          data: {
-            attributes: _objectSpread({}, resolvedAnalyticsAttributes)
-          }
-        }, /*#__PURE__*/_react.default.createElement(_Pulse.DiscoveryPulse, {
-          localStorageKey: _localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR,
-          testId: "toolbar-discovery-pulse"
-        }, LinkToolbarButtons));
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+          _react.default.createElement(_analyticsNext.AnalyticsContext, {
+            data: {
+              attributes: _objectSpread({}, resolvedAnalyticsAttributes)
+            }
+          }, /*#__PURE__*/_react.default.createElement(_Pulse.DiscoveryPulse, {
+            localStorageKey: _localStorage.LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR,
+            testId: "toolbar-discovery-pulse"
+          }, LinkToolbarButtons))
+        );
       }
       return LinkToolbarButtons;
     });
@@ -161,6 +165,7 @@ var getUnavailableMessage = exports.getUnavailableMessage = function getUnavaila
     });
     return tooltip;
   } catch (e) {
+    // eslint-disable-line no-unused-vars
     return intl.formatMessage(_messages.cardMessages.displayOptionUnavailableInParentNode, {
       node: intl.formatMessage(_messages.default.defaultBlockNode)
     });

package/dist/cjs/ui/LinkToolbarAppearanceDropdown.js

@@ -107,7 +107,9 @@ var LinkAppearanceMenu = exports.LinkAppearanceMenu = function LinkAppearanceMen
   return /*#__PURE__*/_react.default.createElement(_menu.MenuGroup, null, /*#__PURE__*/_react.default.createElement(_menu.Section, null, finalOptions.map(function (option) {
     return /*#__PURE__*/_react.default.createElement(_menu.ButtonItem, {
       key: option.title,
-      iconBefore: option.icon,
+      iconBefore: option.icon
+      // eslint-disable-next-line @atlassian/perf-linting/detect-unnecessary-rerenders, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: function onClick() {
         return option.onClick();
       },

package/dist/es2019/nodeviews/blockCard.js

@@ -7,6 +7,8 @@ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-commo
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -128,9 +130,13 @@ export class BlockCardComponent extends React.PureComponent {
     }), this.gapCursorSpan());
     // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
     // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-    return /*#__PURE__*/React.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
+    return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+      url: url,
+      appearance: SMART_LINK_APPEARANCE.BLOCK,
+      source: SMART_LINK_DRAG_TYPES.EDITOR
+    }, /*#__PURE__*/React.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
       value: cardContext.value
-    }, cardInner) : data ? cardInner : null);
+    }, cardInner) : data ? cardInner : null));
   }
 }
 const WrappedBlockCard = Card(BlockCardComponent, UnsupportedBlock);
@@ -190,6 +196,21 @@ export class BlockCard extends ReactNodeView {
       provider: provider
     });
   }
+
+  /**
+   * Prevent ProseMirror from handling drag events on the smart-element-link,
+   * allowing native drag to work so SmartLinkDraggable can intercept it.
+   * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+   */
+  stopEvent(event) {
+    if (event.type === 'dragstart') {
+      const target = event.target;
+      if (target instanceof HTMLElement && target.closest('[data-smart-element-link]') && fg('cc_drag_and_drop_smart_link_from_content_to_tree')) {
+        return true;
+      }
+    }
+    return false;
+  }
   destroy() {
     var _this$unsubscribe;
     (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 ? void 0 : _this$unsubscribe.call(this);

package/dist/es2019/nodeviews/embedCard.js

@@ -11,6 +11,8 @@ import { findOverflowScrollParent, MediaSingle as RichMediaWrapper, UnsupportedB
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
 import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
@@ -371,7 +373,11 @@ export class EmbedCardComponent extends React.PureComponent {
       actionOptions: actionOptions,
       CompetitorPrompt: CompetitorPrompt
     });
-    return /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
+    return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+      url: url,
+      appearance: SMART_LINK_APPEARANCE.EMBED,
+      source: SMART_LINK_DRAG_TYPES.EDITOR
+    }, /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
       embedIframeRef: this.embedIframeRef,
       onHeightUpdate: this.onHeightUpdate
     }, /*#__PURE__*/React.createElement(CardInner, {
@@ -389,7 +395,7 @@ export class EmbedCardComponent extends React.PureComponent {
       heightAlone: heightAlone,
       cardProps: cardProps,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
-    }));
+    })));
   }
 }
 export const EmbedOrBlockCardComponent = props => {
@@ -495,6 +501,21 @@ export class EmbedCard extends ReactNodeView {
       provider: provider
     });
   }
+
+  /**
+   * Prevent ProseMirror from handling drag events on the smart-element-link,
+   * allowing native drag to work so SmartLinkDraggable can intercept it.
+   * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+   */
+  stopEvent(event) {
+    if (event.type === 'dragstart') {
+      const target = event.target;
+      if (target instanceof HTMLElement && target.closest('[data-smart-element-link]') && fg('cc_drag_and_drop_smart_link_from_content_to_tree')) {
+        return true;
+      }
+    }
+    return false;
+  }
   destroy() {
     var _this$unsubscribe;
     (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 ? void 0 : _this$unsubscribe.call(this);

package/dist/es2019/nodeviews/genericCard.js

@@ -74,7 +74,9 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
       if (this.state.isError) {
         if (url) {
           return fg('dst-a11y__replace-anchor-with-link__linking-platfo') ? /*#__PURE__*/React.createElement(Link, {
-            href: url,
+            href: url
+            // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            ,
             onClick: e => {
               e.preventDefault();
             }
@@ -93,7 +95,9 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
       }
       const editorAppearance = (_getPluginState = getPluginState(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
       const analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
-      return /*#__PURE__*/React.createElement(AnalyticsContext, {
+      return /*#__PURE__*/React.createElement(AnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: {
           attributes: {
             location: analyticsEditorAppearance

package/dist/es2019/nodeviews/inlineCard.js

@@ -221,11 +221,11 @@ export function InlineCardNodeView(props) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
-  return expValEquals('cc_drag_and_drop_smart_link_from_content_to_tree', 'isEnabled', true) ? /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+  return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
     url: url,
     appearance: SMART_LINK_APPEARANCE.INLINE,
     source: SMART_LINK_DRAG_TYPES.EDITOR
-  }, inlineCardContent) : inlineCardContent;
+  }, inlineCardContent);
 }
 export const inlineCardNodeView = ({
   inlineCardViewProducer

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -177,7 +177,9 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
             editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : _pluginInjectionApi$a5.actions,
             view: view,
             showPanelButton: showPanelButton,
-            showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal',
+            showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal'
+            // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            ,
             onClick: event => {
               if (isPreviewPanelAvailable) {
                 var _extractSmartLinkEmbe;

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

@@ -78,8 +78,12 @@ export const AwarenessWrapper = ({
     if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
-        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
-        onMouseEnter: () => handleOverlayChange(true),
+        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected)
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
+        onMouseEnter: () => handleOverlayChange(true)
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onMouseLeave: () => handleOverlayChange(false),
         url: url
       }, children);
@@ -98,7 +102,9 @@ export const AwarenessWrapper = ({
       "data-vc": "awareness-wrapper",
       "data-ssr-placeholder": `awareness-wrapper-${placeholderUniqId}`,
       "data-ssr-placeholder-replace": `awareness-wrapper-${placeholderUniqId}`
-    }, jsx(AnalyticsContext, {
+    }, jsx(AnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 ? void 0 : (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
       }

package/dist/es2019/ui/DatasourceDropdownOption.js

@@ -87,7 +87,9 @@ export const DatasourceDropdownOption = ({
     key: intl.formatMessage(messages.datasourceAppearanceTitle),
     iconBefore: SmartLinkListIcon({
       label: intl.formatMessage(messages.datasourceAppearanceTitle)
-    }),
+    })
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: () => dispatchCommand(onChangeAppearance),
     isSelected: selected
   }, intl.formatMessage(messages.datasourceAppearanceTitle));

package/dist/es2019/ui/EditLinkToolbar.js

@@ -75,13 +75,17 @@ export class EditLinkToolbar extends React.Component {
       // via the floating toolbar
       ,
       invokeMethod: INPUT_METHOD.FLOATING_TB,
-      lpLinkPicker: lpLinkPicker,
+      lpLinkPicker: lpLinkPicker
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onSubmit: (href, title, displayText, inputMethod, analytic) => {
         this.hideLinkToolbar();
         if (onSubmit) {
           onSubmit(href, displayText || title, inputMethod, analytic);
         }
-      },
+      }
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onEscapeCallback: (state, dispatch) => {
         const {
           tr
@@ -93,7 +97,9 @@ export class EditLinkToolbar extends React.Component {
           return true;
         }
         return false;
-      },
+      }
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClickAwayCallback: (state, dispatch) => {
         const {
           tr
@@ -150,7 +156,9 @@ export const buildEditLinkToolbar = ({
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 ? void 0 : (_pluginInjectionApi$f2 = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : _pluginInjectionApi$f2.forceFocusSelector,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 ? void 0 : (_pluginInjectionApi$f2 = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f2 === void 0 ? void 0 : _pluginInjectionApi$f2.forceFocusSelector
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onSubmit: (newHref, newText, inputMethod, analytic) => {
           const urlChanged = newHref !== displayInfo.url;
           const titleChanged = newText !== displayInfo.title;

package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -115,7 +115,9 @@ const EditToolbarButtonPresentation = ({
           handleClickOutside: onClose,
           handleEscapeKeydown: onClose,
           trigger: trigger,
-          scrollableElement: containerRef.current,
+          scrollableElement: containerRef.current
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           arrowKeyNavigationProviderOptions: {
             type: ArrowKeyNavigationType.MENU
           }

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

@@ -142,7 +142,9 @@ const EditToolbarButtonWithCardContext = props => {
           handleClickOutside: onClose,
           handleEscapeKeydown: onClose,
           trigger: trigger,
-          scrollableElement: containerRef.current,
+          scrollableElement: containerRef.current
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           arrowKeyNavigationProviderOptions: {
             type: ArrowKeyNavigationType.MENU
           }

package/dist/es2019/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -52,6 +52,7 @@ const CustomHyperlinkDropdown = props => {
       const provider = await getProvider();
       isUrlSupported = (_await$provider$findP = await (provider === null || provider === void 0 ? void 0 : provider.findPattern(url))) !== null && _await$provider$findP !== void 0 ? _await$provider$findP : false;
     } catch (error) {
+      // eslint-disable-line no-unused-vars
       isUrlSupported = false;
     }
     const newMap = new Map(supportedUrlsMap);
@@ -106,7 +107,9 @@ const CustomHyperlinkDropdown = props => {
     handleClickOutside: close,
     handleEscapeKeydown: close,
     trigger: trigger,
-    scrollableElement: containerRef.current,
+    scrollableElement: containerRef.current
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     arrowKeyNavigationProviderOptions: {
       type: ArrowKeyNavigationType.MENU
     },

package/dist/es2019/ui/LinkToolbarAppearance.js

@@ -100,16 +100,20 @@ export class LinkToolbarAppearance extends React.Component {
       const embedEnabled = embedOption ? !embedOption.disabled : false;
       if (shouldRenderToolbarPulse(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showUpgradeDiscoverability)) {
         const resolvedAnalyticsAttributes = getResolvedAttributesFromStore(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
-        return /*#__PURE__*/React.createElement(AnalyticsContext, {
-          data: {
-            attributes: {
-              ...resolvedAnalyticsAttributes
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+          React.createElement(AnalyticsContext, {
+            data: {
+              attributes: {
+                ...resolvedAnalyticsAttributes
+              }
             }
-          }
-        }, /*#__PURE__*/React.createElement(DiscoveryPulse, {
-          localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR,
-          testId: "toolbar-discovery-pulse"
-        }, LinkToolbarButtons));
+          }, /*#__PURE__*/React.createElement(DiscoveryPulse, {
+            localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR,
+            testId: "toolbar-discovery-pulse"
+          }, LinkToolbarButtons))
+        );
       }
       return LinkToolbarButtons;
     });
@@ -130,6 +134,7 @@ export const getUnavailableMessage = (state, intl) => {
     });
     return tooltip;
   } catch (e) {
+    // eslint-disable-line no-unused-vars
     return intl.formatMessage(messages.displayOptionUnavailableInParentNode, {
       node: intl.formatMessage(nodeNames.defaultBlockNode)
     });

package/dist/es2019/ui/LinkToolbarAppearanceDropdown.js

@@ -94,7 +94,9 @@ export const LinkAppearanceMenu = ({
   return /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(Section, null, finalOptions.map(option => {
     return /*#__PURE__*/React.createElement(ButtonItem, {
       key: option.title,
-      iconBefore: option.icon,
+      iconBefore: option.icon
+      // eslint-disable-next-line @atlassian/perf-linting/detect-unnecessary-rerenders, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: () => option.onClick(),
       isSelected: option.selected,
       description: option.description,

package/dist/esm/nodeviews/blockCard.js

@@ -16,6 +16,8 @@ import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-commo
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -139,9 +141,13 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       }), this.gapCursorSpan());
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready,
       // otherwise if we got data, we can render the card directly since it doesn't need the Provider
-      return /*#__PURE__*/React.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
+      return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+        url: url,
+        appearance: SMART_LINK_APPEARANCE.BLOCK,
+        source: SMART_LINK_DRAG_TYPES.EDITOR
+      }, /*#__PURE__*/React.createElement("div", null, cardContext && cardContext.value ? /*#__PURE__*/React.createElement(cardContext.Provider, {
         value: cardContext.value
-      }, cardInner) : data ? cardInner : null);
+      }, cardInner) : data ? cardInner : null));
     }
   }]);
 }(React.PureComponent);
@@ -220,6 +226,23 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         provider: provider
       });
     }
+
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+  }, {
+    key: "stopEvent",
+    value: function stopEvent(event) {
+      if (event.type === 'dragstart') {
+        var target = event.target;
+        if (target instanceof HTMLElement && target.closest('[data-smart-element-link]') && fg('cc_drag_and_drop_smart_link_from_content_to_tree')) {
+          return true;
+        }
+      }
+      return false;
+    }
   }, {
     key: "destroy",
     value: function destroy() {

package/dist/esm/nodeviews/embedCard.js

@@ -22,6 +22,8 @@ import { findOverflowScrollParent, MediaSingle as RichMediaWrapper, UnsupportedB
 import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared-plugin-state-selector';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '@atlaskit/editor-common/utils';
 import { akEditorFullPageNarrowBreakout, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
+import { SmartLinkDraggable, SMART_LINK_DRAG_TYPES, SMART_LINK_APPEARANCE } from '@atlaskit/editor-smart-link-draggable';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 import { EmbedResizeMessageListener, Card as SmartCard } from '@atlaskit/smart-card';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
@@ -373,7 +375,11 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         actionOptions: actionOptions,
         CompetitorPrompt: CompetitorPrompt
       });
-      return /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
+      return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+        url: url,
+        appearance: SMART_LINK_APPEARANCE.EMBED,
+        source: SMART_LINK_DRAG_TYPES.EDITOR
+      }, /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
         onHeightUpdate: this.onHeightUpdate
       }, /*#__PURE__*/React.createElement(CardInner, {
@@ -391,7 +397,7 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         heightAlone: heightAlone,
         cardProps: cardProps,
         dispatchAnalyticsEvent: dispatchAnalyticsEvent
-      }));
+      })));
     }
   }]);
 }(React.PureComponent);
@@ -515,6 +521,23 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
         provider: provider
       });
     }
+
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+  }, {
+    key: "stopEvent",
+    value: function stopEvent(event) {
+      if (event.type === 'dragstart') {
+        var target = event.target;
+        if (target instanceof HTMLElement && target.closest('[data-smart-element-link]') && fg('cc_drag_and_drop_smart_link_from_content_to_tree')) {
+          return true;
+        }
+      }
+      return false;
+    }
   }, {
     key: "destroy",
     value: function destroy() {

package/dist/esm/nodeviews/genericCard.js

@@ -87,7 +87,9 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         if (this.state.isError) {
           if (url) {
             return fg('dst-a11y__replace-anchor-with-link__linking-platfo') ? /*#__PURE__*/React.createElement(Link, {
-              href: url,
+              href: url
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              ,
               onClick: function onClick(e) {
                 e.preventDefault();
               }
@@ -106,7 +108,9 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
         }
         var editorAppearance = (_getPluginState = getPluginState(this.props.view.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
         var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
-        return /*#__PURE__*/React.createElement(AnalyticsContext, {
+        return /*#__PURE__*/React.createElement(AnalyticsContext
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        , {
           data: {
             attributes: {
               location: analyticsEditorAppearance

package/dist/esm/nodeviews/inlineCard.js

@@ -210,11 +210,11 @@ export function InlineCardNodeView(props) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, enableInlineUpgradeFeatures && getAwarenessProps(view.state, getPos, allowEmbeds, allowBlockCards, mode === 'view'))), CompetitorPromptComponent);
-  return expValEquals('cc_drag_and_drop_smart_link_from_content_to_tree', 'isEnabled', true) ? /*#__PURE__*/React.createElement(SmartLinkDraggable, {
+  return /*#__PURE__*/React.createElement(SmartLinkDraggable, {
     url: url,
     appearance: SMART_LINK_APPEARANCE.INLINE,
     source: SMART_LINK_DRAG_TYPES.EDITOR
-  }, inlineCardContent) : inlineCardContent;
+  }, inlineCardContent);
 }
 export var inlineCardNodeView = function inlineCardNodeView(_ref5) {
   var inlineCardViewProducer = _ref5.inlineCardViewProducer;

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -189,7 +189,9 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
             editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions,
             view: view,
             showPanelButton: showPanelButton,
-            showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal',
+            showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal'
+            // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+            ,
             onClick: function onClick(event) {
               if (isPreviewPanelAvailable) {
                 var _extractSmartLinkEmbe;

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

@@ -80,10 +80,14 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
     if (shouldShowLinkOverlay && !editorExperiment('platform_editor_controls', 'variant1') && !editorExperiment('platform_editor_preview_panel_linking_exp', true)) {
       return jsx(InlineCardOverlay, {
         isSelected: isSelected,
-        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected),
+        isVisible: isResolvedViewRendered && (isInserted || isHovered || isSelected)
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onMouseEnter: function onMouseEnter() {
           return handleOverlayChange(true);
-        },
+        }
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onMouseLeave: function onMouseLeave() {
           return handleOverlayChange(false);
         },
@@ -104,7 +108,9 @@ export var AwarenessWrapper = function AwarenessWrapper(_ref) {
       "data-vc": "awareness-wrapper",
       "data-ssr-placeholder": "awareness-wrapper-".concat(placeholderUniqId),
       "data-ssr-placeholder-replace": "awareness-wrapper-".concat(placeholderUniqId)
-    }, jsx(AnalyticsContext, {
+    }, jsx(AnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         attributes: getResolvedAttributesFromStore(url, 'inline', cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store)
       }

package/dist/esm/ui/DatasourceDropdownOption.js

@@ -85,7 +85,9 @@ export var DatasourceDropdownOption = function DatasourceDropdownOption(_ref) {
     key: intl.formatMessage(messages.datasourceAppearanceTitle),
     iconBefore: SmartLinkListIcon({
       label: intl.formatMessage(messages.datasourceAppearanceTitle)
-    }),
+    })
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: function onClick() {
       return dispatchCommand(onChangeAppearance);
     },

package/dist/esm/ui/EditLinkToolbar.js

@@ -93,13 +93,17 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         // via the floating toolbar
         ,
         invokeMethod: INPUT_METHOD.FLOATING_TB,
-        lpLinkPicker: lpLinkPicker,
+        lpLinkPicker: lpLinkPicker
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onSubmit: function onSubmit(href, title, displayText, inputMethod, analytic) {
           _this.hideLinkToolbar();
           if (_onSubmit) {
             _onSubmit(href, displayText || title, inputMethod, analytic);
           }
-        },
+        }
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onEscapeCallback: function onEscapeCallback(state, dispatch) {
           var tr = state.tr;
           _hideLinkToolbar(tr);
@@ -109,7 +113,9 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
             return true;
           }
           return false;
-        },
+        }
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onClickAwayCallback: function onClickAwayCallback(state, dispatch) {
           var tr = state.tr;
           if (dispatch) {
@@ -164,7 +170,9 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
           var urlChanged = newHref !== displayInfo.url;
           var titleChanged = newText !== displayInfo.title;

package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -124,7 +124,9 @@ var EditToolbarButtonPresentation = function EditToolbarButtonPresentation(_ref)
           handleClickOutside: onClose,
           handleEscapeKeydown: onClose,
           trigger: trigger,
-          scrollableElement: containerRef.current,
+          scrollableElement: containerRef.current
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           arrowKeyNavigationProviderOptions: {
             type: ArrowKeyNavigationType.MENU
           }

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

@@ -151,7 +151,9 @@ var EditToolbarButtonWithCardContext = function EditToolbarButtonWithCardContext
           handleClickOutside: onClose,
           handleEscapeKeydown: onClose,
           trigger: trigger,
-          scrollableElement: containerRef.current,
+          scrollableElement: containerRef.current
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           arrowKeyNavigationProviderOptions: {
             type: ArrowKeyNavigationType.MENU
           }

package/dist/esm/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -113,6 +113,7 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
           case 21:
             _context2.prev = 21;
             _context2.t3 = _context2["catch"](3);
+            // eslint-disable-line no-unused-vars
             isUrlSupported = false;
           case 24:
             newMap = new Map(supportedUrlsMap);
@@ -182,7 +183,9 @@ var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
     handleClickOutside: close,
     handleEscapeKeydown: close,
     trigger: trigger,
-    scrollableElement: containerRef.current,
+    scrollableElement: containerRef.current
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     arrowKeyNavigationProviderOptions: {
       type: ArrowKeyNavigationType.MENU
     },

package/dist/esm/ui/LinkToolbarAppearance.js

@@ -118,14 +118,18 @@ export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
       var embedEnabled = embedOption ? !embedOption.disabled : false;
       if (shouldRenderToolbarPulse(embedEnabled, currentAppearance !== null && currentAppearance !== void 0 ? currentAppearance : '', status !== null && status !== void 0 ? status : '', showUpgradeDiscoverability)) {
         var resolvedAnalyticsAttributes = getResolvedAttributesFromStore(url || '', currentAppearance || null, cardContext === null || cardContext === void 0 ? void 0 : cardContext.store);
-        return /*#__PURE__*/React.createElement(AnalyticsContext, {
-          data: {
-            attributes: _objectSpread({}, resolvedAnalyticsAttributes)
-          }
-        }, /*#__PURE__*/React.createElement(DiscoveryPulse, {
-          localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR,
-          testId: "toolbar-discovery-pulse"
-        }, LinkToolbarButtons));
+        return (
+          /*#__PURE__*/
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+          React.createElement(AnalyticsContext, {
+            data: {
+              attributes: _objectSpread({}, resolvedAnalyticsAttributes)
+            }
+          }, /*#__PURE__*/React.createElement(DiscoveryPulse, {
+            localStorageKey: LOCAL_STORAGE_DISCOVERY_KEY_TOOLBAR,
+            testId: "toolbar-discovery-pulse"
+          }, LinkToolbarButtons))
+        );
       }
       return LinkToolbarButtons;
     });
@@ -152,6 +156,7 @@ export var getUnavailableMessage = function getUnavailableMessage(state, intl) {
     });
     return tooltip;
   } catch (e) {
+    // eslint-disable-line no-unused-vars
     return intl.formatMessage(messages.displayOptionUnavailableInParentNode, {
       node: intl.formatMessage(nodeNames.defaultBlockNode)
     });

package/dist/esm/ui/LinkToolbarAppearanceDropdown.js

@@ -100,7 +100,9 @@ export var LinkAppearanceMenu = function LinkAppearanceMenu(_ref) {
   return /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(Section, null, finalOptions.map(function (option) {
     return /*#__PURE__*/React.createElement(ButtonItem, {
       key: option.title,
-      iconBefore: option.icon,
+      iconBefore: option.icon
+      // eslint-disable-next-line @atlassian/perf-linting/detect-unnecessary-rerenders, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: function onClick() {
         return option.onClick();
       },

package/dist/types/nodeviews/blockCard.d.ts

@@ -34,6 +34,12 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     validUpdate(currentNode: Node, newNode: Node): boolean;
     update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
     render(): React.JSX.Element;
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+    stopEvent(event: Event): boolean;
     destroy(): void;
 }
 export interface BlockCardNodeViewProperties {

package/dist/types/nodeviews/embedCard.d.ts

@@ -63,6 +63,12 @@ export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     createDomRef(): HTMLElement;
     private updateContentEditable;
     render(): React.JSX.Element;
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+    stopEvent(event: Event): boolean;
     destroy(): void;
 }
 export interface EmbedCardNodeViewProperties {

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -34,6 +34,12 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     validUpdate(currentNode: Node, newNode: Node): boolean;
     update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
     render(): React.JSX.Element;
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+    stopEvent(event: Event): boolean;
     destroy(): void;
 }
 export interface BlockCardNodeViewProperties {

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -63,6 +63,12 @@ export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     createDomRef(): HTMLElement;
     private updateContentEditable;
     render(): React.JSX.Element;
+    /**
+     * Prevent ProseMirror from handling drag events on the smart-element-link,
+     * allowing native drag to work so SmartLinkDraggable can intercept it.
+     * @see {@link https://prosemirror.net/docs/ref/#view.NodeView.stopEvent}
+     */
+    stopEvent(event: Event): boolean;
     destroy(): void;
 }
 export interface EmbedCardNodeViewProperties {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "13.1.1",
+	"version": "13.1.3",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -60,9 +60,9 @@
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/smart-card": "^43.26.0",
+		"@atlaskit/smart-card": "^43.27.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^43.0.0",
+		"@atlaskit/tmp-editor-statsig": "^44.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -111,6 +111,9 @@
 		}
 	},
 	"platform-feature-flags": {
+		"cc_drag_and_drop_smart_link_from_content_to_tree": {
+			"type": "boolean"
+		},
 		"confluence-issue-terminology-refresh": {
 			"type": "boolean"
 		},