@atlaskit/smart-card 26.27.1 → 26.28.0

package/dist/esm/view/FlexibleCard/components/elements/index.js

@@ -92,7 +92,7 @@ export var OwnedByGroup = createElement(ElementName.OwnedByGroup);
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export var Preview = createElement(ElementName.Preview);
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

package/dist/esm/view/FlexibleCard/components/elements/preview/index.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["overrideUrl"];
+/** @jsx jsx */
+import React, { useContext } from 'react';
+import { jsx } from '@emotion/react';
+import { FlexibleUiContext } from '../../../../../state/flexible-ui-context';
+import { MediaType } from '../../../../../constants';
+import Media from '../media';
+var Preview = function Preview(props) {
+  var _ref = props !== null && props !== void 0 ? props : {},
+    overrideUrl = _ref.overrideUrl,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FlexibleUiContext);
+  var data = overrideUrl ? {
+    url: overrideUrl,
+    type: MediaType.Image
+  } : context === null || context === void 0 ? void 0 : context.preview;
+  if (!data) {
+    return null;
+  }
+  return jsx(Media, _extends({}, rest, data));
+};
+export default Preview;

package/dist/esm/view/FlexibleCard/components/elements/preview/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/HoverCard/components/views/resolved/index.js

@@ -11,6 +11,7 @@ import { extractMetadata, elementNamesToItems } from '../../../../../extractors/
 import { messages } from '../../../../../messages';
 import { FormattedMessage } from 'react-intl-next';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { getCanBeDatasource } from '../../../../../state/helpers';
 export var toFooterActions = function toFooterActions(cardActions, onActionClick) {
   var followAction = {
     hideIcon: true,
@@ -58,14 +59,16 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
     cardActions = _ref$cardActions === void 0 ? [] : _ref$cardActions,
     onActionClick = _ref.onActionClick,
     extensionKey = _ref.extensionKey;
+  var canBeDatasource = getCanBeDatasource(cardState.details);
   useEffect(function () {
     // Since this hover view is only rendered on resolved status,
     // there is no need to check for statuses.
     analytics.ui.renderSuccessEvent({
       display: CardDisplay.HoverCardPreview,
-      status: cardState.status
+      status: cardState.status,
+      canBeDatasource: canBeDatasource
     });
-  }, [analytics.ui, cardState.status]);
+  }, [analytics.ui, cardState.status, canBeDatasource]);
   var footerActions = useMemo(function () {
     return toFooterActions(cardActions, onActionClick);
   }, [cardActions, onActionClick]);

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

@@ -11,7 +11,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.27.1",
+  packageVersion: "26.28.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -125,8 +125,9 @@ export declare const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: A
          * @param id The unique ID for this Smart Link.
          * @param definitionId The definitionId of the Smart Link resolver invoked.
          * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+         * @param canBeDatasource An indicator that shows that a smart link can be converted to a datasource
          */
-        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderSuccessEventProps) => void;
+        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: UiRenderSuccessEventProps) => void;
         /**
          * This fires an event that represents when a Smart Link renders unsuccessfuly.
          * @param display Whether the card was an Inline, Block, Embed or Flexible UI.

package/dist/types/state/helpers.d.ts

@@ -1,6 +1,7 @@
 import { JsonLd } from 'json-ld-types';
 import { CardType, CardStore } from '@atlaskit/linking-common';
 import { DestinationProduct, DestinationSubproduct } from '../utils/analytics/types';
+import { DatasourceResolveResponse, JsonLdDatasourceResponse } from '@atlaskit/link-client-extension';
 export declare const getByDefinitionId: (definitionId: string | undefined, store: CardStore) => string[];
 export declare const getClickUrl: (url: string, jsonLd?: JsonLd.Response) => string;
 export declare const getDefinitionId: (details?: JsonLd.Response) => string | undefined;
@@ -14,3 +15,5 @@ export declare const isAccessible: ({ meta: { access } }: JsonLd.Response) => bo
 export declare const isVisible: ({ meta: { visibility } }: JsonLd.Response) => boolean;
 export declare const getStatusDetails: (details?: JsonLd.Response) => string | undefined;
 export declare const isFinalState: (status: CardType) => boolean;
+export declare const getDatasources: (details?: JsonLdDatasourceResponse) => DatasourceResolveResponse[] | undefined;
+export declare const getCanBeDatasource: (details?: JsonLdDatasourceResponse) => boolean;

package/dist/types/state/hooks/useSmartLink.d.ts

@@ -30,7 +30,7 @@ dispatchAnalytics?: AnalyticsHandler): {
             modalClosedEvent: (data: Partial<import("../../utils/types").AnalyticsPayload> & {
                 actionSubjectId: string;
             }) => void;
-            renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderSuccessEventProps) => void;
+            renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: import("../../utils/analytics/types").UiRenderSuccessEventProps) => void;
             renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
             hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
             hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;

package/dist/types/utils/analytics/analytics.d.ts

@@ -49,7 +49,7 @@ export declare const uiIframeFocusedEvent: ({ id, display, status, definitionId,
 export declare const uiActionClickedEvent: ({ id, actionType, extensionKey, display, definitionId, destinationProduct, destinationSubproduct, location, }: UiActionClickedEventProps) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: ({ display, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiClosedAuthEventProps) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: ({ extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => AnalyticsPayload;
-export declare const uiRenderSuccessEvent: ({ display, status, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiRenderSuccessEventProps) => AnalyticsPayload;
+export declare const uiRenderSuccessEvent: ({ display, status, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, canBeDatasource, }: UiRenderSuccessEventProps) => AnalyticsPayload;
 export declare const uiRenderFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => AnalyticsPayload;
 export declare const uiHoverCardViewedEvent: ({ id, previewDisplay, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, status, }: UiHoverCardViewedEventProps) => AnalyticsPayload;
 export declare const uiHoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, status, }: UiHoverCardDismissedEventProps) => AnalyticsPayload;

package/dist/types/utils/analytics/types.d.ts

@@ -85,6 +85,7 @@ export type UiClosedAuthEventProps = CommonEventProps & {
 export type UiRenderSuccessEventProps = CommonEventProps & {
     display: CardInnerAppearance;
     status: CardType;
+    canBeDatasource?: boolean;
 };
 export type UiRenderFailedEventProps = CommonEventProps & {
     display: CardInnerAppearance;

package/dist/types/utils/mocks.d.ts

@@ -35,6 +35,47 @@ export declare const mocks: {
             };
         };
     };
+    withDatasource: {
+        meta: {
+            visibility: string;
+            access: string;
+            auth: never[];
+            definitionId: string;
+            key: string;
+        };
+        data: {
+            summary: string;
+            'schema:potentialAction': {
+                '@id': string;
+                '@type': string;
+                identifier: string;
+                name: string;
+            };
+            'atlassian:downloadUrl': string;
+            preview: {
+                href: string;
+            };
+            '@context': {
+                '@vocab': string;
+                atlassian: string;
+                schema: string;
+            };
+            '@type': string;
+            name: string;
+            url: string;
+        };
+        datasources: {
+            key: string;
+            parameters: {
+                jql: string;
+                cloudId: string;
+            };
+            id: string;
+            ari: string;
+            description: string;
+            name: string;
+        }[];
+    };
 };
 export declare const fakeResponse: () => Promise<JsonLd.Response<JsonLd.Data.BaseData>>;
 export declare const fakeFactory: any;
@@ -55,7 +96,7 @@ export declare const mockAnalytics: {
         modalClosedEvent: (data: Partial<import("./types").AnalyticsPayload> & {
             actionSubjectId: string;
         }) => void;
-        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderSuccessEventProps) => void;
+        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: import("./analytics/types").UiRenderSuccessEventProps) => void;
         renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderFailedEventProps) => void;
         hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("./analytics/types").UiHoverCardViewedEventProps) => void;
         hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("./analytics/types").UiHoverCardDismissedEventProps) => void;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/index.d.ts

@@ -4,7 +4,7 @@ import { PreviewBlockProps } from './types';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 declare const PreviewBlock: React.FC<PreviewBlockProps>;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/types.d.ts

@@ -20,4 +20,8 @@ export type PreviewBlockProps = {
      * to the left/right of the container.
      */
     placement?: MediaPlacement;
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
 } & BlockProps;

package/dist/types/view/FlexibleCard/components/elements/index.d.ts

@@ -6,7 +6,6 @@ import { LozengeProps } from './lozenge/types';
 import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
-import { MediaProps } from './media/types';
 import { AtlaskitBadgeProps } from './atlaskit-badge/types';
 /**
  * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
@@ -97,7 +96,7 @@ export declare const OwnedByGroup: import("react").FC<AvatarGroupProps>;
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export declare const Preview: import("react").FC<MediaProps>;
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

package/dist/types/view/FlexibleCard/components/elements/preview/index.d.ts

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import { PreviewProps } from './types';
+declare const Preview: React.FC<PreviewProps>;
+export default Preview;

package/dist/types/view/FlexibleCard/components/elements/preview/types.d.ts

@@ -0,0 +1,13 @@
+import { ElementProps } from '../types';
+export type PreviewProps = ElementProps & {
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
+    onLoad?: () => void;
+};

package/dist/types-ts4.5/state/analytics/useSmartLinkAnalytics.d.ts

@@ -125,8 +125,9 @@ export declare const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: A
          * @param id The unique ID for this Smart Link.
          * @param definitionId The definitionId of the Smart Link resolver invoked.
          * @param extensionKey The extensionKey of the Smart Link resovler invoked.
+         * @param canBeDatasource An indicator that shows that a smart link can be converted to a datasource
          */
-        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderSuccessEventProps) => void;
+        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: UiRenderSuccessEventProps) => void;
         /**
          * This fires an event that represents when a Smart Link renders unsuccessfuly.
          * @param display Whether the card was an Inline, Block, Embed or Flexible UI.

package/dist/types-ts4.5/state/helpers.d.ts

@@ -1,6 +1,7 @@
 import { JsonLd } from 'json-ld-types';
 import { CardType, CardStore } from '@atlaskit/linking-common';
 import { DestinationProduct, DestinationSubproduct } from '../utils/analytics/types';
+import { DatasourceResolveResponse, JsonLdDatasourceResponse } from '@atlaskit/link-client-extension';
 export declare const getByDefinitionId: (definitionId: string | undefined, store: CardStore) => string[];
 export declare const getClickUrl: (url: string, jsonLd?: JsonLd.Response) => string;
 export declare const getDefinitionId: (details?: JsonLd.Response) => string | undefined;
@@ -14,3 +15,5 @@ export declare const isAccessible: ({ meta: { access } }: JsonLd.Response) => bo
 export declare const isVisible: ({ meta: { visibility } }: JsonLd.Response) => boolean;
 export declare const getStatusDetails: (details?: JsonLd.Response) => string | undefined;
 export declare const isFinalState: (status: CardType) => boolean;
+export declare const getDatasources: (details?: JsonLdDatasourceResponse) => DatasourceResolveResponse[] | undefined;
+export declare const getCanBeDatasource: (details?: JsonLdDatasourceResponse) => boolean;

package/dist/types-ts4.5/state/hooks/useSmartLink.d.ts

@@ -30,7 +30,7 @@ dispatchAnalytics?: AnalyticsHandler): {
             modalClosedEvent: (data: Partial<import("../../utils/types").AnalyticsPayload> & {
                 actionSubjectId: string;
             }) => void;
-            renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderSuccessEventProps) => void;
+            renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: import("../../utils/analytics/types").UiRenderSuccessEventProps) => void;
             renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("../../utils/analytics/types").UiRenderFailedEventProps) => void;
             hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardViewedEventProps) => void;
             hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("../../utils/analytics/types").UiHoverCardDismissedEventProps) => void;

package/dist/types-ts4.5/utils/analytics/analytics.d.ts

@@ -49,7 +49,7 @@ export declare const uiIframeFocusedEvent: ({ id, display, status, definitionId,
 export declare const uiActionClickedEvent: ({ id, actionType, extensionKey, display, definitionId, destinationProduct, destinationSubproduct, location, }: UiActionClickedEventProps) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: ({ display, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiClosedAuthEventProps) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: ({ extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: ScreenAuthPopupEventProps) => AnalyticsPayload;
-export declare const uiRenderSuccessEvent: ({ display, status, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiRenderSuccessEventProps) => AnalyticsPayload;
+export declare const uiRenderSuccessEvent: ({ display, status, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, canBeDatasource, }: UiRenderSuccessEventProps) => AnalyticsPayload;
 export declare const uiRenderFailedEvent: ({ display, error, errorInfo, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, }: UiRenderFailedEventProps) => AnalyticsPayload;
 export declare const uiHoverCardViewedEvent: ({ id, previewDisplay, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, status, }: UiHoverCardViewedEventProps) => AnalyticsPayload;
 export declare const uiHoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, extensionKey, definitionId, destinationProduct, destinationSubproduct, location, previewInvokeMethod, status, }: UiHoverCardDismissedEventProps) => AnalyticsPayload;

package/dist/types-ts4.5/utils/analytics/types.d.ts

@@ -85,6 +85,7 @@ export type UiClosedAuthEventProps = CommonEventProps & {
 export type UiRenderSuccessEventProps = CommonEventProps & {
     display: CardInnerAppearance;
     status: CardType;
+    canBeDatasource?: boolean;
 };
 export type UiRenderFailedEventProps = CommonEventProps & {
     display: CardInnerAppearance;

package/dist/types-ts4.5/utils/mocks.d.ts

@@ -35,6 +35,47 @@ export declare const mocks: {
             };
         };
     };
+    withDatasource: {
+        meta: {
+            visibility: string;
+            access: string;
+            auth: never[];
+            definitionId: string;
+            key: string;
+        };
+        data: {
+            summary: string;
+            'schema:potentialAction': {
+                '@id': string;
+                '@type': string;
+                identifier: string;
+                name: string;
+            };
+            'atlassian:downloadUrl': string;
+            preview: {
+                href: string;
+            };
+            '@context': {
+                '@vocab': string;
+                atlassian: string;
+                schema: string;
+            };
+            '@type': string;
+            name: string;
+            url: string;
+        };
+        datasources: {
+            key: string;
+            parameters: {
+                jql: string;
+                cloudId: string;
+            };
+            id: string;
+            ari: string;
+            description: string;
+            name: string;
+        }[];
+    };
 };
 export declare const fakeResponse: () => Promise<JsonLd.Response<JsonLd.Data.BaseData>>;
 export declare const fakeFactory: any;
@@ -55,7 +96,7 @@ export declare const mockAnalytics: {
         modalClosedEvent: (data: Partial<import("./types").AnalyticsPayload> & {
             actionSubjectId: string;
         }) => void;
-        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderSuccessEventProps) => void;
+        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: import("./analytics/types").UiRenderSuccessEventProps) => void;
         renderFailedEvent: ({ display, id, error, errorInfo, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: import("./analytics/types").UiRenderFailedEventProps) => void;
         hoverCardViewedEvent: ({ previewDisplay, previewInvokeMethod, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("./analytics/types").UiHoverCardViewedEventProps) => void;
         hoverCardDismissedEvent: ({ id, previewDisplay, hoverTime, previewInvokeMethod, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, status, }: import("./analytics/types").UiHoverCardDismissedEventProps) => void;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/preview-block/index.d.ts

@@ -4,7 +4,7 @@ import { PreviewBlockProps } from './types';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
  * @public
- * @param {PreviewBlock} PreviewBlock
+ * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
 declare const PreviewBlock: React.FC<PreviewBlockProps>;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/preview-block/types.d.ts

@@ -20,4 +20,8 @@ export type PreviewBlockProps = {
      * to the left/right of the container.
      */
     placement?: MediaPlacement;
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
 } & BlockProps;

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

@@ -6,7 +6,6 @@ import { LozengeProps } from './lozenge/types';
 import { AvatarGroupProps } from './avatar-group/types';
 import { TextProps } from './text/types';
 import { DateTimeProps } from './date-time/types';
-import { MediaProps } from './media/types';
 import { AtlaskitBadgeProps } from './atlaskit-badge/types';
 /**
  * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
@@ -97,7 +96,7 @@ export declare const OwnedByGroup: import("react").FC<AvatarGroupProps>;
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
  */
-export declare const Preview: import("react").FC<MediaProps>;
+export { default as Preview } from './preview';
 /**
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge

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

@@ -0,0 +1,5 @@
+/** @jsx jsx */
+import React from 'react';
+import { PreviewProps } from './types';
+declare const Preview: React.FC<PreviewProps>;
+export default Preview;

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

@@ -0,0 +1,13 @@
+import { ElementProps } from '../types';
+export type PreviewProps = ElementProps & {
+    /**
+     * An image URL to render. This will replace the default image from smart link data.
+     */
+    overrideUrl?: string;
+    /**
+     * Function to be called on error loading media.
+     * @internal
+     */
+    onError?: () => void;
+    onLoad?: () => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.27.1",
+  "version": "26.28.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
     "@atlaskit/avatar-group": "^9.4.0",
     "@atlaskit/badge": "^15.1.0",
     "@atlaskit/button": "^16.10.0",
-    "@atlaskit/dropdown-menu": "^11.13.0",
+    "@atlaskit/dropdown-menu": "^11.14.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/icon-file-type": "^6.4.0",
@@ -42,13 +42,13 @@
     "@atlaskit/linking-types": "^8.3.0",
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
-    "@atlaskit/modal-dialog": "^12.6.0",
+    "@atlaskit/modal-dialog": "^12.7.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
-    "@atlaskit/popup": "^1.9.0",
+    "@atlaskit/popup": "^1.10.0",
     "@atlaskit/spinner": "^15.5.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.24.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",

package/report.api.md

@@ -760,6 +760,7 @@ type PreviewBlockProps = {
   ignoreContainerPadding?: boolean;
   onError?: () => void;
   placement?: MediaPlacement;
+  overrideUrl?: string;
 } & BlockProps;
 
 // @public (undocumented)
@@ -1064,6 +1065,7 @@ type UiRenderFailedEventProps = CommonEventProps & {
 type UiRenderSuccessEventProps = CommonEventProps & {
   display: CardInnerAppearance;
   status: CardType;
+  canBeDatasource?: boolean;
 };
 
 // @public (undocumented)
@@ -1181,6 +1183,7 @@ export const useSmartLinkAnalytics: (
       destinationProduct,
       destinationSubproduct,
       location,
+      canBeDatasource,
     }: UiRenderSuccessEventProps) => void;
     renderFailedEvent: ({
       display,

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

@@ -611,6 +611,7 @@ type PreviewBlockProps = {
     ignoreContainerPadding?: boolean;
     onError?: () => void;
     placement?: MediaPlacement;
+    overrideUrl?: string;
 } & BlockProps;
 
 // @public (undocumented)
@@ -912,6 +913,7 @@ type UiRenderFailedEventProps = CommonEventProps & {
 type UiRenderSuccessEventProps = CommonEventProps & {
     display: CardInnerAppearance;
     status: CardType;
+    canBeDatasource?: boolean;
 };
 
 // @public (undocumented)
@@ -936,7 +938,7 @@ export const useSmartLinkAnalytics: (url: string, _dispatchAnalytics?: Analytics
         modalClosedEvent: (data: Partial<AnalyticsPayload> & {
             actionSubjectId: Required<string>;
         }) => void;
-        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, }: UiRenderSuccessEventProps) => void;
+        renderSuccessEvent: ({ display, status, id, extensionKey, definitionId, resourceType, destinationProduct, destinationSubproduct, location, canBeDatasource, }: 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;