@atlaskit/smart-card 26.27.0 → 26.27.2

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.0",
+  packageVersion: "26.27.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/esm/view/RedesignedInlineCard/Frame/styled.js

@@ -4,7 +4,7 @@ import styled from '@emotion/styled';
 import { B50, B100, B200, B400, N20, N40, N500 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
 var BACKGROUND_COLOR_DARK = '#262B31';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border-input, ".concat(N40, ")"), ";\n  }\n");
+var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B100, ")"), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n  &:hover {\n    border: 1px solid ", "var(--ds-border, ".concat(N40, ")"), ";\n  }\n");
 var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
   if (isInteractive) {
@@ -48,8 +48,8 @@ var baseWrapperStyle = function baseWrapperStyle(props) {
     light: "var(--ds-surface-raised, white)",
     dark: "var(--ds-surface-raised, ".concat(BACKGROUND_COLOR_DARK, ")")
   })(props), ";\n\n  ").concat(isSelected(props), ";\n\n  ").concat(props.withoutBackground ? '' : themed({
-    light: "border: 1px solid ".concat("var(--ds-border-input, ".concat(N40, ")"), ";"),
-    dark: "border: 1px solid ".concat("var(--ds-border-input, ".concat(N500, ")"), ";")
+    light: "border: 1px solid ".concat("var(--ds-border, ".concat(N40, ")"), ";"),
+    dark: "border: 1px solid ".concat("var(--ds-border, ".concat(N500, ")"), ";")
   })(props), "\n  &:hover {\n    ").concat(themed({
     light: "border-color: ".concat("var(--ds-border-accent-blue, ".concat(B200, ")"), ";"),
     dark: "border-color:  ".concat("var(--ds-border-accent-blue, ".concat(B200, ")"), ";")

package/dist/esm/view/RedesignedInlineCard/utils/withFrameStyleControl.js

@@ -13,8 +13,8 @@ export default (function (Button, frameRef) {
   return function (props) {
     var setBorderStyle = function setBorderStyle() {
       var borderColor = themed({
-        light: "".concat("var(--ds-border-input, ".concat(N40, ")")),
-        dark: "".concat("var(--ds-border-input, ".concat(N500, ")"))
+        light: "".concat("var(--ds-border, ".concat(N40, ")")),
+        dark: "".concat("var(--ds-border, ".concat(N500, ")"))
       })();
       var frameNode = frameRef.current;
       if (frameNode) {

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-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.27.0",
+  "version": "26.27.2",
   "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.23.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

@@ -1064,6 +1064,7 @@ type UiRenderFailedEventProps = CommonEventProps & {
 type UiRenderSuccessEventProps = CommonEventProps & {
   display: CardInnerAppearance;
   status: CardType;
+  canBeDatasource?: boolean;
 };
 
 // @public (undocumented)
@@ -1181,6 +1182,7 @@ export const useSmartLinkAnalytics: (
       destinationProduct,
       destinationSubproduct,
       location,
+      canBeDatasource,
     }: UiRenderSuccessEventProps) => void;
     renderFailedEvent: ({
       display,

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

@@ -912,6 +912,7 @@ type UiRenderFailedEventProps = CommonEventProps & {
 type UiRenderSuccessEventProps = CommonEventProps & {
     display: CardInnerAppearance;
     status: CardType;
+    canBeDatasource?: boolean;
 };
 
 // @public (undocumented)
@@ -936,7 +937,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;