npm - @atlaskit/smart-card - Versions diffs - 44.13.1 → 44.14.1 - Mend

@atlaskit/smart-card 44.13.1 → 44.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (943) hide show

package/dist/esm/view/BlockCard/index.js CHANGED Viewed

@@ -23,6 +23,8 @@ export var BlockCard = function BlockCard(_ref2) {
     authFlow = _ref2.authFlow,
     handleAuthorize = _ref2.handleAuthorize,
     handleFrameClick = _ref2.handleFrameClick,
+    handleFrameAuxClick = _ref2.handleFrameAuxClick,
+    handleFrameContextMenu = _ref2.handleFrameContextMenu,
     renderers = _ref2.renderers,
     isSelected = _ref2.isSelected,
     onResolve = _ref2.onResolve,
@@ -40,6 +42,8 @@ export var BlockCard = function BlockCard(_ref2) {
     onClick: function onClick(event) {
       return handleClickCommon(event, handleFrameClick);
     },
+    onAuxClick: handleFrameAuxClick,
+    onContextMenu: handleFrameContextMenu,
     onError: onError,
     onResolve: onResolve,
     renderers: renderers,

package/dist/esm/view/BlockCard/views/ResolvedView.js CHANGED Viewed

@@ -31,6 +31,8 @@ var ResolvedView = function ResolvedView(_ref) {
   var _cardState$details2;
   var cardState = _ref.cardState,
     onClick = _ref.onClick,
+    onAuxClick = _ref.onAuxClick,
+    onContextMenu = _ref.onContextMenu,
     onError = _ref.onError,
     onResolve = _ref.onResolve,
     actionOptions = _ref.actionOptions,
@@ -120,6 +122,8 @@ var ResolvedView = function ResolvedView(_ref) {
     appearance: "block",
     cardState: cardState,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     onError: onError,
     onResolve: onResolve,
     origin: "smartLinkCard",

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

@@ -353,6 +353,8 @@ function Component(_ref) {
         cardState: state,
         handleAuthorize: services.length && handleAuthorize || undefined,
         handleFrameClick: handleClickWrapper,
+        handleFrameAuxClick: handleFrameAuxClick,
+        handleFrameContextMenu: handleFrameContextMenu,
         isSelected: isSelected,
         onResolve: onResolve,
         onError: onError,

package/dist/esm/view/FlexibleCard/components/container/index.js CHANGED Viewed

@@ -77,7 +77,7 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
     return block.props;
   }
 };
-var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
+var getLayeredLink = function getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu) {
   var _ref = context || {},
     linkTitle = _ref.linkTitle,
     _ref$url = _ref.url,
@@ -87,6 +87,8 @@ var getLayeredLink = function getLayeredLink(testId, context, children, onClick)
     text = _ref2.text;
   return /*#__PURE__*/React.createElement(LayeredLink, {
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     target: target,
     testId: testId,
     text: text || (linkTitle === null || linkTitle === void 0 ? void 0 : linkTitle.text),
@@ -167,6 +169,8 @@ var Container = function Container(_ref3) {
     _ref3$hidePadding = _ref3.hidePadding,
     hidePadding = _ref3$hidePadding === void 0 ? false : _ref3$hidePadding,
     onClick = _ref3.onClick,
+    onAuxClick = _ref3.onAuxClick,
+    onContextMenu = _ref3.onContextMenu,
     retry = _ref3.retry,
     _ref3$showHoverPrevie = _ref3.showHoverPreview,
     showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
@@ -199,7 +203,7 @@ var Container = function Container(_ref3) {
       "--_73mooq": ix(previewOnLeft ? gap : padding),
       "--_12k13bg": ix(previewOnRight ? gap : padding)
     }
-  }, clickableContainer ? getLayeredLink(testId, context, children, onClick) : null, filterChildren(children, removeBlockRestriction));
+  }, clickableContainer ? getLayeredLink(testId, context, children, onClick, onAuxClick, onContextMenu) : null, filterChildren(children, removeBlockRestriction));
   if (context !== null && context !== void 0 && context.url && canShowHoverCard) {
     return /*#__PURE__*/React.createElement(HoverCardControl, {
       isHoverPreview: isResolved || hasHoverCardOverride,

package/dist/esm/view/FlexibleCard/components/container/layered-link/index.js CHANGED Viewed

@@ -12,6 +12,8 @@ var styles = null;
  */
 var LayeredLink = function LayeredLink(_ref) {
   var onClick = _ref.onClick,
+    onAuxClick = _ref.onAuxClick,
+    onContextMenu = _ref.onContextMenu,
     target = _ref.target,
     testId = _ref.testId,
     text = _ref.text,
@@ -23,6 +25,8 @@ var LayeredLink = function LayeredLink(_ref) {
     "data-testid": "".concat(testId, "-layered-link"),
     href: url,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     onMouseDown: onMouseDown,
     target: target
   }, text);

package/dist/esm/view/FlexibleCard/components/elements/common/base-link-element/index.js CHANGED Viewed

@@ -84,6 +84,8 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     theme = _ref$theme === void 0 ? SmartLinkTheme.Link : _ref$theme,
     url = _ref.url,
     onClick = _ref.onClick,
+    onAuxClick = _ref.onAuxClick,
+    onContextMenu = _ref.onContextMenu,
     _ref$target = _ref.target,
     target = _ref$target === void 0 ? '_blank' : _ref$target,
     anchorRef = _ref.anchorRef;
@@ -96,6 +98,8 @@ var BaseLinkElement = function BaseLinkElement(_ref) {
     "data-smart-element-link": true,
     "data-testid": testId,
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     onMouseDown: onMouseDown,
     href: url
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop

package/dist/esm/view/FlexibleCard/index.js CHANGED Viewed

@@ -32,6 +32,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
     id = _ref.id,
     onAuthorize = _ref.onAuthorize,
     onClick = _ref.onClick,
+    onAuxClick = _ref.onAuxClick,
+    onContextMenu = _ref.onContextMenu,
     onError = _ref.onError,
     onResolve = _ref.onResolve,
     origin = _ref.origin,
@@ -73,6 +75,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
       id: id,
       onAuthorize: onAuthorize,
       onClick: onClick,
+      onAuxClick: onAuxClick,
+      onContextMenu: onContextMenu,
       origin: origin,
       renderers: renderers,
       resolve: resolve
@@ -86,7 +90,7 @@ var FlexibleCard = function FlexibleCard(_ref) {
       isPreviewPanelAvailable: isPreviewPanelAvailable,
       openPreviewPanel: openPreviewPanel
     }));
-  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, url, fireEvent]);
+  }, [aiSummaryConfig, appearance, actionOptions, details, id, isPreviewPanelAvailable, onAuthorize, onClick, onAuxClick, onContextMenu, openPreviewPanel, origin, placeholderCardState, placeHolderStatus, product, renderers, resolve, rovoConfig, status, url, fireEvent]);
   var flexibleCardContext = useMemo(function () {
     return {
       data: context,
@@ -132,6 +136,8 @@ var FlexibleCard = function FlexibleCard(_ref) {
     testId: testId
   }, ui, {
     onClick: onClick,
+    onAuxClick: onAuxClick,
+    onContextMenu: onContextMenu,
     showHoverPreview: showHoverPreview,
     hoverPreviewOptions: hoverPreviewOptions,
     actionOptions: actionOptions,

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

@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "44.14.0",
   componentName: 'linkUrl'
 };
 var LinkUrl = function LinkUrl(_ref) {

package/dist/types/extractors/flexible/extract-link-title.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import type { LinkTitle } from '../../state/flexible-ui-context/types';
-declare const extractLinkTitle: (status?: string, propUrl?: string, response?: SmartLinkResponse, onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>) => LinkTitle | undefined;
+declare const extractLinkTitle: (status?: string, propUrl?: string, response?: SmartLinkResponse, onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>, onAuxClick?: React.EventHandler<React.MouseEvent>, onContextMenu?: React.EventHandler<React.MouseEvent>) => LinkTitle | undefined;
 export default extractLinkTitle;

package/dist/types/extractors/flexible/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { type FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { type ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, onClick, origin, product, resolve, rovoConfig, actionOptions, response, status, aiSummaryConfig, isPreviewPanelAvailable, openPreviewPanel, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, onClick, onAuxClick, onContextMenu, origin, product, resolve, rovoConfig, actionOptions, response, status, aiSummaryConfig, isPreviewPanelAvailable, openPreviewPanel, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types/state/flexible-ui-context/types.d.ts CHANGED Viewed

@@ -270,7 +270,11 @@ export type FlexibleUiDataContext = {
     voteCount?: number;
 };
 export type LinkTitle = {
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     text?: string;
     url?: string;
 };

package/dist/types/view/BlockCard/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type BlockCardProps } from './types';
-export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, hideIconLoadingSkeleton, }: BlockCardProps) => React.JSX.Element;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, handleFrameAuxClick, handleFrameContextMenu, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, hideIconLoadingSkeleton, }: BlockCardProps) => React.JSX.Element;

package/dist/types/view/BlockCard/types.d.ts CHANGED Viewed

@@ -11,7 +11,11 @@ export type BlockCardProps = {
         sourceUrl: string;
     }>;
     handleAuthorize: (() => void) | undefined;
+    /** Optional middle-click handler. */
+    handleFrameAuxClick?: React.EventHandler<React.MouseEvent>;
     handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    handleFrameContextMenu?: React.EventHandler<React.MouseEvent>;
     hideIconLoadingSkeleton?: boolean;
     id: string;
     isSelected?: boolean;

package/dist/types/view/BlockCard/views/types.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { type FlexibleCardProps } from '../../FlexibleCard/types';
-export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt' | 'hideIconLoadingSkeleton'>;
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onAuxClick' | 'onContextMenu' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt' | 'hideIconLoadingSkeleton'>;

package/dist/types/view/FlexibleCard/components/container/index.d.ts CHANGED Viewed

@@ -21,5 +21,5 @@ export declare const getFlexibleUiBlock: (node: React.ReactNode) => React.ReactN
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, }: ContainerProps) => JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, onAuxClick, onContextMenu, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, }: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types/view/FlexibleCard/components/container/layered-link/index.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ import { type LayeredLinkProps } from './types';
  * @internal
  * @see `clickableContainer`
  */
-declare const LayeredLink: ({ onClick, target, testId, text, url }: LayeredLinkProps) => JSX.Element;
+declare const LayeredLink: ({ onClick, onAuxClick, onContextMenu, target, testId, text, url, }: LayeredLinkProps) => JSX.Element;
 export default LayeredLink;

package/dist/types/view/FlexibleCard/components/container/layered-link/types.d.ts CHANGED Viewed

@@ -1,9 +1,13 @@
 export type LayeredLinkProps = {
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /**
      * Determines the onClick behaviour of the Link. By default used for analytics.
      * @internal
      */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     target?: '_blank' | '_self' | '_top' | '_parent';
     testId?: string;
     text?: string;

package/dist/types/view/FlexibleCard/components/container/types.d.ts CHANGED Viewed

@@ -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' | 'hoverPreviewOptions' | 'actionOptions'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'onAuxClick' | 'onContextMenu' | 'showHoverPreview' | 'hoverPreviewOptions' | 'actionOptions'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */

package/dist/types/view/FlexibleCard/components/elements/common/base-link-element/index.d.ts CHANGED Viewed

@@ -19,11 +19,15 @@ export type BaseLinkElementProps = ElementProps & {
      * The number of lines that the link text should spread over. Maximum of 2 lines.
      */
     maxLines?: number;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /**
      * Determines the behaviour when the Link is clicked. By default is used to
      * propagate analytics.
      */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /**
      * Mouse event to be provided to the link
      */
@@ -51,6 +55,6 @@ export type BaseLinkElementProps = ElementProps & {
  * @param {BaseLinkElementProps} BaseLinkElementProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
+declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, onAuxClick, onContextMenu, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
 export default BaseLinkElement;
 export declare const toLinkProps: (text?: string, url?: string) => Partial<BaseLinkElementProps> | undefined;

package/dist/types/view/FlexibleCard/index.d.ts CHANGED Viewed

@@ -6,5 +6,5 @@ import { type FlexibleCardProps } from './types';
  * Note: TitleBlock is mandatory for a Flexible Card to render.
  * @see Container
  */
-declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onError, onResolve, origin, placeholderData, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => React.JSX.Element;
+declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onAuxClick, onContextMenu, onError, onResolve, origin, placeholderData, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => React.JSX.Element;
 export default FlexibleCard;

package/dist/types/view/FlexibleCard/types.d.ts CHANGED Viewed

@@ -56,11 +56,15 @@ export type FlexibleCardProps = {
      * @internal
      */
     onAuthorize?: () => void;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /**
      * Determines the onClick behaviour of Flexible UI. This will proxy to the
      * TitleBlock if supplied.
      */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /**
      * function to be called after a flexible card has rendered its error states
      */
@@ -173,7 +177,7 @@ export type RetryOptions = {
      */
     values?: Record<string, string>;
 };
-export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'onClick' | 'renderers' | 'url'> & {
+export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'onClick' | 'onAuxClick' | 'onContextMenu' | 'renderers' | 'url'> & {
     aiSummaryConfig?: AISummaryConfig;
     fireEvent?: FireEventFunction;
     isPreviewPanelAvailable?: (params: {

package/dist/types-ts4.5/extractors/flexible/extract-link-title.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import type { SmartLinkResponse } from '@atlaskit/linking-types';
 import type { LinkTitle } from '../../state/flexible-ui-context/types';
-declare const extractLinkTitle: (status?: string, propUrl?: string, response?: SmartLinkResponse, onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>) => LinkTitle | undefined;
+declare const extractLinkTitle: (status?: string, propUrl?: string, response?: SmartLinkResponse, onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>, onAuxClick?: React.EventHandler<React.MouseEvent>, onContextMenu?: React.EventHandler<React.MouseEvent>) => LinkTitle | undefined;
 export default extractLinkTitle;

package/dist/types-ts4.5/extractors/flexible/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { type FlexibleUiDataContext } from '../../state/flexible-ui-context/types';
 import { type ExtractFlexibleUiDataContextParams } from '../../view/FlexibleCard/types';
-declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, onClick, origin, product, resolve, rovoConfig, actionOptions, response, status, aiSummaryConfig, isPreviewPanelAvailable, openPreviewPanel, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
+declare const extractFlexibleUiContext: ({ appearance, fireEvent, id, onClick, onAuxClick, onContextMenu, origin, product, resolve, rovoConfig, actionOptions, response, status, aiSummaryConfig, isPreviewPanelAvailable, openPreviewPanel, ...props }?: Partial<ExtractFlexibleUiDataContextParams>) => FlexibleUiDataContext | undefined;
 export default extractFlexibleUiContext;

package/dist/types-ts4.5/state/flexible-ui-context/types.d.ts CHANGED Viewed

@@ -270,7 +270,11 @@ export type FlexibleUiDataContext = {
     voteCount?: number;
 };
 export type LinkTitle = {
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     text?: string;
     url?: string;
 };

package/dist/types-ts4.5/view/BlockCard/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type BlockCardProps } from './types';
-export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, hideIconLoadingSkeleton, }: BlockCardProps) => React.JSX.Element;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, handleFrameAuxClick, handleFrameContextMenu, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, hideIconLoadingSkeleton, }: BlockCardProps) => React.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/types.d.ts CHANGED Viewed

@@ -11,7 +11,11 @@ export type BlockCardProps = {
         sourceUrl: string;
     }>;
     handleAuthorize: (() => void) | undefined;
+    /** Optional middle-click handler. */
+    handleFrameAuxClick?: React.EventHandler<React.MouseEvent>;
     handleFrameClick: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    handleFrameContextMenu?: React.EventHandler<React.MouseEvent>;
     hideIconLoadingSkeleton?: boolean;
     id: string;
     isSelected?: boolean;

package/dist/types-ts4.5/view/BlockCard/views/types.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { type FlexibleCardProps } from '../../FlexibleCard/types';
-export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt' | 'hideIconLoadingSkeleton'>;
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onAuxClick' | 'onContextMenu' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt' | 'hideIconLoadingSkeleton'>;

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

@@ -21,5 +21,5 @@ export declare const getFlexibleUiBlock: (node: React.ReactNode) => React.ReactN
  * @internal
  * @see Block
  */
-declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, }: ContainerProps) => JSX.Element;
+declare const Container: ({ children, clickableContainer, hideBackground, hideElevation, hidePadding, onClick, onAuxClick, onContextMenu, retry, showHoverPreview, hoverPreviewOptions, actionOptions, removeBlockRestriction, size, status, testId, }: ContainerProps) => JSX.Element;
 export default Container;

package/dist/types-ts4.5/view/FlexibleCard/components/container/layered-link/index.d.ts CHANGED Viewed

@@ -4,5 +4,5 @@ import { type LayeredLinkProps } from './types';
  * @internal
  * @see `clickableContainer`
  */
-declare const LayeredLink: ({ onClick, target, testId, text, url }: LayeredLinkProps) => JSX.Element;
+declare const LayeredLink: ({ onClick, onAuxClick, onContextMenu, target, testId, text, url, }: LayeredLinkProps) => JSX.Element;
 export default LayeredLink;

package/dist/types-ts4.5/view/FlexibleCard/components/container/layered-link/types.d.ts CHANGED Viewed

@@ -1,9 +1,13 @@
 export type LayeredLinkProps = {
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /**
      * Determines the onClick behaviour of the Link. By default used for analytics.
      * @internal
      */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     target?: '_blank' | '_self' | '_top' | '_parent';
     testId?: string;
     text?: string;

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

@@ -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' | 'hoverPreviewOptions' | 'actionOptions'> & FlexibleUiOptions & {
+export type ContainerProps = PropsWithChildren<Pick<FlexibleCardProps, 'onClick' | 'onAuxClick' | 'onContextMenu' | 'showHoverPreview' | 'hoverPreviewOptions' | 'actionOptions'> & FlexibleUiOptions & {
     /**
      * The options that determine the retry behaviour when a Smart Link errors.
      */

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-link-element/index.d.ts CHANGED Viewed

@@ -19,11 +19,15 @@ export type BaseLinkElementProps = ElementProps & {
      * The number of lines that the link text should spread over. Maximum of 2 lines.
      */
     maxLines?: number;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /**
      * Determines the behaviour when the Link is clicked. By default is used to
      * propagate analytics.
      */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /**
      * Mouse event to be provided to the link
      */
@@ -51,6 +55,6 @@ export type BaseLinkElementProps = ElementProps & {
  * @param {BaseLinkElementProps} BaseLinkElementProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
+declare const BaseLinkElement: ({ hideTooltip, maxLines, name, className, size, testId, text, theme, url, onClick, onAuxClick, onContextMenu, target, anchorRef, }: BaseLinkElementProps) => JSX.Element;
 export default BaseLinkElement;
 export declare const toLinkProps: (text?: string, url?: string) => Partial<BaseLinkElementProps> | undefined;

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

@@ -6,5 +6,5 @@ import { type FlexibleCardProps } from './types';
  * Note: TitleBlock is mandatory for a Flexible Card to render.
  * @see Container
  */
-declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onError, onResolve, origin, placeholderData, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => React.JSX.Element;
+declare const FlexibleCard: ({ appearance, cardState, children, id, onAuthorize, onClick, onAuxClick, onContextMenu, onError, onResolve, origin, placeholderData, renderers, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => React.JSX.Element;
 export default FlexibleCard;

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

@@ -56,11 +56,15 @@ export type FlexibleCardProps = {
      * @internal
      */
     onAuthorize?: () => void;
+    /** Optional middle-click handler. */
+    onAuxClick?: React.EventHandler<React.MouseEvent>;
     /**
      * Determines the onClick behaviour of Flexible UI. This will proxy to the
      * TitleBlock if supplied.
      */
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+    /** Optional right-click handler. */
+    onContextMenu?: React.EventHandler<React.MouseEvent>;
     /**
      * function to be called after a flexible card has rendered its error states
      */
@@ -173,7 +177,7 @@ export type RetryOptions = {
      */
     values?: Record<string, string>;
 };
-export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'onClick' | 'renderers' | 'url'> & {
+export type ExtractFlexibleUiDataContextParams = Pick<FlexibleCardProps, 'appearance' | 'id' | 'actionOptions' | 'origin' | 'onAuthorize' | 'onClick' | 'onAuxClick' | 'onContextMenu' | 'renderers' | 'url'> & {
     aiSummaryConfig?: AISummaryConfig;
     fireEvent?: FireEventFunction;
     isPreviewPanelAvailable?: (params: {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "44.13.1",
+	"version": "44.14.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -64,7 +64,7 @@
 		"@atlaskit/link-extractors": "^2.6.0",
 		"@atlaskit/link-test-helpers": "^10.2.0",
 		"@atlaskit/linking-common": "^9.11.0",
-		"@atlaskit/linking-types": "^14.3.0",
+		"@atlaskit/linking-types": "^14.4.0",
 		"@atlaskit/logo": "^20.1.0",
 		"@atlaskit/lozenge": "^13.8.0",
 		"@atlaskit/menu": "^8.5.0",
@@ -84,9 +84,9 @@
 		"@atlaskit/tag": "^14.13.0",
 		"@atlaskit/textarea": "^8.3.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/theme": "^23.2.0",
+		"@atlaskit/theme": "^24.0.0",
 		"@atlaskit/tile": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^82.1.0",
+		"@atlaskit/tmp-editor-statsig": "^82.3.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^22.2.0",
 		"@atlaskit/ufo": "^0.5.0",