@atlaskit/smart-card 26.9.8 → 26.9.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.9.10
+
+### Patch Changes
+
+- [`74c892f10de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c892f10de) - [ux] Hover card will open closer to the mouse position, but with a slight offset of 10px to the right and to the top.
+
+## 26.9.9
+
+### Patch Changes
+
+- [`4e254433494`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e254433494) - [ux] Remove 'open in new tab' button in Hover Cards
+
 ## 26.9.8
 
 ### Patch Changes

package/dist/cjs/version.json

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

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

@@ -67,6 +67,14 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
       x: event.clientX,
       y: event.clientY
     };
+
+    //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
+    if ((!isOpen || !canOpen) && parentSpan.current && mousePos.current) {
+      var _parentSpan$current$g = parentSpan.current.getBoundingClientRect(),
+        bottom = _parentSpan$current$g.bottom,
+        left = _parentSpan$current$g.left;
+      popupOffset.current = [mousePos.current.x - left + _styled.CARD_GAP_PX, mousePos.current.y - bottom + _styled.CARD_GAP_PX];
+    }
   }, [canOpen, isOpen]);
   var hideCard = (0, _react2.useCallback)(function () {
     setIsOpen(false);
@@ -133,21 +141,13 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
 
     //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
     setMousePosition(event);
-
-    //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
-    if ((!isOpen || !canOpen) && parentSpan.current && mousePos.current) {
-      var _parentSpan$current$g = parentSpan.current.getBoundingClientRect(),
-        bottom = _parentSpan$current$g.bottom,
-        left = _parentSpan$current$g.left;
-      popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + _styled.CARD_GAP_PX];
-    }
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
       fadeInTimeoutId.current = setTimeout(function () {
         setIsOpen(true);
       }, FADE_IN_DELAY);
     }
-  }, [canOpen, initResolve, isOpen, setMousePosition]);
+  }, [initResolve, isOpen, setMousePosition]);
   var linkActions = (0, _useSmartLinkActions.useSmartLinkActions)({
     url: url,
     appearance: _constants.CardDisplay.HoverCardPreview,

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

@@ -5,12 +5,11 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hoverCardClassName = exports.getOpenAction = exports.getCopyAction = exports.default = void 0;
+exports.hoverCardClassName = exports.getCopyAction = exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("@emotion/react");
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _shortcut = _interopRequireDefault(require("@atlaskit/icon/glyph/shortcut"));
 var _copy = _interopRequireDefault(require("@atlaskit/icon/glyph/copy"));
 var _react2 = _interopRequireWildcard(require("react"));
 var _constants = require("../../../constants");
@@ -34,28 +33,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var hoverCardClassName = 'smart-links-hover-preview';
 exports.hoverCardClassName = hoverCardClassName;
-var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
-  return {
-    name: _constants.ActionName.CustomAction,
-    icon: (0, _react.jsx)(_shortcut.default, {
-      label: "open in new tab",
-      size: "medium"
-    }),
-    iconPosition: 'before',
-    onClick: function onClick() {
-      if (onActionClick) {
-        onActionClick('open-content');
-      }
-      window.open(url, '_blank');
-      analytics.ui.hoverCardOpenLinkClickedEvent({
-        previewDisplay: 'card'
-      });
-    },
-    tooltipMessage: (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.messages.open_link_in_a_new_tab),
-    testId: 'hover-card-open-button'
-  };
-};
-exports.getOpenAction = getOpenAction;
 var getCopyAction = function getCopyAction(url) {
   return {
     name: _constants.ActionName.CustomAction,
@@ -177,8 +154,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     (0, _click.fireLinkClickedEvent)(createAnalyticsEvent)(event);
   }, [createAnalyticsEvent, cardState.status, analytics.ui, id]);
   var titleActions = (0, _react2.useMemo)(function () {
-    return [getCopyAction(url), getOpenAction(url, analytics, onActionClick)];
-  }, [url, analytics, onActionClick]);
+    return [getCopyAction(url)];
+  }, [url]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _extractMetadata = (0, _extractMetadata2.extractMetadata)((0, _utils2.getSimulatedMetadata)(extensionKey, data)),
     subtitle = _extractMetadata.subtitle;

package/dist/es2019/version.json

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

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

@@ -48,6 +48,15 @@ export const HoverCardComponent = ({
       x: event.clientX,
       y: event.clientY
     };
+
+    //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
+    if ((!isOpen || !canOpen) && parentSpan.current && mousePos.current) {
+      const {
+        bottom,
+        left
+      } = parentSpan.current.getBoundingClientRect();
+      popupOffset.current = [mousePos.current.x - left + CARD_GAP_PX, mousePos.current.y - bottom + CARD_GAP_PX];
+    }
   }, [canOpen, isOpen]);
   const hideCard = useCallback(() => {
     setIsOpen(false);
@@ -112,22 +121,13 @@ export const HoverCardComponent = ({
 
     //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
     setMousePosition(event);
-
-    //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
-    if ((!isOpen || !canOpen) && parentSpan.current && mousePos.current) {
-      const {
-        bottom,
-        left
-      } = parentSpan.current.getBoundingClientRect();
-      popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + CARD_GAP_PX];
-    }
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
       fadeInTimeoutId.current = setTimeout(() => {
         setIsOpen(true);
       }, FADE_IN_DELAY);
     }
-  }, [canOpen, initResolve, isOpen, setMousePosition]);
+  }, [initResolve, isOpen, setMousePosition]);
   const linkActions = useSmartLinkActions({
     url,
     appearance: CardDisplay.HoverCardPreview,

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

@@ -1,7 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
@@ -20,25 +19,6 @@ import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 export const hoverCardClassName = 'smart-links-hover-preview';
-export const getOpenAction = (url, analytics, onActionClick) => ({
-  name: ActionName.CustomAction,
-  icon: jsx(ShortcutIcon, {
-    label: "open in new tab",
-    size: "medium"
-  }),
-  iconPosition: 'before',
-  onClick: () => {
-    if (onActionClick) {
-      onActionClick('open-content');
-    }
-    window.open(url, '_blank');
-    analytics.ui.hoverCardOpenLinkClickedEvent({
-      previewDisplay: 'card'
-    });
-  },
-  tooltipMessage: jsx(FormattedMessage, messages.open_link_in_a_new_tab),
-  testId: 'hover-card-open-button'
-});
 export const getCopyAction = url => ({
   name: ActionName.CustomAction,
   icon: jsx(CopyIcon, {
@@ -135,7 +115,7 @@ const HoverCardContent = ({
     });
     fireLinkClickedEvent(createAnalyticsEvent)(event);
   }, [createAnalyticsEvent, cardState.status, analytics.ui, id]);
-  const titleActions = useMemo(() => [getCopyAction(url), getOpenAction(url, analytics, onActionClick)], [url, analytics, onActionClick]);
+  const titleActions = useMemo(() => [getCopyAction(url)], [url]);
   const data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   const {
     subtitle

package/dist/esm/version.json

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

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

@@ -56,6 +56,14 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
       x: event.clientX,
       y: event.clientY
     };
+
+    //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
+    if ((!isOpen || !canOpen) && parentSpan.current && mousePos.current) {
+      var _parentSpan$current$g = parentSpan.current.getBoundingClientRect(),
+        bottom = _parentSpan$current$g.bottom,
+        left = _parentSpan$current$g.left;
+      popupOffset.current = [mousePos.current.x - left + CARD_GAP_PX, mousePos.current.y - bottom + CARD_GAP_PX];
+    }
   }, [canOpen, isOpen]);
   var hideCard = useCallback(function () {
     setIsOpen(false);
@@ -122,21 +130,13 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
 
     //Set mouse position in the case it's not already set by onMouseMove, as in the case of scrolling
     setMousePosition(event);
-
-    //If these are undefined then popupOffset is undefined and we fallback to default bottom-start placement
-    if ((!isOpen || !canOpen) && parentSpan.current && mousePos.current) {
-      var _parentSpan$current$g = parentSpan.current.getBoundingClientRect(),
-        bottom = _parentSpan$current$g.bottom,
-        left = _parentSpan$current$g.left;
-      popupOffset.current = [mousePos.current.x - left, mousePos.current.y - bottom + CARD_GAP_PX];
-    }
     if (!isOpen && !fadeInTimeoutId.current) {
       // setting a timeout to show a Hover Card after delay runs out
       fadeInTimeoutId.current = setTimeout(function () {
         setIsOpen(true);
       }, FADE_IN_DELAY);
     }
-  }, [canOpen, initResolve, isOpen, setMousePosition]);
+  }, [initResolve, isOpen, setMousePosition]);
   var linkActions = useSmartLinkActions({
     url: url,
     appearance: CardDisplay.HoverCardPreview,

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

@@ -3,7 +3,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ActionName, CardDisplay, SmartLinkPosition, SmartLinkSize } from '../../../constants';
@@ -22,27 +21,6 @@ import { fireLinkClickedEvent } from '../../../utils/analytics/click';
 import { useSmartCardState } from '../../../state/store';
 import { useFeatureFlag } from '@atlaskit/link-provider';
 export var hoverCardClassName = 'smart-links-hover-preview';
-export var getOpenAction = function getOpenAction(url, analytics, onActionClick) {
-  return {
-    name: ActionName.CustomAction,
-    icon: jsx(ShortcutIcon, {
-      label: "open in new tab",
-      size: "medium"
-    }),
-    iconPosition: 'before',
-    onClick: function onClick() {
-      if (onActionClick) {
-        onActionClick('open-content');
-      }
-      window.open(url, '_blank');
-      analytics.ui.hoverCardOpenLinkClickedEvent({
-        previewDisplay: 'card'
-      });
-    },
-    tooltipMessage: jsx(FormattedMessage, messages.open_link_in_a_new_tab),
-    testId: 'hover-card-open-button'
-  };
-};
 export var getCopyAction = function getCopyAction(url) {
   return {
     name: ActionName.CustomAction,
@@ -163,8 +141,8 @@ var HoverCardContent = function HoverCardContent(_ref) {
     fireLinkClickedEvent(createAnalyticsEvent)(event);
   }, [createAnalyticsEvent, cardState.status, analytics.ui, id]);
   var titleActions = useMemo(function () {
-    return [getCopyAction(url), getOpenAction(url, analytics, onActionClick)];
-  }, [url, analytics, onActionClick]);
+    return [getCopyAction(url)];
+  }, [url]);
   var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
   var _extractMetadata = extractMetadata(getSimulatedMetadata(extensionKey, data)),
     subtitle = _extractMetadata.subtitle;

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import { AnalyticsFacade } from '../../../state/analytics';
 import { ActionItem } from '../../FlexibleCard/components/blocks/types';
 import { HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-export declare const getOpenAction: (url: string, analytics: AnalyticsFacade, onActionClick?: ((actionId: string) => void) | undefined) => ActionItem;
 export declare const getCopyAction: (url: string) => ActionItem;
 declare const HoverCardContent: React.FC<HoverCardContentProps>;
 export default HoverCardContent;

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

@@ -1,9 +1,7 @@
 import React from 'react';
-import { AnalyticsFacade } from '../../../state/analytics';
 import { ActionItem } from '../../FlexibleCard/components/blocks/types';
 import { HoverCardContentProps } from '../types';
 export declare const hoverCardClassName = "smart-links-hover-preview";
-export declare const getOpenAction: (url: string, analytics: AnalyticsFacade, onActionClick?: ((actionId: string) => void) | undefined) => ActionItem;
 export declare const getCopyAction: (url: string) => ActionItem;
 declare const HoverCardContent: React.FC<HoverCardContentProps>;
 export default HoverCardContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.9.8",
+  "version": "26.9.10",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

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

@@ -0,0 +1,937 @@
+## 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)
+
+```