@atlaskit/smart-card 38.8.0 → 38.9.1

package/dist/esm/view/InlineCard/ErroredView/index.js

@@ -4,8 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import ButtonOld from '@atlaskit/button';
-import ErrorIconCore from '@atlaskit/icon/core/migration/error';
-import ErrorIcon from '@atlaskit/icon/utility/migration/error';
+import ErrorIcon from '@atlaskit/icon/core/migration/error';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../messages';
@@ -20,7 +19,7 @@ var styles = {
 };
 var fallbackIcon = function fallbackIcon() {
   if (fg('platform-linking-visual-refresh-v1')) {
-    return /*#__PURE__*/React.createElement(ErrorIconCore, {
+    return /*#__PURE__*/React.createElement(ErrorIcon, {
       color: "var(--ds-icon-danger, #C9372C)",
       label: "error",
       LEGACY_size: "small",
@@ -34,7 +33,8 @@ var fallbackIcon = function fallbackIcon() {
     color: "var(--ds-icon-danger, #C9372C)",
     label: "error",
     LEGACY_size: "small",
-    testId: "errored-view-default-icon"
+    testId: "errored-view-default-icon",
+    size: "small"
   }));
 };
 export var InlineCardErroredView = function InlineCardErroredView(_ref) {

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

@@ -1,13 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { extractProvider, extractSmartLinkProvider } from '@atlaskit/link-extractors';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { extractSmartLinkProvider } from '@atlaskit/link-extractors';
 import { SmartLinkStatus } from '../../constants';
 import { extractRequestAccessContextImproved } from '../../extractors/common/context/extractAccessContext';
 import { extractInlineProps } from '../../extractors/inline';
 import { getExtensionKey } from '../../state/helpers';
-import { getEmptyJsonLd, getForbiddenJsonLd } from '../../utils/jsonld';
+import { getForbiddenJsonLd } from '../../utils/jsonld';
 import { CardLinkView } from '../LinkView';
 import { InlineCardErroredView } from './ErroredView';
 import { InlineCardForbiddenView } from './ForbiddenView';
@@ -39,7 +38,6 @@ export var InlineCard = function InlineCard(_ref) {
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var status = cardState.status,
     details = cardState.details;
-  var cardDetails = details && details.data || getEmptyJsonLd();
   var extensionKey = getExtensionKey(details);
   var testIdWithStatus = testId ? "".concat(testId, "-").concat(status, "-view") : undefined;
   var resolvedProps = status === SmartLinkStatus.Resolved ? extractInlineProps(details, renderers, removeTextHighlightingFromTitle, false) : {};
@@ -91,7 +89,7 @@ export var InlineCard = function InlineCard(_ref) {
         truncateInline: truncateInline
       }));
     case 'unauthorized':
-      var provider = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(cardDetails);
+      var provider = extractSmartLinkProvider(details);
       return /*#__PURE__*/React.createElement(InlineCardUnauthorizedView, {
         icon: provider && provider.icon,
         context: provider && provider.text,
@@ -106,7 +104,7 @@ export var InlineCard = function InlineCard(_ref) {
         truncateInline: truncateInline
       });
     case 'forbidden':
-      var providerForbidden = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(cardDetails);
+      var providerForbidden = extractSmartLinkProvider(details);
       var cardMetadata = (_details$meta = details === null || details === void 0 ? void 0 : details.meta) !== null && _details$meta !== void 0 ? _details$meta : getForbiddenJsonLd().meta;
       var requestAccessContext = extractRequestAccessContextImproved({
         jsonLd: cardMetadata,
@@ -127,7 +125,7 @@ export var InlineCard = function InlineCard(_ref) {
         truncateInline: truncateInline
       });
     case 'not_found':
-      var providerNotFound = fg('smart_links_noun_support') ? extractSmartLinkProvider(details) : extractProvider(cardDetails);
+      var providerNotFound = extractSmartLinkProvider(details);
       return /*#__PURE__*/React.createElement(InlineCardErroredView, {
         url: url,
         icon: providerNotFound && providerNotFound.icon,

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

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "38.8.0",
+  packageVersion: "38.9.1",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/ssr.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import type { CardProps } from './types';
 export type CardSSRProps = CardProps & {
     url: string;
+    hideIconLoadingSkeleton?: boolean;
 };
 export declare const CardSSR: (props: CardSSRProps) => React.JSX.Element;

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type BlockCardProps } from './types';
-export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, }: BlockCardProps) => React.JSX.Element;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, hideIconLoadingSkeleton, }: BlockCardProps) => React.JSX.Element;

package/dist/types/view/BlockCard/types.d.ts

@@ -20,4 +20,5 @@ export type BlockCardProps = {
         sourceUrl: string;
         linkType?: string;
     }>;
+    hideIconLoadingSkeleton?: boolean;
 };

package/dist/types/view/BlockCard/views/types.d.ts

@@ -1,2 +1,2 @@
 import { type FlexibleCardProps } from '../../FlexibleCard/types';
-export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt'>;
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt' | 'hideIconLoadingSkeleton'>;

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

@@ -170,6 +170,7 @@ export interface EmbedProps {
      * Informs Smart Link of the device it is rendered in. Available values are `web` and `mobile`.
      * It is used together with link response `data.preview["atlassian:supportedPlatforms"]`.
      * To make embed content available on all supported urls, use `web`.
+     * @deprecated The support for platform prop will be removed and `web` used as default
      */
     platform?: CardPlatform;
 }

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

@@ -34,4 +34,5 @@ export type CardWithUrlContentProps = {
         sourceUrl: string;
         linkType?: string;
     }>;
+    hideIconLoadingSkeleton?: boolean;
 };

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

@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, CompetitorPrompt, url, ...props }: TitleBlockProps) => JSX.Element;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, CompetitorPrompt, url, hideIconLoadingSkeleton, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

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

@@ -5,5 +5,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, CompetitorPrompt, url, ...blockProps }: TitleBlockViewProps) => JSX.Element;
+declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, CompetitorPrompt, url, hideIconLoadingSkeleton, ...blockProps }: TitleBlockViewProps) => JSX.Element;
 export default TitleBlockResolvedView;

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

@@ -56,6 +56,10 @@ export type BlockProps = {
      * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
      */
     placeholderId?: string;
+    /**
+     * For image icons in the title, whether to hide the loading skeleton while the image is loading.
+     */
+    hideIconLoadingSkeleton?: boolean;
 };
 /**
  * Used to represent a metadata element to be rendered.

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

@@ -4,5 +4,5 @@
  */
 /// <reference types="react" />
 import { type ImageIconProps } from './types';
-declare const ImageIcon: ({ defaultIcon, testId, url, width, height, appearance, onError, onLoad, }: ImageIconProps) => JSX.Element;
+declare const ImageIcon: ({ defaultIcon, testId, url, width, height, appearance, onError, onLoad, hideLoadingSkeleton, }: ImageIconProps) => string | number | boolean | Iterable<import("react").ReactNode> | JSX.Element | null | undefined;
 export default ImageIcon;

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

@@ -8,4 +8,5 @@ export type ImageIconProps = {
     onError?: () => void;
     onLoad?: () => void;
     appearance?: 'square' | 'round';
+    hideLoadingSkeleton?: boolean;
 };

package/dist/types/view/FlexibleCard/components/elements/common/base-icon-element/index.d.ts

@@ -34,6 +34,10 @@ export type BaseIconElementProps = ElementProps & {
      * Whether to display the icon as a square or round image.
      */
     appearance?: 'square' | 'round';
+    /**
+     * For images, whether to hide the loading skeleton while the image is loading.
+     */
+    hideLoadingSkeleton?: boolean;
 };
 /**
  * A base element that displays an Icon or favicon.
@@ -41,7 +45,7 @@ export type BaseIconElementProps = ElementProps & {
  * @param props - The props necessary for the Icon element.
  * @see LinkIcon
  */
-declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, }: BaseIconElementProps) => JSX.Element;
+declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, hideLoadingSkeleton, }: BaseIconElementProps) => JSX.Element;
 export default IconElement;
 export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext['type']) => string[] | import("../../../../../../state/flexible-ui-context/types").LinkTitle | import("../../../../../../state/flexible-ui-context/types").LinkLocation | import("../../../../../../state/flexible-ui-context/types").Media | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("../../../../../../state/flexible-ui-context/types").PreviewActionData | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("@atlaskit/link-extractors").LinkPerson[] | {
     objectId?: string | undefined;

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

@@ -94,6 +94,10 @@ export type FlexibleCardProps = {
         sourceUrl: string;
         linkType?: string;
     }>;
+    /**
+     * For image icons in the title, whether to show a loading skeleton while the image is loading.
+     */
+    hideIconLoadingSkeleton?: boolean;
 };
 export type InternalFlexibleUiOptions = FlexibleUiOptions & {
     hideLegacyButton?: boolean;

package/dist/types-ts4.5/ssr.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 import type { CardProps } from './types';
 export type CardSSRProps = CardProps & {
     url: string;
+    hideIconLoadingSkeleton?: boolean;
 };
 export declare const CardSSR: (props: CardSSRProps) => React.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type BlockCardProps } from './types';
-export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, }: BlockCardProps) => React.JSX.Element;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleFrameClick, renderers, isSelected, onResolve, onError, testId, actionOptions, CompetitorPrompt, hideIconLoadingSkeleton, }: BlockCardProps) => React.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/types.d.ts

@@ -20,4 +20,5 @@ export type BlockCardProps = {
         sourceUrl: string;
         linkType?: string;
     }>;
+    hideIconLoadingSkeleton?: boolean;
 };

package/dist/types-ts4.5/view/BlockCard/views/types.d.ts

@@ -1,2 +1,2 @@
 import { type FlexibleCardProps } from '../../FlexibleCard/types';
-export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt'>;
+export type FlexibleBlockCardProps = Pick<FlexibleCardProps, 'cardState' | 'id' | 'onAuthorize' | 'onClick' | 'onError' | 'onResolve' | 'renderers' | 'actionOptions' | 'testId' | 'url' | 'CompetitorPrompt' | 'hideIconLoadingSkeleton'>;

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -170,6 +170,7 @@ export interface EmbedProps {
      * Informs Smart Link of the device it is rendered in. Available values are `web` and `mobile`.
      * It is used together with link response `data.preview["atlassian:supportedPlatforms"]`.
      * To make embed content available on all supported urls, use `web`.
+     * @deprecated The support for platform prop will be removed and `web` used as default
      */
     platform?: CardPlatform;
 }

package/dist/types-ts4.5/view/CardWithUrl/types.d.ts

@@ -34,4 +34,5 @@ export type CardWithUrlContentProps = {
         sourceUrl: string;
         linkType?: string;
     }>;
+    hideIconLoadingSkeleton?: boolean;
 };

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

@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedViewNew
  * @see TitleBlockErroredViewNew
  */
-declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, CompetitorPrompt, url, ...props }: TitleBlockProps) => JSX.Element;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status: statusProp, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, anchorRef, CompetitorPrompt, url, hideIconLoadingSkeleton, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

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

@@ -5,5 +5,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, CompetitorPrompt, url, ...blockProps }: TitleBlockViewProps) => JSX.Element;
+declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, CompetitorPrompt, url, hideIconLoadingSkeleton, ...blockProps }: TitleBlockViewProps) => JSX.Element;
 export default TitleBlockResolvedView;

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

@@ -56,6 +56,10 @@ export type BlockProps = {
      * A unique identifier for the placeholder loading state, which is constant across all loading states of the same item.
      */
     placeholderId?: string;
+    /**
+     * For image icons in the title, whether to hide the loading skeleton while the image is loading.
+     */
+    hideIconLoadingSkeleton?: boolean;
 };
 /**
  * Used to represent a metadata element to be rendered.

package/dist/types-ts4.5/view/FlexibleCard/components/common/image-icon/index.d.ts

@@ -4,5 +4,5 @@
  * @jsx jsx
  */
 import { type ImageIconProps } from './types';
-declare const ImageIcon: ({ defaultIcon, testId, url, width, height, appearance, onError, onLoad, }: ImageIconProps) => JSX.Element;
+declare const ImageIcon: ({ defaultIcon, testId, url, width, height, appearance, onError, onLoad, hideLoadingSkeleton, }: ImageIconProps) => string | number | boolean | Iterable<import("react").ReactNode> | JSX.Element | null | undefined;
 export default ImageIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/common/image-icon/types.d.ts

@@ -8,4 +8,5 @@ export type ImageIconProps = {
     onError?: () => void;
     onLoad?: () => void;
     appearance?: 'square' | 'round';
+    hideLoadingSkeleton?: boolean;
 };

package/dist/types-ts4.5/view/FlexibleCard/components/elements/common/base-icon-element/index.d.ts

@@ -34,6 +34,10 @@ export type BaseIconElementProps = ElementProps & {
      * Whether to display the icon as a square or round image.
      */
     appearance?: 'square' | 'round';
+    /**
+     * For images, whether to hide the loading skeleton while the image is loading.
+     */
+    hideLoadingSkeleton?: boolean;
 };
 /**
  * A base element that displays an Icon or favicon.
@@ -41,7 +45,7 @@ export type BaseIconElementProps = ElementProps & {
  * @param props - The props necessary for the Icon element.
  * @see LinkIcon
  */
-declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, }: BaseIconElementProps) => JSX.Element;
+declare const IconElement: ({ icon, overrideIcon, label, name, position, className, render, size, testId, url, appearance, hideLoadingSkeleton, }: BaseIconElementProps) => JSX.Element;
 export default IconElement;
 export declare const toLinkIconProps: (data: FlexibleUiDataContext[keyof FlexibleUiDataContext] | undefined, type: FlexibleUiDataContext['type']) => string[] | import("../../../../../../state/flexible-ui-context/types").LinkTitle | import("../../../../../../state/flexible-ui-context/types").LinkLocation | import("../../../../../../state/flexible-ui-context/types").Media | import("../../../../../../state/flexible-ui-context/types").FlexibleUiActions | import("../../../../../../state/flexible-ui-context/types").PreviewActionData | import("../../../../../../extractors/common/lozenge/types").LinkLozenge | import("@atlaskit/link-extractors").LinkPerson[] | {
     objectId?: string | undefined;

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

@@ -94,6 +94,10 @@ export type FlexibleCardProps = {
         sourceUrl: string;
         linkType?: string;
     }>;
+    /**
+     * For image icons in the title, whether to show a loading skeleton while the image is loading.
+     */
+    hideIconLoadingSkeleton?: boolean;
 };
 export type InternalFlexibleUiOptions = FlexibleUiOptions & {
     hideLegacyButton?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "38.8.0",
+	"version": "38.9.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^26.4.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
-		"@atlaskit/icon-lab": "^4.17.0",
+		"@atlaskit/icon-lab": "^4.18.0",
 		"@atlaskit/icon-object": "^7.1.0",
 		"@atlaskit/icon-priority": "^6.3.0",
 		"@atlaskit/image": "^3.0.0",
@@ -62,12 +62,12 @@
 		"@atlaskit/popup": "^4.3.0",
 		"@atlaskit/primitives": "^14.8.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.6.0",
+		"@atlaskit/select": "^20.7.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -261,8 +261,14 @@
 		"fun-1765_wire_up_glance_panel_to_smart_cards": {
 			"type": "boolean"
 		},
+		"should-render-to-parent-should-be-true-linking-pla": {
+			"type": "boolean"
+		},
 		"prompt_whiteboard_competitor_link_gate": {
 			"type": "boolean"
+		},
+		"platform_fix_block_card_img_icon_vc": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"