@atlaskit/smart-card 27.8.3 → 27.9.0

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

@@ -6,6 +6,7 @@ import { type AnalyticsFacade } from '../../state/analytics';
 import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type FrameStyle } from '../EmbedCard/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type { CardAppearance, CardPlatform };
 export type CardInnerAppearance = CardAppearance | 'embedPreview' | 'flexible' | 'hoverCardPreview';
 export type EmbedIframeUrlType = 'href' | 'interactiveHref';
@@ -96,6 +97,7 @@ export interface CardProps extends WithAnalyticsEventsProps {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     /**
      * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-2681 Internal documentation for deprecation (no external access)}

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

@@ -5,6 +5,7 @@ import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import { type FrameStyle } from '../EmbedCard/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type CardWithUrlContentProps = {
     id: string;
     url: string;
@@ -44,6 +45,7 @@ export type CardWithUrlContentProps = {
     ui?: FlexibleUiOptions;
     children?: React.ReactNode;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     analyticsEvents?: AnalyticsFacade;
     placeholder?: string;

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type HoverCardDelayProps } from './types';
-declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, }: HoverCardDelayProps) => JSX.Element;
+declare const HoverCardControl: ({ children, hideHoverCardPreviewButton, isHoverPreview, isAuthTooltip, actionOptions, testId, url, delay, hoverPreviewOptions, }: HoverCardDelayProps) => JSX.Element;
 export default HoverCardControl;

package/dist/types-ts4.5/view/FlexibleCard/components/container/hover-card-control/types.d.ts

@@ -1,6 +1,6 @@
 import { type PropsWithChildren } from 'react';
 import { type ContainerProps } from '../types';
-export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions'> & {
+export type HoverCardDelayProps = PropsWithChildren<Pick<ContainerProps, 'hideHoverCardPreviewButton' | 'actionOptions' | 'hoverPreviewOptions'> & {
     isHoverPreview?: boolean;
     isAuthTooltip?: boolean;
     testId?: string;

package/dist/types-ts4.5/view/FlexibleCard/components/container/index.d.ts

@@ -10,5 +10,5 @@ export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: b
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hideHoverCardPreviewButton, hidePadding, onClick, retry, showAuthTooltip, showHoverPreview, hoverPreviewOptions, actionOptions, size, status, testId, theme, }: ContainerProps) => jsx.JSX.Element;
 export default Container;

package/dist/types-ts4.5/view/FlexibleCard/components/container/types.d.ts

@@ -1,7 +1,7 @@
 import { type PropsWithChildren } from 'react';
 import { type SmartLinkStatus } from '../../../../constants';
 import { type FlexibleCardProps, type FlexibleUiOptions, type RetryOptions } from '../../types';
-export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'showHoverPreview' | 'hoverPreviewOptions' | 'actionOptions' | 'showAuthTooltip'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */

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

@@ -8,6 +8,7 @@ import type { CardInnerAppearance, OnResolveCallback, CardActionOptions } from '
 import { type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import { type AISummaryConfig } from '../../state/hooks/use-ai-summary-config/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type FlexibleCardProps = {
     /**
      * @internal A unique ID for a Smart Link.
@@ -81,6 +82,10 @@ export type FlexibleCardProps = {
      * over the smartlink. Default value is false.
      */
     showHoverPreview?: boolean;
+    /**
+     * Configuration options for hover preview
+     */
+    hoverPreviewOptions?: HoverPreviewOptions;
     /**
      * Determines whether to show an unauthorised view of the hover card
      * when a user hovers over a smartlink.

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

@@ -55,6 +55,7 @@ export interface HoverCardProps extends WithAnalyticsEventsProps {
      * This is passed to the portal component.
      */
     zIndex?: number;
+    hoverPreviewOptions?: HoverPreviewOptions;
 }
 /**
  * An internal props that internal smart-card components can use to configure
@@ -103,3 +104,9 @@ export type ImagePreviewProps = {
     data: JsonLd.Data.BaseData;
     fallbackElementHeight: number;
 };
+export interface HoverPreviewOptions {
+    /**
+     * Delay (in milliseconds) between hovering over the trigger element and the hover card opening. Defaults to 500ms.
+     */
+    fadeInDelay?: number;
+}

package/dist/types-ts4.5/view/InlineCard/ResolvedView/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type LozengeProps } from '../../../types';
 import type { CardActionOptions } from '../../Card/types';
+import { type HoverPreviewOptions } from '../../HoverCard/types';
 export interface InlineCardResolvedViewProps {
     /** A unique ID for a Smart Link. */
     id?: string;
@@ -26,6 +27,7 @@ export interface InlineCardResolvedViewProps {
     titlePrefix?: React.ReactNode;
     /** Enables showing a custom preview on hover of link */
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     /** Configure visibility of server and client actions */
     actionOptions?: CardActionOptions;
 }

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

@@ -4,6 +4,7 @@ import { type CardState } from '../../state/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
 import { type AnalyticsFacade } from '../../state/analytics';
 import type { CardActionOptions } from '../Card/types';
+import { type HoverPreviewOptions } from '../HoverCard/types';
 export type InlineCardProps = {
     id: string;
     url: string;
@@ -21,6 +22,7 @@ export type InlineCardProps = {
     inlinePreloaderStyle?: InlinePreloaderStyle;
     renderers?: CardProviderRenderers;
     showHoverPreview?: boolean;
+    hoverPreviewOptions?: HoverPreviewOptions;
     showAuthTooltip?: boolean;
     actionOptions?: CardActionOptions;
     analytics: AnalyticsFacade;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.8.3",
+	"version": "27.9.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,12 +30,12 @@
 	"dependencies": {
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^9.3.0",
-		"@atlaskit/avatar": "^21.10.0",
-		"@atlaskit/avatar-group": "^9.8.0",
-		"@atlaskit/badge": "^16.2.0",
-		"@atlaskit/button": "^18.0.0",
+		"@atlaskit/avatar": "^21.11.0",
+		"@atlaskit/avatar-group": "^9.9.0",
+		"@atlaskit/badge": "^16.3.0",
+		"@atlaskit/button": "^18.1.0",
 		"@atlaskit/checkbox": "^13.5.0",
-		"@atlaskit/dropdown-menu": "^12.13.0",
+		"@atlaskit/dropdown-menu": "^12.14.0",
 		"@atlaskit/form": "^10.4.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/linking-types": "^8.9.0",
 		"@atlaskit/logo": "^14.1.0",
 		"@atlaskit/lozenge": "^11.8.0",
-		"@atlaskit/menu": "^2.6.0",
+		"@atlaskit/menu": "^2.7.0",
 		"@atlaskit/modal-dialog": "^12.14.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -98,7 +98,7 @@
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/analytics-tooling": "*",
 		"@atlassian/feature-flags-test-utils": "^0.2.0",
-		"@testing-library/dom": "^8.17.1",
+		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^12.1.5",
 		"@testing-library/react-hooks": "^8.0.1",
@@ -112,9 +112,10 @@
 		"brace": "^0.11.1",
 		"fetch-mock": "^8.0.0",
 		"jest-emotion": "^10.0.32",
-		"jest-extended": "^0.11.2",
+		"jest-extended": "^4.0.2",
 		"jest-fetch-mock": "^3.0.3",
-		"jsdom": "^17.0.0",
+		"jest-mock": "^29.7.0",
+		"jsdom": "^22.0.0",
 		"lorem-ipsum": "^1.0.6",
 		"react": "^16.8.0",
 		"react-ace": "^6.1.0",
@@ -122,7 +123,7 @@
 		"react-dom": "^16.8.0",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"react-test-renderer": "^16.8.0",
-		"ts-jest": "26.5.6",
+		"ts-jest": "29.1.2",
 		"typescript": "~5.4.2",
 		"xhr-mock": "^2.4.0"
 	},