@atlaskit/smart-card 26.9.6 → 26.9.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 26.9.8
+
+### Patch Changes
+
+- [`4d66cb26fcb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4d66cb26fcb) - Bump jsdom to ^17.0.0
+- [`2a6ebbbfdf1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a6ebbbfdf1) - [ux] Hover Preview: Hide hover preview on scrolling (wheel event)
+- Updated dependencies
+
+## 26.9.7
+
+### Patch Changes
+
+- [`68880de5ecb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/68880de5ecb) - [ux] Closing hover card on right click (open of context menu)
+
 ## 26.9.6
 
 ### Patch Changes

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.9.6",
+	"version": "26.9.8",
 	"sideEffects": false
 }

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

@@ -166,19 +166,26 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
   }, [hideCard]);
 
   // Stop hover preview content to propagate event to parent.
-  var onChildClick = (0, _react2.useCallback)(function (e) {
+  var handleChildClick = (0, _react2.useCallback)(function (e, closeOnClick) {
     if (!allowEventPropagation) {
       e.stopPropagation();
     }
-    if (closeOnChildClick) {
+    if (closeOnClick) {
       hideCard();
     }
-  }, [allowEventPropagation, closeOnChildClick, hideCard]);
+  }, [allowEventPropagation, hideCard]);
+  var onContextMenuClick = (0, _react2.useCallback)(function (e) {
+    return handleChildClick(e, true);
+  }, [handleChildClick]);
+  var onChildClick = (0, _react2.useCallback)(function (e) {
+    return handleChildClick(e, closeOnChildClick);
+  }, [closeOnChildClick, handleChildClick]);
   var content = (0, _react2.useCallback)(function (_ref2) {
     var update = _ref2.update;
     var hoverCardContentProps = {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
+      onWheel: initHideCard,
       cardActions: filteredActions,
       cardState: linkState,
       onActionClick: onActionClick,
@@ -203,9 +210,10 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
       onMouseLeave: initHideCard,
       onMouseMove: setMousePosition,
       onClick: onChildClick,
+      onContextMenu: onContextMenuClick,
       "data-testid": "hover-card-trigger-wrapper"
     }), children));
-  }, [children, initHideCard, initShowCard, onChildClick, setMousePosition]);
+  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
   return (0, _react.jsx)(_popup.default, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,

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

@@ -103,6 +103,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url = _ref.url,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
+    onWheel = _ref.onWheel,
     showServerActions = _ref.showServerActions;
   var useLozengeAction = (0, _linkProvider.useFeatureFlag)('useLozengeAction');
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
@@ -116,6 +117,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
   var statusRef = (0, _react2.useRef)(linkStatus);
   var analyticsRef = (0, _react2.useRef)(analytics);
+  var wrapperRef = (0, _react2.useRef)(null);
   (0, _react2.useEffect)(function () {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -147,6 +149,22 @@ var HoverCardContent = function HoverCardContent(_ref) {
       });
     };
   }, []);
+  (0, _react2.useEffect)(function () {
+    var wrapperRefValue = null;
+    if (wrapperRef.current && onWheel) {
+      // Detect wheel even on hover card content to close hover card
+      // Add event listener through ref because we want it to execute only once.
+      wrapperRef.current.addEventListener('wheel', onWheel, {
+        once: true
+      });
+      wrapperRefValue = wrapperRef.current;
+    }
+    return function () {
+      if (wrapperRefValue && onWheel) {
+        wrapperRefValue.removeEventListener('wheel', onWheel);
+      }
+    };
+  }, [onWheel]);
   var onClick = (0, _react2.useCallback)(function (event) {
     var isModifierKeyPressed = (0, _utils.isSpecialEvent)(event);
     analytics.ui.cardClickedEvent({
@@ -222,11 +240,13 @@ var HoverCardContent = function HoverCardContent(_ref) {
   };
   var cardView = getCardView(cardState);
   return cardView ? (0, _react.jsx)("div", {
+    "data-testid": "hover-card-content",
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
     className: hoverCardClassName,
-    css: _styled.HoverCardContainer
+    css: _styled.HoverCardContainer,
+    ref: wrapperRef
   }, cardView) : null;
 };
 var _default = HoverCardContent;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.9.6",
+	"version": "26.9.8",
 	"sideEffects": false
 }

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

@@ -144,20 +144,23 @@ export const HoverCardComponent = ({
   }, [hideCard]);
 
   // Stop hover preview content to propagate event to parent.
-  const onChildClick = useCallback(e => {
+  const handleChildClick = useCallback((e, closeOnClick) => {
     if (!allowEventPropagation) {
       e.stopPropagation();
     }
-    if (closeOnChildClick) {
+    if (closeOnClick) {
       hideCard();
     }
-  }, [allowEventPropagation, closeOnChildClick, hideCard]);
+  }, [allowEventPropagation, hideCard]);
+  const onContextMenuClick = useCallback(e => handleChildClick(e, true), [handleChildClick]);
+  const onChildClick = useCallback(e => handleChildClick(e, closeOnChildClick), [closeOnChildClick, handleChildClick]);
   const content = useCallback(({
     update
   }) => {
     const hoverCardContentProps = {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
+      onWheel: initHideCard,
       cardActions: filteredActions,
       cardState: linkState,
       onActionClick,
@@ -181,8 +184,9 @@ export const HoverCardComponent = ({
     onMouseLeave: initHideCard,
     onMouseMove: setMousePosition,
     onClick: onChildClick,
+    onContextMenu: onContextMenuClick,
     "data-testid": "hover-card-trigger-wrapper"
-  }), children)), [children, initHideCard, initShowCard, onChildClick, setMousePosition]);
+  }), children)), [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
   return jsx(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,

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

@@ -61,6 +61,7 @@ const HoverCardContent = ({
   url,
   onMouseEnter,
   onMouseLeave,
+  onWheel,
   showServerActions
 }) => {
   var _linkState$status, _cardState$details;
@@ -75,6 +76,7 @@ const HoverCardContent = ({
   const linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
   const statusRef = useRef(linkStatus);
   const analyticsRef = useRef(analytics);
+  const wrapperRef = useRef(null);
   useEffect(() => {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -106,6 +108,22 @@ const HoverCardContent = ({
       });
     };
   }, []);
+  useEffect(() => {
+    let wrapperRefValue = null;
+    if (wrapperRef.current && onWheel) {
+      // Detect wheel even on hover card content to close hover card
+      // Add event listener through ref because we want it to execute only once.
+      wrapperRef.current.addEventListener('wheel', onWheel, {
+        once: true
+      });
+      wrapperRefValue = wrapperRef.current;
+    }
+    return () => {
+      if (wrapperRefValue && onWheel) {
+        wrapperRefValue.removeEventListener('wheel', onWheel);
+      }
+    };
+  }, [onWheel]);
   const onClick = useCallback(event => {
     const isModifierKeyPressed = isSpecialEvent(event);
     analytics.ui.cardClickedEvent({
@@ -178,11 +196,13 @@ const HoverCardContent = ({
   };
   const cardView = getCardView(cardState);
   return cardView ? jsx("div", {
+    "data-testid": "hover-card-content",
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
     className: hoverCardClassName,
-    css: HoverCardContainer
+    css: HoverCardContainer,
+    ref: wrapperRef
   }, cardView) : null;
 };
 export default HoverCardContent;

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "26.9.6",
+	"version": "26.9.8",
 	"sideEffects": false
 }

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

@@ -155,19 +155,26 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
   }, [hideCard]);
 
   // Stop hover preview content to propagate event to parent.
-  var onChildClick = useCallback(function (e) {
+  var handleChildClick = useCallback(function (e, closeOnClick) {
     if (!allowEventPropagation) {
       e.stopPropagation();
     }
-    if (closeOnChildClick) {
+    if (closeOnClick) {
       hideCard();
     }
-  }, [allowEventPropagation, closeOnChildClick, hideCard]);
+  }, [allowEventPropagation, hideCard]);
+  var onContextMenuClick = useCallback(function (e) {
+    return handleChildClick(e, true);
+  }, [handleChildClick]);
+  var onChildClick = useCallback(function (e) {
+    return handleChildClick(e, closeOnChildClick);
+  }, [closeOnChildClick, handleChildClick]);
   var content = useCallback(function (_ref2) {
     var update = _ref2.update;
     var hoverCardContentProps = {
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
+      onWheel: initHideCard,
       cardActions: filteredActions,
       cardState: linkState,
       onActionClick: onActionClick,
@@ -192,9 +199,10 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       onMouseLeave: initHideCard,
       onMouseMove: setMousePosition,
       onClick: onChildClick,
+      onContextMenu: onContextMenuClick,
       "data-testid": "hover-card-trigger-wrapper"
     }), children));
-  }, [children, initHideCard, initShowCard, onChildClick, setMousePosition]);
+  }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition]);
   return jsx(Popup, {
     testId: "hover-card",
     isOpen: isOpen && canOpen,

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

@@ -89,6 +89,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
     url = _ref.url,
     onMouseEnter = _ref.onMouseEnter,
     onMouseLeave = _ref.onMouseLeave,
+    onWheel = _ref.onWheel,
     showServerActions = _ref.showServerActions;
   var useLozengeAction = useFeatureFlag('useLozengeAction');
   var _useAnalyticsEvents = useAnalyticsEvents(),
@@ -102,6 +103,7 @@ var HoverCardContent = function HoverCardContent(_ref) {
   var linkStatus = (_linkState$status = linkState.status) !== null && _linkState$status !== void 0 ? _linkState$status : 'pending';
   var statusRef = useRef(linkStatus);
   var analyticsRef = useRef(analytics);
+  var wrapperRef = useRef(null);
   useEffect(function () {
     /**
      * Must access current analytics object value via ref because its not stable
@@ -133,6 +135,22 @@ var HoverCardContent = function HoverCardContent(_ref) {
       });
     };
   }, []);
+  useEffect(function () {
+    var wrapperRefValue = null;
+    if (wrapperRef.current && onWheel) {
+      // Detect wheel even on hover card content to close hover card
+      // Add event listener through ref because we want it to execute only once.
+      wrapperRef.current.addEventListener('wheel', onWheel, {
+        once: true
+      });
+      wrapperRefValue = wrapperRef.current;
+    }
+    return function () {
+      if (wrapperRefValue && onWheel) {
+        wrapperRefValue.removeEventListener('wheel', onWheel);
+      }
+    };
+  }, [onWheel]);
   var onClick = useCallback(function (event) {
     var isModifierKeyPressed = isSpecialEvent(event);
     analytics.ui.cardClickedEvent({
@@ -208,11 +226,13 @@ var HoverCardContent = function HoverCardContent(_ref) {
   };
   var cardView = getCardView(cardState);
   return cardView ? jsx("div", {
+    "data-testid": "hover-card-content",
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     onClick: onClickStopPropagation,
     className: hoverCardClassName,
-    css: HoverCardContainer
+    css: HoverCardContainer,
+    ref: wrapperRef
   }, cardView) : null;
 };
 export default HoverCardContent;

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

@@ -5,7 +5,7 @@ import { LinkAction } from '../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { AnalyticsHandler } from '../../utils/types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { ReactElement, MouseEventHandler } from 'react';
+import { MouseEventHandler, ReactElement } from 'react';
 import { JsonLd } from 'json-ld-types';
 export interface HoverCardProps extends WithAnalyticsEventsProps {
     /**
@@ -80,6 +80,7 @@ export type HoverCardContentProps = {
     url: string;
     onMouseEnter?: MouseEventHandler;
     onMouseLeave?: MouseEventHandler;
+    onWheel?: EventListenerOrEventListenerObject;
     showServerActions?: boolean;
 };
 export type SnippetOrPreviewProps = {

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

@@ -5,7 +5,7 @@ import { LinkAction } from '../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { AnalyticsHandler } from '../../utils/types';
 import { CardProviderRenderers } from '@atlaskit/link-provider';
-import { ReactElement, MouseEventHandler } from 'react';
+import { MouseEventHandler, ReactElement } from 'react';
 import { JsonLd } from 'json-ld-types';
 export interface HoverCardProps extends WithAnalyticsEventsProps {
     /**
@@ -80,6 +80,7 @@ export type HoverCardContentProps = {
     url: string;
     onMouseEnter?: MouseEventHandler;
     onMouseLeave?: MouseEventHandler;
+    onWheel?: EventListenerOrEventListenerObject;
     showServerActions?: boolean;
 };
 export type SnippetOrPreviewProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.9.6",
+  "version": "26.9.8",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
     "@atlaskit/link-client-extension": "^1.5.0",
     "@atlaskit/link-extractors": "^1.1.0",
     "@atlaskit/linking-common": "^3.4.0",
-    "@atlaskit/linking-types": "^8.1.0",
+    "@atlaskit/linking-types": "^8.2.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/media-common": "^7.1.0",
@@ -48,7 +48,7 @@
     "@atlaskit/popup": "^1.8.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.12.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",
@@ -95,7 +95,7 @@
     "fetch-mock": "^8.0.0",
     "jest-emotion": "^10.0.32",
     "jest-extended": "^0.11.2",
-    "jsdom": "^16.2.2",
+    "jsdom": "^17.0.0",
     "lorem-ipsum": "^1.0.6",
     "react": "^16.8.0",
     "react-ace": "^6.1.0",

package/tmp/api-report-tmp.d.ts

@@ -1,937 +0,0 @@
-## API Report File for "@atlaskit/smart-card"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { APIError } from '@atlaskit/linking-common';
-import { Appearance } from '@atlaskit/button/types';
-import { BlockCardAdf } from '@atlaskit/linking-common';
-import { CardAdf } from '@atlaskit/linking-common';
-import { CardAppearance } from '@atlaskit/linking-common';
-import { CardContext } from '@atlaskit/link-provider';
-import { CardPlatform } from '@atlaskit/link-extractors';
-import { CardType } from '@atlaskit/linking-common';
-import { CardClient as Client } from '@atlaskit/link-provider';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { DatasourceAdf } from '@atlaskit/linking-common';
-import { DatasourceAdfView } from '@atlaskit/linking-common';
-import { EditorCardProvider } from '@atlaskit/link-provider';
-import { editorCardProvider } from '@atlaskit/link-provider';
-import { EmbedCardAdf } from '@atlaskit/linking-common';
-import { ErrorInfo } from 'react';
-import { GasPayload } from '@atlaskit/analytics-gas-types';
-import { InlineCardAdf } from '@atlaskit/linking-common';
-import { JsonLd } from 'json-ld-types';
-import { MessageDescriptor } from 'react-intl-next';
-import { SmartCardProvider as Provider } from '@atlaskit/link-provider';
-import { ProviderProps } from '@atlaskit/link-provider';
-import { default as React_2 } from 'react';
-import { ReactChild } from 'react';
-import { Ref } from 'react';
-import { SerializedStyles } from '@emotion/react';
-import { SmartCardContext } from '@atlaskit/link-provider';
-import { SmartLinkActionType } from '@atlaskit/linking-types';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { WithContextProps } from '@atlaskit/analytics-next';
-import { WithIntlProps } from 'react-intl-next';
-import { WrappedComponentProps } from 'react-intl-next';
-
-// @public (undocumented)
-export type ActionItem = CustomActionItem | NamedActionItem | NamedDataActionItem;
-
-// @public
-export enum ActionName {
-    // (undocumented)
-    CustomAction = "CustomAction",
-    // (undocumented)
-    DeleteAction = "DeleteAction",
-    // (undocumented)
-    DownloadAction = "DownloadAction",
-    // (undocumented)
-    EditAction = "EditAction",
-    // (undocumented)
-    PreviewAction = "PreviewAction",
-    // (undocumented)
-    ViewAction = "ViewAction"
-}
-
-// @public (undocumented)
-type ActionProps = {
-    size?: SmartLinkSize;
-    content?: React.ReactNode;
-    appearance?: Appearance;
-    onClick: () => any;
-    icon?: ReactChild;
-    iconPosition?: 'after' | 'before';
-    tooltipMessage?: React.ReactNode;
-    asDropDownItem?: boolean;
-    overrideCss?: SerializedStyles;
-    testId?: string;
-};
-
-// @public (undocumented)
-export type AnalyticsAction = 'authStarted' | 'chunkLoadFailed' | 'clicked' | 'closed' | 'connectFailed' | 'connectSucceeded' | 'connected' | 'created' | 'dismissed' | 'dwelled' | 'failed' | 'focused' | 'inserted' | 'renderFailed' | 'renderSuccess' | 'renderWithStatus' | 'resolved' | 'started' | 'success' | 'unresolved' | 'updated' | 'viewed';
-
-// @public (undocumented)
-export type AnalyticsActionSubject = 'applicationAccount' | 'button' | 'consentModal' | 'embedPreviewModal' | 'hoverCard' | 'link' | 'modal' | 'smartLink' | 'smartLinkAction' | 'smartLinkIframe' | 'smartLinkQuickAction';
-
-// @public (undocumented)
-type AnalyticsFacade = ReturnType<typeof useSmartLinkAnalytics>;
-
-// @public (undocumented)
-export type AnalyticsHandler = (event: AnalyticsPayload) => void;
-
-// @public (undocumented)
-type AnalyticsName = 'embedPreviewModal';
-
-// @public (undocumented)
-export type AnalyticsPayload = GasPayload & {
-    action?: AnalyticsAction;
-    actionSubject: AnalyticsActionSubject;
-    attributes: GasPayload['attributes'] & {
-        display?: CardInnerAppearance;
-    };
-};
-
-// @public (undocumented)
-type AnchorTarget = '_blank' | '_parent' | '_self' | '_top';
-
-export { APIError }
-
-// @public
-type AttachmentCount = {
-    name: ElementName.AttachmentCount;
-};
-
-// @public
-type AuthorGroup = {
-    name: ElementName.AuthorGroup;
-};
-
-// @public
-type BaseActionItem = {
-    hideContent?: boolean;
-    hideIcon?: boolean;
-    name: ActionName;
-    onClick: () => any;
-    overrideCss?: SerializedStyles;
-    size?: SmartLinkSize;
-    testId?: string;
-};
-
-// @public
-type BaseDataActionItem = {
-    hideContent?: boolean;
-    hideIcon?: boolean;
-    name: ActionName;
-    onClick?: () => any;
-    overrideCss?: SerializedStyles;
-    size?: SmartLinkSize;
-    testId?: string;
-};
-
-export { BlockCardAdf }
-
-// @public (undocumented)
-export const blockCardContentClassName = "block-card-content";
-
-// @public (undocumented)
-export const blockCardContentHeaderClassName = "block-card-content-header";
-
-// @public (undocumented)
-export const blockCardContentHeaderNameClassName = "block-card-content-header-name";
-
-// @public (undocumented)
-export const blockCardErroredViewClassName = "block-card-errored-view";
-
-// @public (undocumented)
-export const blockCardForbiddenViewClassName = "block-card-forbidden-view";
-
-// @public (undocumented)
-export const blockCardForbiddenViewLinkClassName = "block-card-forbidden-view-link";
-
-// @public (undocumented)
-export const blockCardIconImageClassName = "block-card-icon-image";
-
-// @public (undocumented)
-export const blockCardNotFoundViewClassName = "block-card-not-found-view";
-
-// @public (undocumented)
-export const blockCardResolvedViewByClassName = "block-card-resolved-view-by";
-
-// @public (undocumented)
-export const blockCardResolvedViewClassName = "block-card-resolved-view";
-
-// @public (undocumented)
-export const blockCardResolvingViewClassName = "block-card-resolving-view";
-
-// @public (undocumented)
-type BlockProps = {
-    direction?: SmartLinkDirection;
-    overrideCss?: SerializedStyles;
-    size?: SmartLinkSize;
-    status?: SmartLinkStatus;
-    testId?: string;
-    blockRef?: Ref<HTMLDivElement>;
-    onRender?: () => void;
-    onTransitionEnd?: () => void;
-};
-
-// @public (undocumented)
-export const Card: React_2.ForwardRefExoticComponent<Pick<Omit<React_2.PropsWithChildren<WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "analyticsEvents" | "appearance" | "children" | "container" | "data" | "embedIframeRef" | "embedIframeUrlType" | "fallbackComponent" | "forwardedRef" | "frameStyle" | "id" | "importer" | "inheritDimensions" | "inlinePreloaderStyle" | "isFrameVisible" | "isSelected" | "key" | "onClick" | "onError" | "onResolve" | "placeholder" | "platform" | "showActions" | "showAuthTooltip" | "showHoverPreview" | "showServerActions" | "testId" | "ui" | "url"> & React_2.RefAttributes<any>>;
-
-export { CardAdf }
-
-export { CardAppearance }
-
-export { CardContext }
-
-// @public (undocumented)
-type CardInnerAppearance = 'embedPreview' | 'flexible' | 'hoverCardPreview' | CardAppearance;
-
-export { CardPlatform }
-
-// @public (undocumented)
-export interface CardProps extends WithAnalyticsEventsProps {
-    // @deprecated (undocumented)
-    analyticsEvents?: AnalyticsFacade;
-    // (undocumented)
-    appearance: CardAppearance;
-    // (undocumented)
-    children?: React.ReactNode;
-    // (undocumented)
-    container?: HTMLElement;
-    // @deprecated (undocumented)
-    data?: any;
-    // (undocumented)
-    embedIframeRef?: React.Ref<HTMLIFrameElement>;
-    // (undocumented)
-    embedIframeUrlType?: EmbedIframeUrlType;
-    fallbackComponent?: React.ComponentType;
-    frameStyle?: FrameStyle;
-    // (undocumented)
-    id?: string;
-    // (undocumented)
-    importer?: (target: any) => void;
-    inheritDimensions?: boolean;
-    // (undocumented)
-    inlinePreloaderStyle?: InlinePreloaderStyle;
-    // @deprecated (undocumented)
-    isFrameVisible?: boolean;
-    // (undocumented)
-    isSelected?: boolean;
-    // (undocumented)
-    onClick?: React.EventHandler<React.KeyboardEvent | React.MouseEvent>;
-    onError?: OnErrorCallback;
-    // (undocumented)
-    onResolve?: OnResolveCallback;
-    // (undocumented)
-    placeholder?: string;
-    // (undocumented)
-    platform?: CardPlatform;
-    showActions?: boolean;
-    // (undocumented)
-    showAuthTooltip?: boolean;
-    // (undocumented)
-    showHoverPreview?: boolean;
-    showServerActions?: boolean;
-    // (undocumented)
-    testId?: string;
-    // (undocumented)
-    ui?: FlexibleUiOptions;
-    // (undocumented)
-    url?: string;
-}
-
-export { CardType }
-
-// @public
-type ChecklistProgress = {
-    name: ElementName.ChecklistProgress;
-};
-
-export { Client }
-
-// @public
-type CollaboratorGroup = {
-    name: ElementName.CollaboratorGroup;
-};
-
-// @public
-type CommentCount = {
-    name: ElementName.CommentCount;
-};
-
-// @public (undocumented)
-interface CommonEventProps {
-    // (undocumented)
-    definitionId?: string;
-    // (undocumented)
-    destinatinoObjectType?: string;
-    // (undocumented)
-    destinationProduct?: DestinationProduct | string;
-    // (undocumented)
-    destinationSubproduct?: DestinationSubproduct | string;
-    // (undocumented)
-    extensionKey?: string;
-    // (undocumented)
-    id?: string;
-    // (undocumented)
-    location?: string;
-    // (undocumented)
-    resourceType?: string;
-    // (undocumented)
-    statusDetails?: string;
-}
-
-// @public (undocumented)
-type ConnectFailedEventProps = CommonEventProps & {
-    id?: string;
-    reason?: string;
-};
-
-// @public (undocumented)
-type ConnectSucceededEventProps = CommonEventProps & {
-    id?: string;
-};
-
-// @public (undocumented)
-export const contentFooterClassName = "smart-link-content-footer";
-
-// @public
-type CreatedBy = {
-    name: ElementName.CreatedBy;
-};
-
-// @public
-type CreatedOn = {
-    name: ElementName.CreatedOn;
-    text?: string;
-};
-
-// @public
-type CustomActionItem = BaseActionItem & {
-    name: ActionName.CustomAction;
-} & (((Required<Pick<ActionProps, 'content'>> & Pick<ActionProps, 'icon' | 'iconPosition'>) & Pick<ActionProps, 'tooltipMessage'>) | (Required<Pick<ActionProps, 'icon' | 'iconPosition'>> & Pick<ActionProps, 'content'>));
-
-export { DatasourceAdf }
-
-export { DatasourceAdfView }
-
-// @public (undocumented)
-type DestinationProduct = 'bitbucket' | 'confluence' | 'jira' | 'trello';
-
-// @public (undocumented)
-type DestinationSubproduct = 'core' | 'servicedesk' | 'software';
-
-// @public
-type DueOn = {
-    name: ElementName.DueOn;
-};
-
-export { EditorCardProvider }
-
-export { editorCardProvider }
-
-// @public
-export type ElementItem = {
-    overrideCss?: SerializedStyles;
-    size?: SmartLinkSize;
-    testId?: string;
-} & ElementItemProps;
-
-// @public
-type ElementItemProps = AttachmentCount | AuthorGroup | ChecklistProgress | CollaboratorGroup | CommentCount | CreatedBy | CreatedOn | DueOn | LatestCommit | LinkIcon | Location_2 | ModifiedBy | ModifiedOn | OwnedBy | Preview | Priority | ProgrammingLanguage | Provider_2 | ReactCount | Snippet | SourceBranch | State_2 | SubscriberCount | TargetBranch | Title | ViewCount | VoteCount;
-
-// @public
-export enum ElementName {
-    // (undocumented)
-    AttachmentCount = "AttachmentCount",
-    // (undocumented)
-    AuthorGroup = "AuthorGroup",
-    // (undocumented)
-    ChecklistProgress = "ChecklistProgress",
-    // (undocumented)
-    CollaboratorGroup = "CollaboratorGroup",
-    // (undocumented)
-    CommentCount = "CommentCount",
-    // (undocumented)
-    CreatedBy = "CreatedBy",
-    // (undocumented)
-    CreatedOn = "CreatedOn",
-    // (undocumented)
-    DueOn = "DueOn",
-    // (undocumented)
-    LatestCommit = "LatestCommit",
-    // (undocumented)
-    LinkIcon = "LinkIcon",
-    // (undocumented)
-    Location = "Location",
-    // (undocumented)
-    ModifiedBy = "ModifiedBy",
-    // (undocumented)
-    ModifiedOn = "ModifiedOn",
-    // (undocumented)
-    OwnedBy = "OwnedBy",
-    // (undocumented)
-    Preview = "Preview",
-    // (undocumented)
-    Priority = "Priority",
-    // (undocumented)
-    ProgrammingLanguage = "ProgrammingLanguage",
-    // (undocumented)
-    Provider = "Provider",
-    // (undocumented)
-    ReactCount = "ReactCount",
-    // (undocumented)
-    Snippet = "Snippet",
-    // (undocumented)
-    SourceBranch = "SourceBranch",
-    // (undocumented)
-    State = "State",
-    // (undocumented)
-    SubscriberCount = "SubscriberCount",
-    // (undocumented)
-    TargetBranch = "TargetBranch",
-    // (undocumented)
-    Title = "Title",
-    // (undocumented)
-    ViewCount = "ViewCount",
-    // (undocumented)
-    VoteCount = "VoteCount"
-}
-
-export { EmbedCardAdf }
-
-// @public (undocumented)
-export const embedHeaderHeight = 32;
-
-// @public (undocumented)
-type EmbedIframeUrlType = 'href' | 'interactiveHref';
-
-// @public (undocumented)
-export class EmbedResizeMessageListener extends React_2.Component<Props, State> {
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    render(): React_2.ReactNode;
-}
-
-// @public (undocumented)
-type ErrorCardType = 'errored' | 'fallback' | 'forbidden' | 'not_found' | 'unauthorized';
-
-// @public (undocumented)
-type FlexibleUiOptions = {
-    clickableContainer?: boolean;
-    hideElevation?: boolean;
-    hideHoverCardPreviewButton?: boolean;
-    hidePadding?: boolean;
-    hideBackground?: boolean;
-    size?: SmartLinkSize;
-    theme?: SmartLinkTheme;
-    zIndex?: number;
-};
-
-// @public
-export const FooterBlock: React_2.FC<FooterBlockProps>;
-
-// @public (undocumented)
-type FooterBlockProps = {
-    actions?: ActionItem[];
-    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
-} & BlockProps;
-
-// @public (undocumented)
-type FrameStyle = 'hide' | 'show' | 'showOnHover';
-
-export { InlineCardAdf }
-
-// @public (undocumented)
-type InlinePreloaderStyle = 'on-left-with-skeleton' | 'on-right-without-skeleton';
-
-// @public (undocumented)
-type InstrumentEventProps = CommonEventProps & {
-    error?: APIError;
-    status: CardType;
-    id: string;
-};
-
-// @public (undocumented)
-type InvokeFailedEventProps = CommonEventProps & {
-    id: string;
-    actionType: string;
-    display: CardInnerAppearance;
-    reason: string;
-};
-
-// @public (undocumented)
-type InvokeSucceededEventProps = CommonEventProps & {
-    id: string;
-    actionType: string;
-    display: CardInnerAppearance;
-};
-
-// @public (undocumented)
-type InvokeType = 'client' | 'server';
-
-// @public
-type LatestCommit = {
-    name: ElementName.LatestCommit;
-};
-
-// @public
-type LinkIcon = {
-    name: ElementName.LinkIcon;
-};
-
-// @public (undocumented)
-export const loadingPlaceholderClassName = "smart-link-loading-placeholder";
-
-// @public
-type Location_2 = {
-    name: ElementName.Location;
-};
-
-// @public (undocumented)
-export enum MediaPlacement {
-    // (undocumented)
-    Left = "left",
-    // (undocumented)
-    Right = "right"
-}
-
-// @public
-export const MetadataBlock: React_2.FC<MetadataBlockProps>;
-
-// @public (undocumented)
-type MetadataBlockProps = {
-    maxLines?: number;
-    primary?: ElementItem[];
-    secondary?: ElementItem[];
-} & BlockProps;
-
-// @public (undocumented)
-export const metadataListClassName = "smart-link-metadata-list";
-
-// @public
-type ModifiedBy = {
-    name: ElementName.ModifiedBy;
-};
-
-// @public
-type ModifiedOn = {
-    name: ElementName.ModifiedOn;
-    text?: string;
-};
-
-// @public
-type NamedActionItem = BaseActionItem & {
-    name: ActionName.DeleteAction | ActionName.EditAction;
-};
-
-// @public
-type NamedDataActionItem = BaseDataActionItem & {
-    name: ActionName.DownloadAction | ActionName.PreviewAction | ActionName.ViewAction;
-};
-
-// @public (undocumented)
-export type OnActionMenuOpenChangeOptions = {
-    isOpen: boolean;
-};
-
-// @public (undocumented)
-type OnErrorCallback = (data: {
-    status: Extract<CardType, ErrorCardType>;
-    url: string;
-    err?: Error;
-}) => void;
-
-// @public (undocumented)
-type OnResolveCallback = (data: {
-    url?: string;
-    title?: string;
-    aspectRatio?: number;
-}) => void;
-
-// @public
-type OwnedBy = {
-    name: ElementName.OwnedBy;
-};
-
-// @public
-type Preview = {
-    name: ElementName.Preview;
-};
-
-// @public
-export const PreviewBlock: React_2.FC<PreviewBlockProps>;
-
-// @public (undocumented)
-type PreviewBlockProps = {
-    ignoreContainerPadding?: boolean;
-    onError?: () => void;
-    placement?: MediaPlacement;
-} & BlockProps;
-
-// @public (undocumented)
-type PreviewDisplay = 'card' | 'embed';
-
-// @public (undocumented)
-type PreviewInvokeMethod = 'keyboard' | 'mouse_click' | 'mouse_hover';
-
-// @public
-type Priority = {
-    name: ElementName.Priority;
-};
-
-// @public
-type ProgrammingLanguage = {
-    name: ElementName.ProgrammingLanguage;
-};
-
-// @public (undocumented)
-interface Props {
-    // (undocumented)
-    embedIframeRef: React_2.RefObject<HTMLIFrameElement>;
-    // (undocumented)
-    onHeightUpdate: (height: number) => void;
-}
-
-export { Provider }
-
-// @public
-type Provider_2 = {
-    name: ElementName.Provider;
-};
-
-export { ProviderProps }
-
-// @public
-type ReactCount = {
-    name: ElementName.ReactCount;
-};
-
-// @public (undocumented)
-export type ResolveResponse = JsonLd.Response;
-
-// @public
-type RetryOptions = {
-    descriptor?: MessageDescriptor;
-    onClick?: ((e: React.MouseEvent<HTMLElement>) => void) | undefined;
-    values?: Record<string, string>;
-};
-
-// @public (undocumented)
-type ScreenAuthPopupEventProps = CommonEventProps;
-
-export { SmartCardContext as Context }
-export { SmartCardContext }
-
-// @public
-export enum SmartLinkDirection {
-    // (undocumented)
-    Horizontal = "horizontal",
-    // (undocumented)
-    Vertical = "vertical"
-}
-
-// @public (undocumented)
-export class SmartLinkEvents {
-    // (undocumented)
-    insertSmartLink(url: string, type: CardInnerAppearance, createAnalyticsEvent?: CreateUIAnalyticsEvent): void;
-}
-
-// @public
-export enum SmartLinkPosition {
-    // (undocumented)
-    Center = "center",
-    // (undocumented)
-    Top = "top"
-}
-
-// @public
-export enum SmartLinkSize {
-    // (undocumented)
-    Large = "large",
-    // (undocumented)
-    Medium = "medium",
-    // (undocumented)
-    Small = "small",
-    // (undocumented)
-    XLarge = "xlarge"
-}
-
-// @public
-enum SmartLinkStatus {
-    // (undocumented)
-    Errored = "errored",
-    // (undocumented)
-    Fallback = "fallback",
-    // (undocumented)
-    Forbidden = "forbidden",
-    // (undocumented)
-    NotFound = "not_found",
-    // (undocumented)
-    Pending = "pending",
-    // (undocumented)
-    Resolved = "resolved",
-    // (undocumented)
-    Resolving = "resolving",
-    // (undocumented)
-    Unauthorized = "unauthorized"
-}
-
-// @public
-export enum SmartLinkTheme {
-    // (undocumented)
-    Black = "black",
-    // (undocumented)
-    Link = "link"
-}
-
-// @public
-type Snippet = {
-    name: ElementName.Snippet;
-};
-
-// @public
-export const SnippetBlock: React_2.FC<SnippetBlockProps>;
-
-// @public (undocumented)
-type SnippetBlockProps = {
-    maxLines?: number;
-} & BlockProps;
-
-// @public
-type SourceBranch = {
-    name: ElementName.SourceBranch;
-};
-
-// @public (undocumented)
-interface State {
-}
-
-// @public
-type State_2 = {
-    name: ElementName.State;
-};
-
-// @public
-type SubscriberCount = {
-    name: ElementName.SubscriberCount;
-};
-
-// @public
-type TargetBranch = {
-    name: ElementName.TargetBranch;
-};
-
-// @public
-type Title = {
-    name: ElementName.Title;
-};
-
-// @public
-export const TitleBlock: React_2.FC<TitleBlockProps>;
-
-// @public (undocumented)
-type TitleBlockProps = {
-    actions?: ActionItem[];
-    anchorTarget?: AnchorTarget;
-    hideTitleTooltip?: boolean;
-    maxLines?: number;
-    metadata?: ElementItem[];
-    onActionMenuOpenChange?: (options: OnActionMenuOpenChangeOptions) => void;
-    position?: SmartLinkPosition;
-    onClick?: React_2.EventHandler<React_2.KeyboardEvent | React_2.MouseEvent>;
-    retry?: RetryOptions;
-    hideRetry?: boolean;
-    showActionOnHover?: boolean;
-    subtitle?: ElementItem[];
-    text?: string;
-    theme?: SmartLinkTheme;
-    metadataPosition?: SmartLinkPosition;
-} & BlockProps;
-
-// @public (undocumented)
-type TrackAppAccountConnectedProps = CommonEventProps;
-
-// @public (undocumented)
-enum TrackQuickActionFailureReason {
-    // (undocumented)
-    PermissionError = "PermissionError",
-    // (undocumented)
-    UnknownError = "UnknownError",
-    // (undocumented)
-    ValidationError = "ValidationError"
-}
-
-// @public (undocumented)
-enum TrackQuickActionType {
-    // (undocumented)
-    StatusUpdate = "StatusUpdate"
-}
-
-// @public (undocumented)
-type UiActionClickedEventProps = CommonEventProps & {
-    id: string;
-    display: CardInnerAppearance;
-    actionType: string;
-    invokeType?: InvokeType;
-};
-
-// @public (undocumented)
-type UiAuthAlternateAccountEventProps = CommonEventProps & {
-    display: CardInnerAppearance;
-};
-
-// @public (undocumented)
-type UiAuthEventProps = CommonEventProps & {
-    display: CardInnerAppearance;
-};
-
-// @public (undocumented)
-type UiCardClickedEventProps = CommonEventProps & {
-    id: string;
-    display: CardInnerAppearance;
-    status: CardType;
-    isModifierKeyPressed?: boolean;
-    actionSubjectId?: string;
-};
-
-// @public (undocumented)
-type UiClosedAuthEventProps = CommonEventProps & {
-    display: CardInnerAppearance;
-};
-
-// @public (undocumented)
-type UiHoverCardDismissedEventProps = CommonEventProps & {
-    previewDisplay: PreviewDisplay;
-    hoverTime: number;
-    previewInvokeMethod?: PreviewInvokeMethod;
-    status: CardType;
-};
-
-// @public (undocumented)
-type UiHoverCardOpenLinkClickedEventProps = CommonEventProps & {
-    previewDisplay: PreviewDisplay;
-    previewInvokeMethod?: PreviewInvokeMethod;
-};
-
-// @public (undocumented)
-type UiHoverCardViewedEventProps = CommonEventProps & {
-    previewDisplay: PreviewDisplay;
-    previewInvokeMethod?: PreviewInvokeMethod;
-    status: CardType;
-};
-
-// @public (undocumented)
-type UiIframeDwelledEventProps = CommonEventProps & {
-    id: string;
-    display: CardInnerAppearance;
-    status: CardType;
-    dwellTime: number;
-    dwellPercentVisible: number;
-};
-
-// @public (undocumented)
-type UiIframeFocusedEventProps = CommonEventProps & {
-    id: string;
-    display: CardInnerAppearance;
-    status: CardType;
-};
-
-// @public (undocumented)
-type UiRenderFailedEventProps = CommonEventProps & {
-    display: CardInnerAppearance;
-    error: Error;
-    errorInfo: ErrorInfo;
-};
-
-// @public (undocumented)
-type UiRenderSuccessEventProps = CommonEventProps & {
-    display: CardInnerAppearance;
-    status: CardType;
-};
-
-// @public @deprecated
-export const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: AnalyticsHandler, id?: string, defaultLocation?: string) => {
-    ui: {
-        authEvent: ({ display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiAuthEventProps) => void;
-        authAlternateAccountEvent: ({ display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiAuthAlternateAccountEventProps) => void;
-        buttonClickedEvent: (data: Partial<AnalyticsPayload> & {
-            actionSubjectId: Required<string>;
-        }) => void;
-        cardClickedEvent: ({ id, display, status, definitionId, extensionKey, isModifierKeyPressed, location, destinationProduct, destinationSubproduct, actionSubjectId, }: UiCardClickedEventProps) => void;
-        iframeDwelledEvent: ({ id, display, status, definitionId, extensionKey, location, destinationProduct, destinationSubproduct, dwellTime, dwellPercentVisible, }: UiIframeDwelledEventProps) => void;
-        iframeFocusedEvent: ({ id, display, status, definitionId, extensionKey, location, destinationProduct, destinationSubproduct, }: UiIframeFocusedEventProps) => void;
-        actionClickedEvent: ({ id, actionType, display, invokeType, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiActionClickedEventProps) => void;
-        hoverCardOpenLinkClickedEvent: ({ previewDisplay, definitionId, extensionKey, destinationProduct, destinationSubproduct, location, previewInvokeMethod, }: UiHoverCardOpenLinkClickedEventProps) => void;
-        closedAuthEvent: ({ display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiClosedAuthEventProps) => void;
-        modalClosedEvent: (data: Partial<AnalyticsPayload> & {
-            actionSubjectId: Required<string>;
-        }) => void;
-        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderSuccessEventProps) => void;
-        renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => void;
-        hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: UiHoverCardViewedEventProps) => void;
-        hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: UiHoverCardDismissedEventProps) => void;
-        learnMoreClickedEvent: () => void;
-        smartLinkLozengeActionClickedEvent: () => void;
-        smartLinkLozengeActionListItemClickedEvent: () => void;
-        smartLinkLozengeActionErrorOpenPreviewClickedEvent: () => void;
-    };
-    operational: {
-        invokeSucceededEvent: ({ id, actionType, display, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: InvokeSucceededEventProps) => void;
-        invokeFailedEvent: ({ id, actionType, display, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: InvokeFailedEventProps) => void;
-        connectSucceededEvent: ({ id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ConnectSucceededEventProps) => void;
-        connectFailedEvent: ({ id, reason, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ConnectFailedEventProps) => void;
-        instrument: ({ id, status, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, error, }: InstrumentEventProps) => void;
-        chunkloadFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => void;
-    };
-    track: {
-        appAccountConnected: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: TrackAppAccountConnectedProps) => void;
-        appAccountAuthStarted: ({ extensionKey, location, }: TrackAppAccountConnectedProps) => void;
-        linkUpdated: (props: CommonEventProps & {
-            [key: string]: any;
-        }) => void;
-        smartLinkQuickActionStarted: (props: {
-            smartLinkActionType: SmartLinkActionType | TrackQuickActionType;
-        }) => void;
-        smartLinkQuickActionSuccess: (props: {
-            smartLinkActionType: SmartLinkActionType | TrackQuickActionType;
-        }) => void;
-        smartLinkQuickActionFailed: (props: {
-            smartLinkActionType: SmartLinkActionType | TrackQuickActionType;
-            reason?: TrackQuickActionFailureReason;
-            step?: string;
-        }) => void;
-    };
-    screen: {
-        authPopupEvent: ({ extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => void;
-        modalViewedEvent: (data: Partial<AnalyticsPayload> & {
-            name: Extract<AnalyticsName, 'embedPreviewModal'>;
-        }) => void;
-    };
-};
-
-// @public (undocumented)
-export function useSmartLinkEvents(): SmartLinkEvents;
-
-// @public
-type ViewCount = {
-    name: ElementName.ViewCount;
-};
-
-// @public
-type VoteCount = {
-    name: ElementName.VoteCount;
-};
-
-// (No @packageDocumentation comment for this package)
-
-```