@atlaskit/smart-card 43.8.1 → 43.9.1

package/dist/esm/extractors/flexible/icon/extract-file-formatIcon.js

@@ -4,6 +4,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
   switch (fileFormat) {
     // Generic documents
     case 'folder':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Folder,
         label: 'Folder'
@@ -11,44 +12,52 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'text/plain':
     case 'application/vnd.oasis.opendocument.text':
     case 'application/vnd.apple.pages':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Document,
         label: 'Document'
       };
     case 'application/pdf':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.PDF,
         label: 'PDF document'
       };
     case 'application/vnd.oasis.opendocument.presentation':
     case 'application/vnd.apple.keynote':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Presentation,
         label: 'Presentation'
       };
     case 'application/vnd.oasis.opendocument.spreadsheet':
     case 'application/vnd.apple.numbers':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Spreadsheet,
         label: 'Spreadsheet'
       };
     // Google Drive
     case 'application/vnd.google-apps.document':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleDocs,
         label: 'Google Docs'
       };
     case 'application/vnd.google-apps.form':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleForms,
         label: 'Google Form'
       };
     case 'application/vnd.google-apps.spreadsheet':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleSheets,
         label: 'Google Sheets'
       };
     case 'application/vnd.google-apps.presentation':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GoogleSlides,
         label: 'Google Slides'
@@ -56,18 +65,21 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     // Microsoft
     case 'application/vnd.ms-excel':
     case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.MSExcel,
         label: 'Excel spreadsheet'
       };
     case 'application/vnd.ms-powerpoint':
     case 'application/vnd.openxmlformats-officedocument.presentationml.presentation':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.MSPowerpoint,
         label: 'PowerPoint presentation'
       };
     case 'application/msword':
     case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.MSWord,
         label: 'Word document'
@@ -77,11 +89,13 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'image/bmp':
     case 'image/webp':
     case 'image/svg+xml':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Image,
         label: 'Image'
       };
     case 'image/gif':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.GIF,
         label: 'GIF'
@@ -91,6 +105,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'audio/webm':
     case 'audio/ogg':
     case 'audio/wav':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Audio,
         label: 'Audio'
@@ -102,6 +117,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'video/ogg':
     case 'video/x-ms-wmv':
     case 'video/x-msvideo':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Video,
         label: 'Video'
@@ -110,6 +126,7 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'text/css':
     case 'text/html':
     case 'application/javascript':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Code,
         label: 'Source Code'
@@ -120,26 +137,31 @@ var extractFileFormatIcon = function extractFileFormatIcon(fileFormat) {
     case 'application/x-7z-compressed':
     case 'application/x-apple-diskimage':
     case 'application/vnd.rar':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Archive,
         label: 'Archive'
       };
     case 'application/dmg':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Executable,
         label: 'Executable'
       };
     case 'application/sketch':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Sketch,
         label: 'Sketch'
       };
     case 'application/octet-stream':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Generic,
         label: 'Binary file'
       };
     case 'application/invision.prototype':
+      // eslint-disable-next-line @atlassian/i18n/no-literal-string-in-object
       return {
         icon: IconType.Generic,
         label: 'Prototype'

package/dist/esm/state/actions/index.js

@@ -1,11 +1,13 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useMemo } from 'react';
+import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { useSmartLinkContext } from '@atlaskit/link-provider';
 import { ACTION_RESOLVING, ACTION_UPDATE_METADATA_STATUS, cardAction } from '@atlaskit/linking-common';
 import { auth } from '@atlaskit/outbound-auth-flow-client';
 import { useAnalyticsEvents } from '../../common/analytics/generated/use-analytics-events';
 import { SmartLinkStatus } from '../../constants';
+import { AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH, getWindowOpenFeatures } from '../../utils/window-open-features';
 import { startUfoExperience } from '../analytics';
 import { getByDefinitionId, getDefinitionId, getExtensionKey, getServices } from '../helpers';
 import useInvokeClientAction from '../hooks/use-invoke-client-action';
@@ -112,7 +114,9 @@ export var useSmartCardActions = function useSmartCardActions(id, url) {
       fireEvent('screen.consentModal.viewed', {
         definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
       });
-      auth(services[0].url).then(function () {
+      var shouldShowInPopupWindow = status === 'unauthorized' && FeatureGates.getExperimentValue('platform_sl_3p_auth_window_experiment', 'cohort', 'control') === 'test';
+      var windowFeatures = shouldShowInPopupWindow ? getWindowOpenFeatures(AUTH_WINDOW_HEIGHT, AUTH_WINDOW_WIDTH) : undefined;
+      auth(services[0].url, windowFeatures).then(function () {
         fireEvent('track.applicationAccount.connected', {
           definitionId: definitionId !== null && definitionId !== void 0 ? definitionId : null
         });

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

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

package/dist/esm/utils/window-open-features.js

@@ -0,0 +1,18 @@
+var BROWSER_SIZE_THRESHOLD = 38;
+export var AUTH_WINDOW_HEIGHT = 760;
+export var AUTH_WINDOW_WIDTH = 620;
+export var getWindowOpenFeatures = function getWindowOpenFeatures(popupHeight, popupWidth) {
+  var vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+  var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
+  var vl = window.screenLeft || 0;
+  var vt = window.screenTop || 0;
+
+  // Center the popup window
+  var left = (vw - popupWidth) / 2 + vl;
+  var top = (vh - popupHeight) / 2 + vt;
+
+  // Open a popup if there's enough space in the viewport
+  // Otherwise, fall back to the default behavior (opening in a new tab)
+  var windowFeatures = vw > popupWidth + BROWSER_SIZE_THRESHOLD && vh > popupHeight + BROWSER_SIZE_THRESHOLD ? "width=".concat(popupWidth, ",height=").concat(popupHeight, ",left=").concat(left, ",top=").concat(top) : undefined;
+  return windowFeatures;
+};

package/dist/esm/view/HoverCard/components/CustomPopupContainer.js

@@ -1,6 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "shouldFitContainer", "shouldRenderToParent"];
+var _excluded = ["children", "shouldFitContainer", "shouldRenderToParent"],
+  _excluded2 = ["children", "shouldFitContainer", "shouldRenderToParent"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 /**
  * The purpose of this component is to hide the default Popup border.
@@ -16,4 +20,23 @@ var CustomPopupContainer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     ref: ref
   }), children);
 });
+
+/**
+ * Factory function to create a CustomPopupContainer with a specific z-index
+ */
+export var createCustomPopupContainer = function createCustomPopupContainer(zIndex) {
+  return /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+    var children = _ref2.children,
+      _ = _ref2.shouldFitContainer,
+      __ = _ref2.shouldRenderToParent,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+      ref: ref
+    }, zIndex !== undefined && {
+      style: _objectSpread(_objectSpread({}, props.style), {}, {
+        zIndex: zIndex
+      })
+    }), children);
+  });
+};
 export default CustomPopupContainer;

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _excluded = ["aria-haspopup", "aria-expanded"];
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -11,7 +11,7 @@ import { useSmartCardActions } from '../../../state/actions';
 import { useSmartLinkRenderers } from '../../../state/renderers';
 import { useSmartCardState as useLinkState } from '../../../state/store';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
-import CustomPopupContainer from '../components/CustomPopupContainer';
+import CustomPopupContainer, { createCustomPopupContainer } from '../components/CustomPopupContainer';
 import HoverCardContent from '../components/HoverCardContent';
 import { CARD_GAP_PX, HOVER_CARD_Z_INDEX } from '../styled';
 export var HOVER_CARD_SOURCE = 'smartLinkPreviewHoverCard';
@@ -38,6 +38,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     noFadeDelay = _ref$noFadeDelay === void 0 ? false : _ref$noFadeDelay,
     hoverPreviewOptions = _ref.hoverPreviewOptions,
     role = _ref.role,
+    _ref$shouldRenderToPa = _ref.shouldRenderToParent,
+    shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa,
     label = _ref.label,
     titleId = _ref.titleId,
     onVisibilityChange = _ref.onVisibilityChange;
@@ -235,7 +237,14 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       className: HOVER_CARD_TRIGGER_WRAPPER
     } : {}), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
-  return /*#__PURE__*/React.createElement(Popup, {
+  var popupComponent = fg('hover-card-prop-should-render-to-parent') ?
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useMemo(function () {
+    // Within the Popup component, if shouldRenderToParent, the zIndex prop is ignored
+    // as it is assumed that the custom popup container has the desired styles
+    return createCustomPopupContainer(shouldRenderToParent ? zIndex : undefined);
+  }, [zIndex, shouldRenderToParent]) : CustomPopupContainer;
+  return /*#__PURE__*/React.createElement(Popup, _extends({
     testId: "hover-card",
     isOpen: isOpen && canOpen,
     onClose: hideCard,
@@ -248,8 +257,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     role: role,
     titleId: titleId,
     label: label
+  }, fg('hover-card-prop-should-render-to-parent') ? {
+    shouldRenderToParent: shouldRenderToParent
+  } : {}, {
     // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-    ,
-    popupComponent: CustomPopupContainer
-  });
+    popupComponent: popupComponent
+  }));
 };

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js

@@ -153,7 +153,7 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref2) {
     xcss: styles.iconEmptyStyle,
     testId: "icon-empty-wrapper"
   }), /*#__PURE__*/React.createElement("span", {
-    "data-testId": "icon-wrapper",
+    "data-testid": "icon-wrapper",
     className: ax(["_11c81o8v _2rkolb4i _1e0c116y _kqswstnw _2hwx1b66 _4t3i7vkz _1bsb7vkz _154i1ssb _1ltv1ssb _t9ec1ooe _uiztglyw"])
   }, renderIcon(testId)))), /*#__PURE__*/React.createElement(Box, {
     as: "span",

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

@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "43.8.0",
+  packageVersion: "0.0.0-development",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/state/modal/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type SmartLinkModalAPI, type SmartLinkModalProviderProps } from './types';
 export declare const SmartLinkModalContext: React.Context<SmartLinkModalAPI>;
-export declare const SmartLinkModalProvider: ({ children }: SmartLinkModalProviderProps) => React.JSX.Element;
+export declare const SmartLinkModalProvider: ({ children, }: SmartLinkModalProviderProps) => React.JSX.Element;
 /**
  * Open (lazy load) modal
  *

package/dist/types/utils/window-open-features.d.ts

@@ -0,0 +1,3 @@
+export declare const AUTH_WINDOW_HEIGHT = 760;
+export declare const AUTH_WINDOW_WIDTH = 620;
+export declare const getWindowOpenFeatures: (popupHeight: number, popupWidth: number) => string | undefined;

package/dist/types/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type CardWithUrlContentProps } from '../types';
-export declare const LoadingCardLink: ({ isSelected, url, placeholder }: CardWithUrlContentProps) => React.JSX.Element;
+export declare const LoadingCardLink: ({ isSelected, url, placeholder, }: CardWithUrlContentProps) => React.JSX.Element;

package/dist/types/view/EmbedModal/components/link-info/link-info-button/index.d.ts

@@ -8,5 +8,5 @@ export type LinkInfoButtonProps = {
     onClick?: () => void;
     testId?: string;
 };
-declare const LinkInfoButton: ({ content, icon, label, onClick, testId }: LinkInfoButtonProps) => React.JSX.Element;
+declare const LinkInfoButton: ({ content, icon, label, onClick, testId, }: LinkInfoButtonProps) => React.JSX.Element;
 export default LinkInfoButton;

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.d.ts

@@ -3,5 +3,5 @@ import type { UserInputParagraphPrompt } from '../../common/types';
 interface ParagraphInputPromptProps {
     userInputPrompt: UserInputParagraphPrompt;
 }
-declare const ParagraphInputPrompt: ({ userInputPrompt }: ParagraphInputPromptProps) => React.JSX.Element;
+declare const ParagraphInputPrompt: ({ userInputPrompt, }: ParagraphInputPromptProps) => React.JSX.Element;
 export default ParagraphInputPrompt;

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.d.ts

@@ -4,5 +4,5 @@ type AutomationModalFooterProps = {
     onClose: () => void;
     selectedRule: ManualRule | undefined;
 };
-export declare const AutomationModalFooter: ({ selectedRule, onClose }: AutomationModalFooterProps) => React.JSX.Element | null;
+export declare const AutomationModalFooter: ({ selectedRule, onClose, }: AutomationModalFooterProps) => React.JSX.Element | null;
 export {};

package/dist/types/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
-export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
+export declare const AIFooterMetadata: ({ testId, url, }: AISummaryActionData & {
     testId?: string;
 }) => React.JSX.Element | null;

package/dist/types/view/FlexibleCard/components/common/atlaskit-icon/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type AtlaskitIconProps } from './types';
-declare const AtlaskitIcon: ({ icon, label, testId, size }: AtlaskitIconProps) => React.JSX.Element | null;
+declare const AtlaskitIcon: ({ icon, label, testId, size, }: AtlaskitIconProps) => React.JSX.Element | null;
 export default AtlaskitIcon;

package/dist/types/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { LozengeActionItemProps } from './types';
-declare const LozengeActionItem: ({ appearance, id, onClick, testId, text }: LozengeActionItemProps) => React.JSX.Element;
+declare const LozengeActionItem: ({ appearance, id, onClick, testId, text, }: LozengeActionItemProps) => React.JSX.Element;
 export default LozengeActionItem;

package/dist/types/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -6,4 +6,8 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * change between the default border and prism border during runtime.
  */
 declare const CustomPopupContainer: React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Factory function to create a CustomPopupContainer with a specific z-index
+ */
+export declare const createCustomPopupContainer: (zIndex?: number) => React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, onVisibilityChange, }: HoverCardComponentProps) => React.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, shouldRenderToParent, label, titleId, onVisibilityChange, }: HoverCardComponentProps) => React.JSX.Element;

package/dist/types/view/HoverCard/components/ImagePreview.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type ImagePreviewProps } from '../types';
-declare const ImagePreview: ({ fallbackElementHeight, response }: ImagePreviewProps) => React.JSX.Element | null;
+declare const ImagePreview: ({ fallbackElementHeight, response, }: ImagePreviewProps) => React.JSX.Element | null;
 export default ImagePreview;

package/dist/types/view/HoverCard/types.d.ts

@@ -51,6 +51,11 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Should be used along with `label` or `titleId` for supported roles.
      */
     role?: string;
+    /**
+     * Whether the hover card should render to the parent element, to the
+     * atlaskit-portal-container at the root of the document. Defaults to false.
+     */
+    shouldRenderToParent?: boolean;
     /**
      * Id referenced by the hover card `aria-labelledby` attribute.
      * Usage of either this, or the `label` attribute is strongly recommended.
@@ -86,6 +91,7 @@ export interface HoverCardComponentProps extends HoverCardProps, HoverCardIntern
 export type HoverCardContentProps = {
     actionOptions?: CardActionOptions;
     cardState: CardState;
+    hoverPreviewOptions?: HoverPreviewOptions;
     id?: string;
     onActionClick: (actionId: string | ActionName) => void;
     onMouseEnter?: MouseEventHandler;
@@ -93,7 +99,6 @@ export type HoverCardContentProps = {
     onResolve: () => void;
     renderers?: CardProviderRenderers;
     url: string;
-    hoverPreviewOptions?: HoverPreviewOptions;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
     isAIEnabled?: boolean;

package/dist/types-ts4.5/state/modal/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type SmartLinkModalAPI, type SmartLinkModalProviderProps } from './types';
 export declare const SmartLinkModalContext: React.Context<SmartLinkModalAPI>;
-export declare const SmartLinkModalProvider: ({ children }: SmartLinkModalProviderProps) => React.JSX.Element;
+export declare const SmartLinkModalProvider: ({ children, }: SmartLinkModalProviderProps) => React.JSX.Element;
 /**
  * Open (lazy load) modal
  *

package/dist/types-ts4.5/utils/window-open-features.d.ts

@@ -0,0 +1,3 @@
+export declare const AUTH_WINDOW_HEIGHT = 760;
+export declare const AUTH_WINDOW_WIDTH = 620;
+export declare const getWindowOpenFeatures: (popupHeight: number, popupWidth: number) => string | undefined;

package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type CardWithUrlContentProps } from '../types';
-export declare const LoadingCardLink: ({ isSelected, url, placeholder }: CardWithUrlContentProps) => React.JSX.Element;
+export declare const LoadingCardLink: ({ isSelected, url, placeholder, }: CardWithUrlContentProps) => React.JSX.Element;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/link-info-button/index.d.ts

@@ -8,5 +8,5 @@ export type LinkInfoButtonProps = {
     onClick?: () => void;
     testId?: string;
 };
-declare const LinkInfoButton: ({ content, icon, label, onClick, testId }: LinkInfoButtonProps) => React.JSX.Element;
+declare const LinkInfoButton: ({ content, icon, label, onClick, testId, }: LinkInfoButtonProps) => React.JSX.Element;
 export default LinkInfoButton;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/paragraph-prompt/main.d.ts

@@ -3,5 +3,5 @@ import type { UserInputParagraphPrompt } from '../../common/types';
 interface ParagraphInputPromptProps {
     userInputPrompt: UserInputParagraphPrompt;
 }
-declare const ParagraphInputPrompt: ({ userInputPrompt }: ParagraphInputPromptProps) => React.JSX.Element;
+declare const ParagraphInputPrompt: ({ userInputPrompt, }: ParagraphInputPromptProps) => React.JSX.Element;
 export default ParagraphInputPrompt;

package/dist/types-ts4.5/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/footer/main.d.ts

@@ -4,5 +4,5 @@ type AutomationModalFooterProps = {
     onClose: () => void;
     selectedRule: ManualRule | undefined;
 };
-export declare const AutomationModalFooter: ({ selectedRule, onClose }: AutomationModalFooterProps) => React.JSX.Element | null;
+export declare const AutomationModalFooter: ({ selectedRule, onClose, }: AutomationModalFooterProps) => React.JSX.Element | null;
 export {};

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
-export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
+export declare const AIFooterMetadata: ({ testId, url, }: AISummaryActionData & {
     testId?: string;
 }) => React.JSX.Element | null;

package/dist/types-ts4.5/view/FlexibleCard/components/common/atlaskit-icon/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type AtlaskitIconProps } from './types';
-declare const AtlaskitIcon: ({ icon, label, testId, size }: AtlaskitIconProps) => React.JSX.Element | null;
+declare const AtlaskitIcon: ({ icon, label, testId, size, }: AtlaskitIconProps) => React.JSX.Element | null;
 export default AtlaskitIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-item/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { LozengeActionItemProps } from './types';
-declare const LozengeActionItem: ({ appearance, id, onClick, testId, text }: LozengeActionItemProps) => React.JSX.Element;
+declare const LozengeActionItem: ({ appearance, id, onClick, testId, text, }: LozengeActionItemProps) => React.JSX.Element;
 export default LozengeActionItem;

package/dist/types-ts4.5/view/HoverCard/components/CustomPopupContainer.d.ts

@@ -6,4 +6,8 @@ import { type PopupComponentProps } from '@atlaskit/popup';
  * change between the default border and prism border during runtime.
  */
 declare const CustomPopupContainer: React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Factory function to create a CustomPopupContainer with a specific z-index
+ */
+export declare const createCustomPopupContainer: (zIndex?: number) => React.ForwardRefExoticComponent<Omit<PopupComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default CustomPopupContainer;

package/dist/types-ts4.5/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type HoverCardComponentProps } from '../types';
 export declare const HOVER_CARD_SOURCE = "smartLinkPreviewHoverCard";
-export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, label, titleId, onVisibilityChange, }: HoverCardComponentProps) => React.JSX.Element;
+export declare const HoverCardComponent: ({ children, url, id, canOpen, closeOnChildClick, actionOptions, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, role, shouldRenderToParent, label, titleId, onVisibilityChange, }: HoverCardComponentProps) => React.JSX.Element;

package/dist/types-ts4.5/view/HoverCard/components/ImagePreview.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type ImagePreviewProps } from '../types';
-declare const ImagePreview: ({ fallbackElementHeight, response }: ImagePreviewProps) => React.JSX.Element | null;
+declare const ImagePreview: ({ fallbackElementHeight, response, }: ImagePreviewProps) => React.JSX.Element | null;
 export default ImagePreview;

package/dist/types-ts4.5/view/HoverCard/types.d.ts

@@ -51,6 +51,11 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * Should be used along with `label` or `titleId` for supported roles.
      */
     role?: string;
+    /**
+     * Whether the hover card should render to the parent element, to the
+     * atlaskit-portal-container at the root of the document. Defaults to false.
+     */
+    shouldRenderToParent?: boolean;
     /**
      * Id referenced by the hover card `aria-labelledby` attribute.
      * Usage of either this, or the `label` attribute is strongly recommended.
@@ -86,6 +91,7 @@ export interface HoverCardComponentProps extends HoverCardProps, HoverCardIntern
 export type HoverCardContentProps = {
     actionOptions?: CardActionOptions;
     cardState: CardState;
+    hoverPreviewOptions?: HoverPreviewOptions;
     id?: string;
     onActionClick: (actionId: string | ActionName) => void;
     onMouseEnter?: MouseEventHandler;
@@ -93,7 +99,6 @@ export type HoverCardContentProps = {
     onResolve: () => void;
     renderers?: CardProviderRenderers;
     url: string;
-    hoverPreviewOptions?: HoverPreviewOptions;
 };
 export type ContentContainerProps = React.HTMLAttributes<HTMLDivElement> & {
     isAIEnabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.8.1",
+	"version": "43.9.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/embedded-confluence": "^4.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/form": "^14.2.0",
+		"@atlaskit/form": "^14.3.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^29.0.0",
@@ -70,8 +70,8 @@
 		"@atlaskit/textarea": "^8.1.0",
 		"@atlaskit/textfield": "^8.1.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.39.0",
-		"@atlaskit/tokens": "^8.1.0",
+		"@atlaskit/tmp-editor-statsig": "^13.40.0",
+		"@atlaskit/tokens": "^8.2.0",
 		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -235,6 +235,9 @@
 		"navx-2479-sl-fix-inilne-card-show-connect-button": {
 			"type": "boolean"
 		},
+		"hover-card-prop-should-render-to-parent": {
+			"type": "boolean"
+		},
 		"platform-linking-smart-card-layered-link-a11y": {
 			"type": "boolean"
 		},