@atlaskit/smart-card 16.2.0 → 17.0.1

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

@@ -15,15 +15,15 @@ export declare class SmartLinkEvents {
 export declare const fireSmartLinkEvent: (payload: AnalyticsPayload, createAnalyticsEvent?: CreateUIAnalyticsEvent | undefined) => void;
 export declare const resolvedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => AnalyticsPayload;
 export declare const unresolvedEvent: (id: string, status: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined, error?: APIError | undefined) => AnalyticsPayload;
-export declare const invokeSucceededEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance) => AnalyticsPayload;
-export declare const invokeFailedEvent: (id: string, providerKey: string, actionType: string, display: CardInnerAppearance, reason: string) => AnalyticsPayload;
+export declare const invokeSucceededEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance) => AnalyticsPayload;
+export declare const invokeFailedEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance, reason: string) => AnalyticsPayload;
 export declare const connectSucceededEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const connectFailedEvent: (definitionId?: string | undefined, extensionKey?: string | undefined, reason?: string | undefined) => AnalyticsPayload;
 export declare const trackAppAccountConnected: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiAuthAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiCardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
-export declare const uiActionClickedEvent: (providerKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
+export declare const uiActionClickedEvent: (extensionKey: string, actionType: string, display?: "inline" | "block" | "embed" | "preview" | undefined) => AnalyticsPayload;
 export declare const uiClosedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const screenAuthPopupEvent: (definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;
 export declare const uiRenderSuccessEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => AnalyticsPayload;

package/dist/types/utils/test-utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProviderProps } from '../state';
 export declare const renderHook: (callback: Function) => JSX.Element;
 export declare const renderSmartLinkHook: (callback: Function, providerProps?: Partial<ProviderProps> | undefined) => JSX.Element;

package/dist/types/view/Card/index.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<CardProps, "data" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "data" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "key" | "analyticsContext"> & React.RefAttributes<any>>;
+import { WrappedComponentProps } from 'react-intl-next';
+export declare const Card: React.ForwardRefExoticComponent<Pick<Pick<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "forwardedRef"> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "data" | "children" | "url" | "testId" | "appearance" | "onClick" | "isSelected" | "onResolve" | "showActions" | "inlinePreloaderStyle" | "platform" | "isFrameVisible" | "importer" | "container" | "inheritDimensions" | "embedIframeRef" | "key" | "forwardedRef" | "analyticsContext"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/CardWithUrl/component-lazy/LazyIntersectionObserverCard.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export declare function LazyIntersectionObserverCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component-lazy/LazyLazilyRenderCard.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export declare function LazyLazilyRenderCard(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component-lazy/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from '../types';
 export default function LazyCardWithUrlContent(props: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/component.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardWithUrlContentProps } from './types';
 export declare function CardWithUrlContent({ id, url, isSelected, isFrameVisible, platform, onClick, appearance, dispatchAnalytics, onResolve, testId, showActions, inheritDimensions, embedIframeRef, inlinePreloaderStyle, }: CardWithUrlContentProps): JSX.Element;

package/dist/types/view/CardWithUrl/loader.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CardProps } from '../Card/types';
 export declare function CardWithURLRenderer(props: CardProps): JSX.Element;

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

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import React from 'react';
+import { BlockProps } from '../types';
+import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
+export declare const getBlockStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => import("@emotion/core").SerializedStyles;
+declare const Block: React.FC<BlockProps>;
+export default Block;

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -0,0 +1,6 @@
+import { SmartLinkDirection, SmartLinkSize } from '../../../../constants';
+export declare type BlockProps = {
+    direction?: SmartLinkDirection;
+    size?: SmartLinkSize;
+    testId?: string;
+};

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

@@ -0,0 +1,7 @@
+/** @jsx jsx */
+import React from 'react';
+import { SmartLinkSize } from '../../../../constants';
+import { ContainerProps } from './types';
+export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean) => import("@emotion/core").SerializedStyles;
+declare const Container: React.FC<ContainerProps>;
+export default Container;

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

@@ -0,0 +1,8 @@
+import { SmartLinkSize } from '../../../../constants';
+export declare type ContainerProps = {
+    hideBackground?: boolean;
+    hideElevation?: boolean;
+    hidePadding?: boolean;
+    size?: SmartLinkSize;
+    testId?: string;
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AtlaskitIconProps } from './types';
+declare const AtlaskitIcon: React.FC<AtlaskitIconProps>;
+export default AtlaskitIcon;

package/dist/types/view/FlexibleCard/components/elements/icon/atlaskit-icon/types.d.ts

@@ -0,0 +1,6 @@
+import { IconType } from '../../../../../../constants';
+export declare type AtlaskitIconProps = {
+    icon: IconType;
+    label?: string;
+    testId?: string;
+};

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

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

package/dist/types/view/FlexibleCard/components/elements/icon/image-icon/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type ImageIconProps = {
+    defaultIcon?: React.ReactNode;
+    testId?: string;
+    url: string;
+};

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

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

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

@@ -0,0 +1,7 @@
+import { ElementProps } from '../types';
+import { IconType } from '../../../../../constants';
+export declare type IconProps = ElementProps & {
+    icon?: IconType;
+    label?: string;
+    url?: string;
+};

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

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

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

@@ -0,0 +1,8 @@
+import { ElementProps } from '../types';
+import { SmartLinkTheme } from '../../../../../constants';
+export declare type LinkProps = ElementProps & {
+    maxLines?: number;
+    text: string;
+    theme?: SmartLinkTheme;
+    url: string;
+};

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

@@ -0,0 +1,5 @@
+import { SmartLinkSize } from '../../../../constants';
+export declare type ElementProps = {
+    size?: SmartLinkSize;
+    testId?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "16.2.0",
+  "version": "17.0.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -8,18 +8,12 @@
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
-  "sideEffects": false,
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "sideEffects": false,
   "atlaskit:src": "src/index.ts",
-  "af:exports": {
-    "./in-product": "./src/in-product.ts",
-    "./client": "./src/client/index.ts",
-    "./types": "./src/types.ts",
-    ".": "./src/index.ts"
-  },
   "atlassian": {
     "team": "Linking Platform",
     "releaseModel": "scheduled",
@@ -30,16 +24,19 @@
   "dependencies": {
     "@atlaskit/analytics-gas-types": "^5.0.0",
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/in-product-testing": "^0.1.0",
     "@atlaskit/logo": "^13.5.0",
-    "@atlaskit/media-ui": "^17.1.0",
-    "@atlaskit/outbound-auth-flow-client": "^3.1.0",
-    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/media-ui": "^18.1.0",
+    "@atlaskit/outbound-auth-flow-client": "^3.3.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.6.0",
     "@atlaskit/ufo": "^0.0.6",
     "@babel/runtime": "^7.0.0",
+    "@emotion/core": "^10.0.9",
+    "@formatjs/intl-utils": "^3.8.4",
     "async-retry": "^1.2.3",
     "dataloader": "^2.0.0",
     "json-ld-types": "2.3.0",
@@ -47,13 +44,14 @@
     "react-error-boundary": "^3.1.3",
     "react-lazily-render": "^1.2.0",
     "react-loadable": "^5.1.0",
+    "react-render-image": "^1.1.3",
     "redux": "^3.7.2",
     "setimmediate": "^1.0.5",
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "styled-components": "^3.2.6"
   },
   "devDependencies": {
@@ -62,17 +60,18 @@
     "@atlaskit/checkbox": "^12.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/form": "^8.4.0",
-    "@atlaskit/inline-message": "^11.1.0",
+    "@atlaskit/inline-message": "^11.2.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-test-helpers": "^28.8.0",
-    "@atlaskit/page": "^12.0.0",
+    "@atlaskit/media-test-helpers": "^29.0.0",
+    "@atlaskit/page": "^12.1.0",
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/select": "^15.2.0",
     "@atlaskit/spinner": "^15.1.0",
-    "@atlaskit/table-tree": "^9.0.0",
+    "@atlaskit/table-tree": "^9.1.0",
     "@atlaskit/textarea": "^4.2.0",
     "@atlaskit/textfield": "^5.1.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@testing-library/jest-dom": "^4.1.0",
     "@testing-library/react": "^8.0.1",
     "@testing-library/react-hooks": "^1.0.4",
     "@types/async-retry": "^1.4.1",
@@ -90,10 +89,16 @@
     "mockdate": "^3.0.2",
     "react": "^16.8.0",
     "react-ace": "^6.1.0",
-    "react-intl": "^2.6.0",
+    "react-intl-next": "npm:react-intl@^5.18.1",
     "react-test-renderer": "^16.8.0",
     "typescript": "3.9.6",
     "xhr-mock": "^2.4.0"
   },
+  "af:exports": {
+    "./in-product": "./src/in-product.ts",
+    "./client": "./src/client/index.ts",
+    "./types": "./src/types.ts",
+    ".": "./src/index.ts"
+  },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }