@atlaskit/smart-card 27.8.4 → 27.9.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/smart-card
 
+## 27.9.1
+
+### Patch Changes
+
+- [#117751](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117751)
+  [`b3f950d2332ed`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3f950d2332ed) -
+  EDM-10151 Fix embed overflow when embed blur fix enabled
+- Updated dependencies
+
+## 27.9.0
+
+### Minor Changes
+
+- [#117451](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117451)
+  [`0ecc0082a92e6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0ecc0082a92e6) -
+  Add hover card configs prop, with an option to control fade in delay
+
 ## 27.8.4
 
 ### Patch Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4"
+  packageVersion: "27.9.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component.js

@@ -49,6 +49,7 @@ function Component(_ref) {
     ui = _ref.ui,
     children = _ref.children,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     analyticsEvents = _ref.analyticsEvents,
     useLegacyBlockCard = _ref.useLegacyBlockCard;
@@ -198,6 +199,7 @@ function Component(_ref) {
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
       showAuthTooltip: showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
@@ -229,6 +231,7 @@ function Component(_ref) {
         testId: testId,
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
         actionOptions: actionOptions
       });

package/dist/cjs/view/CardWithUrl/loader.js

@@ -59,6 +59,7 @@ function CardWithURLRenderer(props) {
     children = props.children,
     ui = props.ui,
     showHoverPreview = props.showHoverPreview,
+    hoverPreviewOptions = props.hoverPreviewOptions,
     showAuthTooltip = props.showAuthTooltip,
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
@@ -129,6 +130,7 @@ function CardWithURLRenderer(props) {
     inlinePreloaderStyle: inlinePreloaderStyle,
     ui: ui,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder,

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -28,7 +28,9 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions,
     _ref$allowScrollBar = _ref.allowScrollBar,
-    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar;
+    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
+    _ref$setOverflow = _ref.setOverflow,
+    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
@@ -36,7 +38,6 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return (0, _handlers.handleClickCommon)(event, onClick);
   };
   var handleMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var isFixEmbedCardBlurEnabled = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
     return (
       /*#__PURE__*/
@@ -80,7 +81,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/_react.default.createElement(_styled.Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
-      removeOverflow: isFixEmbedCardBlurEnabled,
+      removeOverflow: (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
@@ -106,7 +107,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
       ,
       "data-is-selected": isSelected,
       inheritDimensions: inheritDimensions
-    }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
     return /*#__PURE__*/_react.default.createElement(_styled.Wrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -122,6 +123,6 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
       "data-is-selected": isSelected,
       "data-wrapper-type": "default",
       "data-is-interactive": isInteractive()
-    }, (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, (0, _platformFeatureFlags.fg)('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   }
 };

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -63,7 +63,8 @@ var EmbedCardResolvedView = exports.EmbedCardResolvedView = /*#__PURE__*/_react2
     icon: icon,
     text: text,
     onClick: onClick,
-    inheritDimensions: inheritDimensions
+    inheritDimensions: inheritDimensions,
+    setOverflow: false
   }, (0, _react.jsx)(_Frame.Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

package/dist/cjs/view/EmbedCard/views/unresolved-view/index.js

@@ -91,8 +91,11 @@ var UnresolvedView = function UnresolvedView(_ref) {
       "data-testid": imageTestId
     }, imageUrlOrElement);
   }, [imageUrlOrElement, testId]);
-  return (0, _react.jsx)(_ExpandedFrame.ExpandedFrame, {
-    allowScrollBar: true
+  return (0, _react.jsx)(_ExpandedFrame.ExpandedFrame
+  // Scroll bar must be shown for unresolved views to display the connect account button
+  , {
+    allowScrollBar: true,
+    setOverflow: true
     // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
     // Set fallback to 'show' here to maintain the current behaviour when platform.editor.show-embed-card-frame-renderer is OFF.
     // Remove 'show' on platform.editor.show-embed-card-frame-renderer cleanup as frameStyle will be set to 'show' both in renderer and editor.

package/dist/cjs/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -22,7 +22,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     testId = _ref.testId,
     url = _ref.url,
     _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay;
+    delay = _ref$delay === void 0 ? FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY : _ref$delay,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
   var _useState = (0, _react.useState)(true),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     canOpen = _useState2[0],
@@ -69,7 +70,8 @@ var HoverCardControl = function HoverCardControl(_ref) {
     closeOnChildClick: true,
     hidePreviewButton: hideHoverCardPreviewButton,
     actionOptions: actionOptions,
-    url: url
+    url: url,
+    hoverPreviewOptions: hoverPreviewOptions
   }, /*#__PURE__*/_react.default.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,

package/dist/cjs/view/FlexibleCard/components/container/index.js

@@ -187,6 +187,7 @@ var Container = function Container(_ref3) {
     showAuthTooltip = _ref3$showAuthTooltip === void 0 ? false : _ref3$showAuthTooltip,
     _ref3$showHoverPrevie = _ref3.showHoverPreview,
     showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
+    hoverPreviewOptions = _ref3.hoverPreviewOptions,
     actionOptions = _ref3.actionOptions,
     _ref3$size = _ref3.size,
     size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size,
@@ -214,7 +215,8 @@ var Container = function Container(_ref3) {
       isAuthTooltip: canShowAuthTooltip,
       actionOptions: actionOptions,
       testId: testId,
-      url: context.url
+      url: context.url,
+      hoverPreviewOptions: hoverPreviewOptions
     }, container);
   }
   return container;

package/dist/cjs/view/FlexibleCard/index.js

@@ -39,6 +39,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     renderers = _ref.renderers,
     showAuthTooltip = _ref.showAuthTooltip,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     actionOptions = _ref.actionOptions,
     testId = _ref.testId,
     ui = _ref.ui,
@@ -104,6 +105,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
     onClick: onClick,
     retry: retry,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
     showAuthTooltip: showAuthTooltip,
     status: status

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -33,6 +33,7 @@ var FADE_IN_DELAY = 500;
 var FADE_OUT_DELAY = 300;
 var RESOLVE_DELAY = 100;
 var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponent(_ref) {
+  var _hoverPreviewOptions$;
   var children = _ref.children,
     url = _ref.url,
     _ref$id = _ref.id,
@@ -51,7 +52,9 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     _ref$zIndex = _ref.zIndex,
     zIndex = _ref$zIndex === void 0 ? _styled.HOVER_CARD_Z_INDEX : _ref$zIndex,
     _ref$noFadeDelay = _ref.noFadeDelay,
-    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay;
+    noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay,
+    hoverPreviewOptions = _ref.hoverPreviewOptions;
+  var fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   var _React$useState = _react2.default.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isOpen = _React$useState2[0],
@@ -161,10 +164,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       } else {
         fadeInTimeoutId.current = setTimeout(function () {
           setIsOpen(true);
-        }, FADE_IN_DELAY);
+        }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
   var linkActions = (0, _useSmartLinkActions.useSmartLinkActions)({
     url: url,
     appearance: _constants.CardDisplay.HoverCardPreview,

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -60,6 +60,7 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         titlePrefix = _this$props.titlePrefix,
         _this$props$showHover = _this$props.showHoverPreview,
         showHoverPreview = _this$props$showHover === void 0 ? false : _this$props$showHover,
+        hoverPreviewOptions = _this$props.hoverPreviewOptions,
         actionOptions = _this$props.actionOptions;
       var inlineCardResolvedView = /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
         testId: testId,
@@ -77,7 +78,8 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         return /*#__PURE__*/_react.default.createElement(_index.HoverCard, {
           id: id,
           url: link,
-          actionOptions: actionOptions
+          actionOptions: actionOptions,
+          hoverPreviewOptions: hoverPreviewOptions
         }, inlineCardResolvedView);
       }
       return inlineCardResolvedView;

package/dist/cjs/view/InlineCard/index.js

@@ -70,6 +70,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
     testId = _ref.testId,
     inlinePreloaderStyle = _ref.inlinePreloaderStyle,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     actionOptions = _ref.actionOptions;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
@@ -120,6 +121,7 @@ var InlineCard = exports.InlineCard = function InlineCard(_ref) {
       return /*#__PURE__*/_react.default.createElement(_ResolvedView.InlineCardResolvedView, (0, _extends2.default)({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         actionOptions: actionOptions,
         link: url,
         isSelected: isSelected,

package/dist/cjs/view/LinkUrl/index.js

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4",
+  packageVersion: "27.9.1",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4"
+  packageVersion: "27.9.1"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/CardWithUrl/component.js

@@ -39,6 +39,7 @@ function Component({
   ui,
   children,
   showHoverPreview,
+  hoverPreviewOptions,
   showAuthTooltip,
   analyticsEvents,
   useLegacyBlockCard
@@ -185,6 +186,7 @@ function Component({
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
       showAuthTooltip: showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
@@ -216,6 +218,7 @@ function Component({
         testId: testId,
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
         actionOptions: actionOptions
       });

package/dist/es2019/view/CardWithUrl/loader.js

@@ -39,6 +39,7 @@ export function CardWithURLRenderer(props) {
     children,
     ui,
     showHoverPreview,
+    hoverPreviewOptions,
     showAuthTooltip,
     analyticsEvents,
     placeholder,
@@ -108,6 +109,7 @@ export function CardWithURLRenderer(props) {
     inlinePreloaderStyle,
     ui,
     showHoverPreview,
+    hoverPreviewOptions,
     showAuthTooltip,
     analyticsEvents,
     placeholder,

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js

@@ -3,7 +3,7 @@ import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Tool
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import Tooltip from '@atlaskit/tooltip';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 export const ExpandedFrame = ({
   isPlaceholder = false,
   children,
@@ -17,12 +17,12 @@ export const ExpandedFrame = ({
   maxWidth,
   testId = 'expanded-frame',
   inheritDimensions,
-  allowScrollBar = false
+  allowScrollBar = false,
+  setOverflow = true
 }) => {
   const isInteractive = () => !isPlaceholder && (Boolean(href) || Boolean(onClick));
   const handleClick = event => handleClickCommon(event, onClick);
   const handleMouseDown = useMouseDownEvent();
-  const isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   const renderHeaderOld = () =>
   /*#__PURE__*/
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -59,7 +59,7 @@ export const ExpandedFrame = ({
   const renderContent = () => /*#__PURE__*/React.createElement(Content, {
     "data-testid": "embed-content-wrapper",
     allowScrollBar: allowScrollBar,
-    removeOverflow: isFixEmbedCardBlurEnabled,
+    removeOverflow: fg('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
     isInteractive: isInteractive(),
     frameStyle: frameStyle
     // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
@@ -84,7 +84,7 @@ export const ExpandedFrame = ({
       ,
       "data-is-selected": isSelected,
       inheritDimensions: inheritDimensions
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
     return /*#__PURE__*/React.createElement(Wrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -100,6 +100,6 @@ export const ExpandedFrame = ({
       "data-is-selected": isSelected,
       "data-wrapper-type": "default",
       "data-is-interactive": isInteractive()
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   }
 };

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -53,7 +53,8 @@ export const EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(({
     icon: icon,
     text: text,
     onClick: onClick,
-    inheritDimensions: inheritDimensions
+    inheritDimensions: inheritDimensions,
+    setOverflow: false
   }, jsx(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -80,8 +80,11 @@ const UnresolvedView = ({
       "data-testid": imageTestId
     }, imageUrlOrElement);
   }, [imageUrlOrElement, testId]);
-  return jsx(ExpandedFrame, {
-    allowScrollBar: true
+  return jsx(ExpandedFrame
+  // Scroll bar must be shown for unresolved views to display the connect account button
+  , {
+    allowScrollBar: true,
+    setOverflow: true
     // EDM-9259: Fix embed frame showing on unresolved views when frameStyle is set to hide.
     // Set fallback to 'show' here to maintain the current behaviour when platform.editor.show-embed-card-frame-renderer is OFF.
     // Remove 'show' on platform.editor.show-embed-card-frame-renderer cleanup as frameStyle will be set to 'show' both in renderer and editor.

package/dist/es2019/view/FlexibleCard/components/container/hover-card-control/index.js

@@ -10,7 +10,8 @@ const HoverCardControl = ({
   actionOptions,
   testId,
   url,
-  delay = FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY
+  delay = FLEXIBLE_HOVER_CARD_CAN_OPEN_DELAY,
+  hoverPreviewOptions
 }) => {
   const [canOpen, setCanOpen] = useState(true);
   const mouseStopTimer = useRef();
@@ -55,7 +56,8 @@ const HoverCardControl = ({
     closeOnChildClick: true,
     hidePreviewButton: hideHoverCardPreviewButton,
     actionOptions: actionOptions,
-    url: url
+    url: url,
+    hoverPreviewOptions: hoverPreviewOptions
   }, /*#__PURE__*/React.createElement("span", {
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,

package/dist/es2019/view/FlexibleCard/components/container/index.js

@@ -189,6 +189,7 @@ const Container = ({
   retry,
   showAuthTooltip = false,
   showHoverPreview = false,
+  hoverPreviewOptions,
   actionOptions,
   size = SmartLinkSize.Medium,
   status,
@@ -214,7 +215,8 @@ const Container = ({
       isAuthTooltip: canShowAuthTooltip,
       actionOptions: actionOptions,
       testId: testId,
-      url: context.url
+      url: context.url,
+      hoverPreviewOptions: hoverPreviewOptions
     }, container);
   }
   return container;

package/dist/es2019/view/FlexibleCard/index.js

@@ -25,6 +25,7 @@ const FlexibleCard = ({
   renderers,
   showAuthTooltip,
   showHoverPreview,
+  hoverPreviewOptions,
   actionOptions,
   testId,
   ui,
@@ -94,6 +95,7 @@ const FlexibleCard = ({
     onClick: onClick,
     retry: retry,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,
     showAuthTooltip: showAuthTooltip,
     status: status

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -31,8 +31,11 @@ export const HoverCardComponent = ({
   actionOptions: actionOptionsProp,
   allowEventPropagation = false,
   zIndex = HOVER_CARD_Z_INDEX,
-  noFadeDelay = false
+  noFadeDelay = false,
+  hoverPreviewOptions
 }) => {
+  var _hoverPreviewOptions$;
+  const fadeInDelay = (_hoverPreviewOptions$ = hoverPreviewOptions === null || hoverPreviewOptions === void 0 ? void 0 : hoverPreviewOptions.fadeInDelay) !== null && _hoverPreviewOptions$ !== void 0 ? _hoverPreviewOptions$ : FADE_IN_DELAY;
   const [isOpen, setIsOpen] = React.useState(false);
   const fadeOutTimeoutId = useRef();
   const fadeInTimeoutId = useRef();
@@ -139,10 +142,10 @@ export const HoverCardComponent = ({
       } else {
         fadeInTimeoutId.current = setTimeout(() => {
           setIsOpen(true);
-        }, FADE_IN_DELAY);
+        }, fadeInDelay);
       }
     }
-  }, [initResolve, isOpen, setMousePosition, noFadeDelay]);
+  }, [initResolve, isOpen, setMousePosition, noFadeDelay, fadeInDelay]);
   const linkActions = useSmartLinkActions({
     url,
     appearance: CardDisplay.HoverCardPreview,

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -35,6 +35,7 @@ export class InlineCardResolvedView extends React.Component {
       titleTextColor,
       titlePrefix,
       showHoverPreview = false,
+      hoverPreviewOptions,
       actionOptions
     } = this.props;
     const inlineCardResolvedView = /*#__PURE__*/React.createElement(Frame, {
@@ -53,7 +54,8 @@ export class InlineCardResolvedView extends React.Component {
       return /*#__PURE__*/React.createElement(HoverCard, {
         id: id,
         url: link,
-        actionOptions: actionOptions
+        actionOptions: actionOptions,
+        hoverPreviewOptions: hoverPreviewOptions
       }, inlineCardResolvedView);
     }
     return inlineCardResolvedView;

package/dist/es2019/view/InlineCard/index.js

@@ -30,6 +30,7 @@ export const InlineCard = ({
   testId,
   inlinePreloaderStyle,
   showHoverPreview,
+  hoverPreviewOptions,
   showAuthTooltip,
   actionOptions
 }) => {
@@ -85,6 +86,7 @@ export const InlineCard = ({
       return /*#__PURE__*/React.createElement(InlineCardResolvedView, _extends({}, resolvedProps, {
         id: id,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         actionOptions: actionOptions,
         link: url,
         isSelected: isSelected,

package/dist/es2019/view/LinkUrl/index.js

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4",
+  packageVersion: "27.9.1",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "27.8.4"
+  packageVersion: "27.9.1"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/CardWithUrl/component.js

@@ -39,6 +39,7 @@ function Component(_ref) {
     ui = _ref.ui,
     children = _ref.children,
     showHoverPreview = _ref.showHoverPreview,
+    hoverPreviewOptions = _ref.hoverPreviewOptions,
     showAuthTooltip = _ref.showAuthTooltip,
     analyticsEvents = _ref.analyticsEvents,
     useLegacyBlockCard = _ref.useLegacyBlockCard;
@@ -188,6 +189,7 @@ function Component(_ref) {
       renderers: renderers,
       ui: ui,
       showHoverPreview: showHoverPreview,
+      hoverPreviewOptions: hoverPreviewOptions,
       showAuthTooltip: showAuthTooltip,
       actionOptions: actionOptions,
       url: url,
@@ -219,6 +221,7 @@ function Component(_ref) {
         testId: testId,
         inlinePreloaderStyle: inlinePreloaderStyle,
         showHoverPreview: showHoverPreview,
+        hoverPreviewOptions: hoverPreviewOptions,
         showAuthTooltip: showAuthTooltip,
         actionOptions: actionOptions
       });

package/dist/esm/view/CardWithUrl/loader.js

@@ -47,6 +47,7 @@ export function CardWithURLRenderer(props) {
     children = props.children,
     ui = props.ui,
     showHoverPreview = props.showHoverPreview,
+    hoverPreviewOptions = props.hoverPreviewOptions,
     showAuthTooltip = props.showAuthTooltip,
     analyticsEvents = props.analyticsEvents,
     placeholder = props.placeholder,
@@ -117,6 +118,7 @@ export function CardWithURLRenderer(props) {
     inlinePreloaderStyle: inlinePreloaderStyle,
     ui: ui,
     showHoverPreview: showHoverPreview,
+    hoverPreviewOptions: hoverPreviewOptions,
     showAuthTooltip: showAuthTooltip,
     analyticsEvents: analyticsEvents,
     placeholder: placeholder,

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -3,7 +3,7 @@ import { className, LinkWrapper, Wrapper, Header, IconWrapper, TextWrapper, Tool
 import { handleClickCommon } from '../../BlockCard/utils/handlers';
 import { useMouseDownEvent } from '../../../state/analytics/useLinkClicked';
 import Tooltip from '@atlaskit/tooltip';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 export var ExpandedFrame = function ExpandedFrame(_ref) {
   var _ref$isPlaceholder = _ref.isPlaceholder,
     isPlaceholder = _ref$isPlaceholder === void 0 ? false : _ref$isPlaceholder,
@@ -21,7 +21,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     testId = _ref$testId === void 0 ? 'expanded-frame' : _ref$testId,
     inheritDimensions = _ref.inheritDimensions,
     _ref$allowScrollBar = _ref.allowScrollBar,
-    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar;
+    allowScrollBar = _ref$allowScrollBar === void 0 ? false : _ref$allowScrollBar,
+    _ref$setOverflow = _ref.setOverflow,
+    setOverflow = _ref$setOverflow === void 0 ? true : _ref$setOverflow;
   var isInteractive = function isInteractive() {
     return !isPlaceholder && (Boolean(href) || Boolean(onClick));
   };
@@ -29,7 +31,6 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return handleClickCommon(event, onClick);
   };
   var handleMouseDown = useMouseDownEvent();
-  var isFixEmbedCardBlurEnabled = getBooleanFF('platform.linking-platform.smart-card.fix-embed-card-blurring') ? true : false;
   var renderHeaderOld = function renderHeaderOld() {
     return (
       /*#__PURE__*/
@@ -73,7 +74,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
     return /*#__PURE__*/React.createElement(Content, {
       "data-testid": "embed-content-wrapper",
       allowScrollBar: allowScrollBar,
-      removeOverflow: isFixEmbedCardBlurEnabled,
+      removeOverflow: fg('platform.linking-platform.smart-card.fix-embed-card-blurring') && !setOverflow,
       isInteractive: isInteractive(),
       frameStyle: frameStyle
       // This fixes an issue with input fields in cross domain iframes (ie. databases and jira fields from different domains)
@@ -99,7 +100,7 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       ,
       "data-is-selected": isSelected,
       inheritDimensions: inheritDimensions
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   } else {
     return /*#__PURE__*/React.createElement(Wrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -115,6 +116,6 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-is-selected": isSelected,
       "data-wrapper-type": "default",
       "data-is-interactive": isInteractive()
-    }, getBooleanFF('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
+    }, fg('platform.linking-platform.smart-card.enable-embed-card-header-tooltip_g9saw') ? renderHeader() : renderHeaderOld(), renderContent());
   }
 };

package/dist/esm/view/EmbedCard/views/ResolvedView.js

@@ -55,7 +55,8 @@ export var EmbedCardResolvedView = /*#__PURE__*/React.forwardRef(function (_ref,
     icon: icon,
     text: text,
     onClick: onClick,
-    inheritDimensions: inheritDimensions
+    inheritDimensions: inheritDimensions,
+    setOverflow: false
   }, jsx(Frame, {
     url: previewUrl,
     isTrusted: isTrusted,