@atlaskit/editor-plugin-card 11.4.5 → 11.5.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-card
 
+## 11.5.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.5.0
+
+### Minor Changes
+
+- [`e5c510a42227e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5c510a42227e) -
+  [ux] Disable preview modals within preview panels
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.4.5
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -28,7 +28,7 @@ var _utils2 = require("../pm-plugins/utils");
 var _genericCard = require("./genericCard");
 function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   function BlockCardComponent(props) {
@@ -159,6 +159,7 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, BlockCard, [].concat(args));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
     (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';

package/dist/cjs/nodeviews/embedCard.js

@@ -36,7 +36,7 @@ function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototyp
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var selector = function selector(states) {
   var _states$widthState, _states$widthState2, _states$editorDisable;
   return {
@@ -440,6 +440,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, EmbedCard, [].concat(args));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
     (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';

package/dist/cjs/nodeviews/inlineCard.js

@@ -26,6 +26,8 @@ var _toolbar = require("../ui/toolbar");
 var _genericCard = require("./genericCard");
 var _inlineCardWithAwareness = require("./inlineCardWithAwareness");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+
 var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var node = _ref.node,
     cardContext = _ref.cardContext,
@@ -45,6 +47,7 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
   var _node$attrs = node.attrs,
     url = _node$attrs.url,
     data = _node$attrs.data;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var refId = (0, _react.useRef)((0, _v.default)());
   (0, _react.useEffect)(function () {
     var id = refId.current;

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -13,6 +13,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _ui = require("@atlaskit/editor-common/ui");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _utils = require("@atlaskit/linking-common/utils");
 var _smartCard = require("@atlaskit/smart-card");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
@@ -185,6 +186,9 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
         // In view mode we show HoverLinkOverlay only with if preview mode or panel is available
         // otherwise a use can click on smartlink itself to open the link in a new tab.
         var isPreviewAvailable = isPreviewPanelAvailable || isPreviewModalAvailable;
+        // When inside preview panel iframe, hide the overlay button
+        var isInPreviewPanel = (0, _expValEquals.expValEquals)('platform_hover_card_preview_panel_modal', 'cohort', 'test') && (0, _utils.isWithinPreviewPanelIFrame)();
+        var showPanelButton = isInPreviewPanel ? isPreviewPanelAvailable : isPreviewAvailable;
         if (isPreviewAvailable) {
           var _pluginInjectionApi$a4;
           return /*#__PURE__*/_react.default.createElement(_ui.HoverLinkOverlay, {
@@ -193,7 +197,7 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
             compactPadding: editorAppearance === 'comment' || editorAppearance === 'chromeless',
             editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions,
             view: view,
-            showPanelButton: isPreviewAvailable,
+            showPanelButton: showPanelButton,
             showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal',
             onClick: function onClick(event) {
               if (isPreviewPanelAvailable) {

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

@@ -41,31 +41,28 @@ var OverlayWrapper = function OverlayWrapper(_ref) {
       setShowConfigureButton(false);
     }
   }, []);
-  return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    (0, _react2.jsx)("span", {
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      onMouseEnter: function onMouseEnter() {
-        setShowConfigureButton(true);
-        hoverCallback(true);
+  return (0, _react2.jsx)("span", {
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    onMouseEnter: function onMouseEnter() {
+      setShowConfigureButton(true);
+      hoverCallback(true);
+    }
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: function onMouseLeave() {
+      if (!dropdownOpen) {
+        setShowConfigureButton(false);
+        hoverCallback(false);
       }
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: function onMouseLeave() {
-        if (!dropdownOpen) {
-          setShowConfigureButton(false);
-          hoverCallback(false);
-        }
-      },
-      "data-testid": "inline-card-overlay-wrapper"
-    }, (0, _react2.jsx)("span", {
-      css: ConfigureOverlayWrapperStyles
-    }, showConfigureButton && (0, _react2.jsx)(_link.OverlayButton, {
-      editorView: view,
-      targetElementPos: targetElementPos,
-      onDropdownChange: onDropdownChange,
-      onOpenLinkClick: onOpenLinkClick
-    })), children)
-  );
+    },
+    "data-testid": "inline-card-overlay-wrapper"
+  }, (0, _react2.jsx)("span", {
+    css: ConfigureOverlayWrapperStyles
+  }, showConfigureButton && (0, _react2.jsx)(_link.OverlayButton, {
+    editorView: view,
+    targetElementPos: targetElementPos,
+    onDropdownChange: onDropdownChange,
+    onOpenLinkClick: onOpenLinkClick
+  })), children);
 };
 var _default = exports.default = OverlayWrapper;

package/dist/es2019/nodeviews/blockCard.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -136,6 +137,7 @@ const WrappedBlockCard = Card(BlockCardComponent, UnsupportedBlock);
 export class BlockCard extends ReactNodeView {
   constructor(...args) {
     super(...args);
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     _defineProperty(this, "id", uuid());
     _defineProperty(this, "updateContentEditable", (editorViewModeState, divElement) => {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';

package/dist/es2019/nodeviews/embedCard.js

@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -423,6 +424,7 @@ const WrappedEmbedCard = Card(WrappedEmbedCardWithCondition, UnsupportedBlock);
 export class EmbedCard extends ReactNodeView {
   constructor(...args) {
     super(...args);
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     _defineProperty(this, "id", uuid());
     _defineProperty(this, "updateContentEditable", (editorViewModeState, divElement) => {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';

package/dist/es2019/nodeviews/inlineCard.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -36,6 +37,7 @@ export const InlineCard = /*#__PURE__*/memo(({
     url,
     data
   } = node.attrs;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   const refId = useRef(uuid());
   useEffect(() => {
     const id = refId.current;

package/dist/es2019/nodeviews/inlineCardWithAwareness.js

@@ -4,6 +4,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
+import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -164,6 +165,9 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
         // In view mode we show HoverLinkOverlay only with if preview mode or panel is available
         // otherwise a use can click on smartlink itself to open the link in a new tab.
         const isPreviewAvailable = isPreviewPanelAvailable || isPreviewModalAvailable;
+        // When inside preview panel iframe, hide the overlay button
+        const isInPreviewPanel = expValEquals('platform_hover_card_preview_panel_modal', 'cohort', 'test') && isWithinPreviewPanelIFrame();
+        const showPanelButton = isInPreviewPanel ? isPreviewPanelAvailable : isPreviewAvailable;
         if (isPreviewAvailable) {
           var _pluginInjectionApi$a5;
           return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -172,7 +176,7 @@ export const InlineCardWithAwareness = /*#__PURE__*/memo(({
             compactPadding: editorAppearance === 'comment' || editorAppearance === 'chromeless',
             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: isPreviewAvailable,
+            showPanelButton: showPanelButton,
             showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal',
             onClick: event => {
               if (isPreviewPanelAvailable) {

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

@@ -27,31 +27,28 @@ const OverlayWrapper = ({
       setShowConfigureButton(false);
     }
   }, []);
-  return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    jsx("span", {
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      onMouseEnter: () => {
-        setShowConfigureButton(true);
-        hoverCallback(true);
+  return jsx("span", {
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    onMouseEnter: () => {
+      setShowConfigureButton(true);
+      hoverCallback(true);
+    }
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: () => {
+      if (!dropdownOpen) {
+        setShowConfigureButton(false);
+        hoverCallback(false);
       }
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: () => {
-        if (!dropdownOpen) {
-          setShowConfigureButton(false);
-          hoverCallback(false);
-        }
-      },
-      "data-testid": "inline-card-overlay-wrapper"
-    }, jsx("span", {
-      css: ConfigureOverlayWrapperStyles
-    }, showConfigureButton && jsx(OverlayButton, {
-      editorView: view,
-      targetElementPos: targetElementPos,
-      onDropdownChange: onDropdownChange,
-      onOpenLinkClick: onOpenLinkClick
-    })), children)
-  );
+    },
+    "data-testid": "inline-card-overlay-wrapper"
+  }, jsx("span", {
+    css: ConfigureOverlayWrapperStyles
+  }, showConfigureButton && jsx(OverlayButton, {
+    editorView: view,
+    targetElementPos: targetElementPos,
+    onDropdownChange: onDropdownChange,
+    onOpenLinkClick: onOpenLinkClick
+  })), children);
 };
 export default OverlayWrapper;

package/dist/esm/nodeviews/blockCard.js

@@ -10,6 +10,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { browser as browserLegacy, getBrowserInfo } from '@atlaskit/editor-common/browser';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -153,6 +154,7 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, BlockCard, [].concat(args));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     _defineProperty(_this2, "id", uuid());
     _defineProperty(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';

package/dist/esm/nodeviews/embedCard.js

@@ -13,6 +13,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -433,6 +434,7 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, EmbedCard, [].concat(args));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     _defineProperty(_this2, "id", uuid());
     _defineProperty(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';

package/dist/esm/nodeviews/inlineCard.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
 import rafSchedule from 'raf-schd';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
@@ -34,6 +35,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
   var _node$attrs = node.attrs,
     url = _node$attrs.url,
     data = _node$attrs.data;
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var refId = useRef(uuid());
   useEffect(function () {
     var id = refId.current;

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -5,6 +5,7 @@ import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks'
 import { HoverLinkOverlay } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors';
+import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -176,6 +177,9 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
         // In view mode we show HoverLinkOverlay only with if preview mode or panel is available
         // otherwise a use can click on smartlink itself to open the link in a new tab.
         var isPreviewAvailable = isPreviewPanelAvailable || isPreviewModalAvailable;
+        // When inside preview panel iframe, hide the overlay button
+        var isInPreviewPanel = expValEquals('platform_hover_card_preview_panel_modal', 'cohort', 'test') && isWithinPreviewPanelIFrame();
+        var showPanelButton = isInPreviewPanel ? isPreviewPanelAvailable : isPreviewAvailable;
         if (isPreviewAvailable) {
           var _pluginInjectionApi$a4;
           return /*#__PURE__*/React.createElement(HoverLinkOverlay, {
@@ -184,7 +188,7 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
             compactPadding: editorAppearance === 'comment' || editorAppearance === 'chromeless',
             editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions,
             view: view,
-            showPanelButton: isPreviewAvailable,
+            showPanelButton: showPanelButton,
             showPanelButtonIcon: isPreviewAvailable && isPreviewPanelAvailable ? 'panel' : 'modal',
             onClick: function onClick(event) {
               if (isPreviewPanelAvailable) {

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

@@ -33,31 +33,28 @@ var OverlayWrapper = function OverlayWrapper(_ref) {
       setShowConfigureButton(false);
     }
   }, []);
-  return (
-    // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
-    jsx("span", {
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      onMouseEnter: function onMouseEnter() {
-        setShowConfigureButton(true);
-        hoverCallback(true);
+  return jsx("span", {
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    onMouseEnter: function onMouseEnter() {
+      setShowConfigureButton(true);
+      hoverCallback(true);
+    }
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
+    onMouseLeave: function onMouseLeave() {
+      if (!dropdownOpen) {
+        setShowConfigureButton(false);
+        hoverCallback(false);
       }
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseLeave: function onMouseLeave() {
-        if (!dropdownOpen) {
-          setShowConfigureButton(false);
-          hoverCallback(false);
-        }
-      },
-      "data-testid": "inline-card-overlay-wrapper"
-    }, jsx("span", {
-      css: ConfigureOverlayWrapperStyles
-    }, showConfigureButton && jsx(OverlayButton, {
-      editorView: view,
-      targetElementPos: targetElementPos,
-      onDropdownChange: onDropdownChange,
-      onOpenLinkClick: onOpenLinkClick
-    })), children)
-  );
+    },
+    "data-testid": "inline-card-overlay-wrapper"
+  }, jsx("span", {
+    css: ConfigureOverlayWrapperStyles
+  }, showConfigureButton && jsx(OverlayButton, {
+    editorView: view,
+    targetElementPos: targetElementPos,
+    onDropdownChange: onDropdownChange,
+    onOpenLinkClick: onOpenLinkClick
+  })), children);
 };
 export default OverlayWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "11.4.5",
+	"version": "11.5.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -31,7 +31,7 @@
 	"dependencies": {
 		"@atlaskit/adf-schema": "^51.3.2",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.5.0",
+		"@atlaskit/button": "^23.6.0",
 		"@atlaskit/custom-steps": "^0.16.0",
 		"@atlaskit/editor-card-provider": "^6.0.0",
 		"@atlaskit/editor-plugin-analytics": "^6.2.0",
@@ -52,19 +52,19 @@
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-analytics": "^11.0.0",
 		"@atlaskit/link-client-extension": "^6.0.0",
-		"@atlaskit/link-datasource": "^4.27.0",
+		"@atlaskit/link-datasource": "^4.29.0",
 		"@atlaskit/link-extractors": "^2.4.0",
-		"@atlaskit/linking-common": "^9.7.0",
+		"@atlaskit/linking-common": "^9.8.0",
 		"@atlaskit/linking-types": "^14.1.0",
 		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/primitives": "^16.0.0",
+		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/smart-card": "^43.4.0",
+		"@atlaskit/smart-card": "^43.6.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.19.0",
-		"@atlaskit/tokens": "^7.0.0",
+		"@atlaskit/tmp-editor-statsig": "^13.32.0",
+		"@atlaskit/tokens": "^8.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"lodash": "^4.17.21",
@@ -73,7 +73,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.18.0",
+		"@atlaskit/editor-common": "^110.24.0",
 		"@atlaskit/link-provider": "^4.0.0",
 		"react": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"