@atlaskit/smart-card 21.0.1 → 21.0.4

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

@@ -7,6 +7,7 @@ export declare type ElementDisplaySchemaType = 'inline' | 'block';
 export declare const ElementDisplaySchema: Record<ElementName, ElementDisplaySchemaType[]>;
 export declare const getGapSize: (size: SmartLinkSize) => number;
 export declare const getBaseStyles: (direction: SmartLinkDirection, size: SmartLinkSize) => SerializedStyles;
+export declare const highlightRemoveStyles: SerializedStyles;
 export declare const renderChildren: (children: React.ReactNode, size: SmartLinkSize) => React.ReactNode;
 export declare const renderElementItems: (items?: ElementItem[], display?: ElementDisplaySchemaType) => React.ReactNode | undefined;
-export declare const renderActionItems: (items?: ActionItem[], size?: SmartLinkSize, appearance?: Appearance | undefined, asDropDownItems?: boolean | undefined) => React.ReactNode | undefined;
+export declare const renderActionItems: (items?: ActionItem[], size?: SmartLinkSize, appearance?: Appearance | undefined, asDropDownItems?: boolean | undefined, onActionItemClick?: (() => void) | undefined) => React.ReactNode | undefined;

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

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { SerializedStyles } from '@emotion/core';
+import { Spacing } from '@atlaskit/button';
 import { SmartLinkSize } from '../../../constants';
 import { MessageProps } from './types';
+export declare const sizeToButtonSpacing: Record<SmartLinkSize, Spacing>;
 export declare const getFormattedMessage: (message?: MessageProps | undefined) => JSX.Element | undefined;
 export declare const getIconSizeStyles: (width: string) => SerializedStyles;
 export declare const getIconWidth: (size?: SmartLinkSize | undefined) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "21.0.1",
+  "version": "21.0.4",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,7 +27,7 @@
     "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/avatar-group": "^9.0.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/dropdown-menu": "^11.2.0",
+    "@atlaskit/dropdown-menu": "^11.3.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/icon-object": "^6.2.0",
@@ -36,10 +36,10 @@
     "@atlaskit/linking-common": "^1.5.0",
     "@atlaskit/logo": "^13.8.0",
     "@atlaskit/lozenge": "^11.1.0",
-    "@atlaskit/media-common": "^2.15.0",
+    "@atlaskit/media-common": "^2.16.0",
     "@atlaskit/modal-dialog": "^12.2.0",
     "@atlaskit/outbound-auth-flow-client": "^3.3.0",
-    "@atlaskit/popup": "^1.3.0",
+    "@atlaskit/popup": "^1.4.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -66,6 +66,7 @@
   "devDependencies": {
     "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/checkbox": "^12.3.0",
+    "@atlaskit/code": "^14.3.0",
     "@atlaskit/css-reset": "^6.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/field-base": "^15.0.6",
@@ -78,11 +79,12 @@
     "@atlaskit/radio": "^5.3.0",
     "@atlaskit/range": "^6.0.0",
     "@atlaskit/section-message": "^6.1.5",
-    "@atlaskit/select": "^15.4.0",
+    "@atlaskit/select": "^15.5.0",
     "@atlaskit/table-tree": "^9.1.0",
     "@atlaskit/tabs": "^13.2.10",
     "@atlaskit/textarea": "^4.3.0",
     "@atlaskit/textfield": "^5.1.0",
+    "@atlaskit/toggle": "^12.4.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@testing-library/jest-dom": "^4.1.0",
@@ -103,6 +105,7 @@
     "mockdate": "^3.0.2",
     "react": "^16.8.0",
     "react-ace": "^6.1.0",
+    "react-beautiful-dnd": "^12.1.1",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1",
     "react-test-renderer": "^16.8.0",

package/report.api.md

@@ -1,6 +1,8 @@
-## API Report File for "@atlaskit/smart-card"
+## API Report File for "@atlaskit/smart-card".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
+
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
 ```ts
 /// <reference types="react" />
@@ -18,6 +20,7 @@ import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 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';
@@ -254,6 +257,7 @@ export declare const Card: React_2.ForwardRefExoticComponent<
     | 'inheritDimensions'
     | 'id'
     | 'placeholder'
+    | 'onError'
     | 'onClick'
     | 'analyticsContext'
     | 'key'
@@ -298,6 +302,7 @@ export declare interface CardProps extends WithAnalyticsEventsProps {
   testId?: string;
   showActions?: boolean;
   onResolve?: OnResolveCallback;
+  onError?: OnErrorCallback;
   inheritDimensions?: boolean;
   embedIframeRef?: React.Ref<HTMLIFrameElement>;
   inlinePreloaderStyle?: InlinePreloaderStyle;
@@ -488,6 +493,13 @@ export declare class EmbedResizeMessageListener extends React_2.Component<
   render(): React_2.ReactNode;
 }
 
+declare type ErrorCardType =
+  | 'errored'
+  | 'fallback'
+  | 'forbidden'
+  | 'not_found'
+  | 'unauthorized';
+
 declare type FlexibleUiOptions = {
   /**
    * Determines whether the entire Smart Link container should be clickable.
@@ -629,6 +641,11 @@ declare type NamedActionItem = BaseActionItem & {
   name: Exclude<ActionName, ActionName.CustomAction>;
 };
 
+declare type OnErrorCallback = (data: {
+  status: Extract<CardType, ErrorCardType>;
+  url: string;
+}) => void;
+
 declare type OnResolveCallback = (data: {
   url?: string;
   title?: string;
@@ -1060,6 +1077,19 @@ export declare const useSmartLinkAnalytics: (
       definitionId?: string | undefined,
       extensionKey?: string | undefined,
     ) => 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.
+     * @param id The unique ID for this Smart Link.
+     * @param error: An error representing why the Smart Link render failed.
+     * @param errorInfo: Additional details about the error including the stack trace.
+     */
+    renderFailedEvent: (
+      display: CardInnerAppearance,
+      id: string | undefined,
+      error: Error,
+      errorInfo: ErrorInfo,
+    ) => void;
     /**
      * This fires an event that represents a hover preview being opened.
      * @param hoverDisplay Whether the hover preview was displayed as a card or embed.