@atlaskit/smart-card 26.67.0 → 26.69.0

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

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { CardDisplay, SmartLinkPosition, SmartLinkSize, SmartLinkStatus } from '../../../../../constants';
+import { getCanBeDatasource } from '../../../../../state/helpers';
+import FlexibleCard from '../../../../FlexibleCard';
+import { ActionBlock, AIFooterBlock, AISummaryBlock, MetadataBlock, SnippetBlock, TitleBlock } from '../../../../FlexibleCard/components/blocks';
+import { getMetadata } from '../../../utils';
+import ImagePreview from '../../ImagePreview';
+import { hiddenSnippetStyles, metadataBlockCss } from './styled';
+var HoverCardResolvedView = function HoverCardResolvedView(_ref) {
+  var _cardState$details;
+  var analytics = _ref.analytics,
+    cardState = _ref.cardState,
+    extensionKey = _ref.extensionKey,
+    flexibleCardProps = _ref.flexibleCardProps,
+    isAISummaryEnabled = _ref.isAISummaryEnabled,
+    onActionClick = _ref.onActionClick,
+    titleBlockProps = _ref.titleBlockProps;
+  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,
+      canBeDatasource: canBeDatasource
+    });
+  }, [analytics.ui, cardState.status, canBeDatasource]);
+  var data = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : _cardState$details.data;
+  var _useMemo = useMemo(function () {
+      return getMetadata(extensionKey, data);
+    }, [data, extensionKey]),
+    primary = _useMemo.primary,
+    secondary = _useMemo.secondary;
+  var snippetHeight = React.useRef(0);
+  var snippetBlockRef = useRef(null);
+  var onSnippetRender = useCallback(function () {
+    var _snippetBlockRef$curr, _snippetBlockRef$curr2;
+    snippetHeight.current = (_snippetBlockRef$curr = (_snippetBlockRef$curr2 = snippetBlockRef.current) === null || _snippetBlockRef$curr2 === void 0 ? void 0 : _snippetBlockRef$curr2.getBoundingClientRect().height) !== null && _snippetBlockRef$curr !== void 0 ? _snippetBlockRef$curr : 0;
+  }, []);
+  var imagePreview = ImagePreview({
+    data: data,
+    fallbackElementHeight: snippetHeight.current
+  });
+  var snippet = imagePreview ? null : /*#__PURE__*/React.createElement(SnippetBlock, {
+    status: SmartLinkStatus.Resolved
+  });
+  var aiSummaryMinHeight = snippet ? snippetHeight.current : 0;
+  return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
+    metadataPosition: SmartLinkPosition.Top
+  })), /*#__PURE__*/React.createElement(MetadataBlock, {
+    primary: primary,
+    secondary: secondary,
+    overrideCss: metadataBlockCss,
+    maxLines: 1,
+    size: SmartLinkSize.Medium
+  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+    aiSummaryMinHeight: aiSummaryMinHeight,
+    placeholder: snippet,
+    status: SmartLinkStatus.Resolved
+  }) : snippet, /*#__PURE__*/React.createElement(SnippetBlock, {
+    testId: "hidden-snippet",
+    onRender: onSnippetRender,
+    blockRef: snippetBlockRef,
+    overrideCss: hiddenSnippetStyles
+  }), /*#__PURE__*/React.createElement(ActionBlock, {
+    onClick: onActionClick,
+    spaceInline: "space.100"
+  }), /*#__PURE__*/React.createElement(AIFooterBlock, null));
+};
+export default HoverCardResolvedView;

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.67.0",
+  packageVersion: "26.69.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/__fixtures__/flexible-ui-data-context.d.ts

@@ -1,3 +1,3 @@
-import { FlexibleUiDataContext } from '../state/flexible-ui-context/types';
+import { type FlexibleUiDataContext } from '../state/flexible-ui-context/types';
 declare const context: FlexibleUiDataContext;
 export default context;

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

@@ -1,5 +1,6 @@
-import { ActionItem, BlockProps, ElementItem } from '../types';
-import { OnActionMenuOpenChangeOptions } from '../types';
+import { type ReactNode } from 'react';
+import { type ActionItem, type BlockProps, type ElementItem } from '../types';
+import { type OnActionMenuOpenChangeOptions } from '../types';
 export type AISummaryBlockProps = {
     /**
      * An array of actions to be displayed on the right
@@ -20,4 +21,8 @@ export type AISummaryBlockProps = {
      * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
      */
     aiSummaryMinHeight?: number;
+    /**
+     * Placeholder to show when summary is not available
+     */
+    placeholder?: ReactNode;
 } & BlockProps;

package/dist/types/view/HoverCard/components/views/resolved/redesign.d.ts

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

package/dist/types-ts4.5/__fixtures__/flexible-ui-data-context.d.ts

@@ -1,3 +1,3 @@
-import { FlexibleUiDataContext } from '../state/flexible-ui-context/types';
+import { type FlexibleUiDataContext } from '../state/flexible-ui-context/types';
 declare const context: FlexibleUiDataContext;
 export default context;

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

@@ -1,5 +1,6 @@
-import { ActionItem, BlockProps, ElementItem } from '../types';
-import { OnActionMenuOpenChangeOptions } from '../types';
+import { type ReactNode } from 'react';
+import { type ActionItem, type BlockProps, type ElementItem } from '../types';
+import { type OnActionMenuOpenChangeOptions } from '../types';
 export type AISummaryBlockProps = {
     /**
      * An array of actions to be displayed on the right
@@ -20,4 +21,8 @@ export type AISummaryBlockProps = {
      * Minimum height requirement for the AISummary component to prevent fluctuations in a card size on the summary action.
      */
     aiSummaryMinHeight?: number;
+    /**
+     * Placeholder to show when summary is not available
+     */
+    placeholder?: ReactNode;
 } & BlockProps;

package/dist/types-ts4.5/view/HoverCard/components/views/resolved/redesign.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.67.0",
+  "version": "26.69.0",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -46,13 +46,13 @@
     "@atlaskit/link-extractors": "^1.5.0",
     "@atlaskit/linking-common": "^5.6.0",
     "@atlaskit/linking-types": "^8.8.0",
-    "@atlaskit/logo": "^13.16.0",
+    "@atlaskit/logo": "^13.17.0",
     "@atlaskit/lozenge": "^11.7.0",
     "@atlaskit/modal-dialog": "^12.13.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.17.0",
-    "@atlaskit/primitives": "^6.1.0",
+    "@atlaskit/primitives": "^6.2.0",
     "@atlaskit/spinner": "^16.1.0",
     "@atlaskit/theme": "^12.8.0",
     "@atlaskit/tokens": "^1.48.0",