@atlaskit/smart-card 26.56.0 → 26.56.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/smart-card
 
+## 26.56.2
+
+### Patch Changes
+
+- [#91072](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91072) [`77e51a1ecca8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77e51a1ecca8) - Integrate AI summary and action redesign feature flags in hover card.
+
+## 26.56.1
+
+### Patch Changes
+
+- [#91413](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91413) [`4aac6aa61313`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4aac6aa61313) - Hide HoverCard when clicking on PreviewAction from ActionBlock
+- Updated dependencies
+
 ## 26.56.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.56.0"
+  packageVersion: "26.56.2"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -82,12 +82,12 @@ var ActionStackItem = function ActionStackItem(_ref) {
       as: "button",
       xcss: [buttonStyles, xcss]
     }, tooltipProps, {
-      onClick: onClick
+      onClick: onClick,
+      testId: testId
     }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
       alignBlock: "center",
       grow: "fill",
-      space: space,
-      testId: testId
+      space: space
     }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       xcss: contentStyles
     }, content)));

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -176,7 +176,7 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
     }) : linkActions;
   }, [hidePreviewButton, linkActions]);
   var onActionClick = (0, _react2.useCallback)(function (actionId) {
-    if (actionId === 'preview-content') {
+    if (actionId === 'preview-content' || actionId === _constants.ActionName.PreviewAction) {
       hideCard();
     }
   }, [hideCard]);

package/dist/cjs/view/HoverCard/components/views/resolved/index.js

@@ -148,6 +148,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
+  var isActionBlockEnabled = (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') ? true : false;
   return /*#__PURE__*/_react.default.createElement(_FlexibleCard.default, flexibleCardProps, imagePreview, /*#__PURE__*/_react.default.createElement(_blocks.TitleBlock, (0, _extends2.default)({}, titleBlockProps, {
     metadataPosition: _constants.SmartLinkPosition.Top
   })), /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
@@ -184,18 +185,25 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/_react.default.createElement(_blocks.RelatedUrlsBlock, {
     url: url,
     size: _constants.SmartLinkSize.Small
-  }), isAISummaryEnabled ? /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
+  }), isAISummaryEnabled && /*#__PURE__*/_react.default.createElement(_blocks.AISummaryBlock, {
     metadata: [{
       name: _constants.ElementName.Provider
     }],
     actions: footerActions,
     aiSummaryMinHeight: connectedAIBlockHeight.current
-  }) : /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
+  }), isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
+    onClick: onActionClick,
+    spaceInline: "space.150"
+  }), isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.MetadataBlock, {
+    secondary: [{
+      name: _constants.ElementName.Provider,
+      testId: 'smart-element-provider'
+    }],
+    testId: "smart-block-action-footer"
+  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/_react.default.createElement(_blocks.FooterBlock, {
     actions: footerActions,
     size: _constants.SmartLinkSize.Large,
     overrideCss: _styled.footerBlockCss
-  }), (0, _platformFeatureFlags.getBooleanFF)('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/_react.default.createElement(_blocks.ActionBlock, {
-    spaceInline: "space.150"
   }));
 };
 var _default = exports.default = HoverCardResolvedView;

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

@@ -17,7 +17,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId"],
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.56.0",
+  packageVersion: "26.56.2",
   componentName: 'linkUrl'
 };
 var Link = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.56.0"
+  packageVersion: "26.56.2"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -72,12 +72,12 @@ const ActionStackItem = ({
     as: "button",
     xcss: [buttonStyles, xcss]
   }, tooltipProps, {
-    onClick: onClick
+    onClick: onClick,
+    testId: testId
   }), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     grow: "fill",
-    space: space,
-    testId: testId
+    space: space
   }, icon, /*#__PURE__*/React.createElement(Box, {
     xcss: contentStyles
   }, content))));

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -9,7 +9,7 @@ import { useSmartCardState as useLinkState } from '../../../state/store';
 import HoverCardContent from '../components/HoverCardContent';
 import CustomPopupContainer from '../components/CustomPopupContainer';
 import { CARD_GAP_PX, HOVER_CARD_Z_INDEX } from '../styled';
-import { CardDisplay } from '../../../constants';
+import { ActionName, CardDisplay } from '../../../constants';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import { combineActionOptions } from '../../../utils/actions/combine-action-options';
 import { useSmartCardActions } from '../../../state/actions';
@@ -153,7 +153,7 @@ export const HoverCardComponent = ({
     return hidePreviewButton ? linkActions.filter(action => action.id !== 'preview-content') : linkActions;
   }, [hidePreviewButton, linkActions]);
   const onActionClick = useCallback(actionId => {
-    if (actionId === 'preview-content') {
+    if (actionId === 'preview-content' || actionId === ActionName.PreviewAction) {
       hideCard();
     }
   }, [hideCard]);

package/dist/es2019/view/HoverCard/components/views/resolved/index.js

@@ -141,6 +141,7 @@ const HoverCardResolvedView = ({
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
+  const isActionBlockEnabled = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? true : false;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -177,18 +178,25 @@ const HoverCardResolvedView = ({
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
-  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+  }), isAISummaryEnabled && /*#__PURE__*/React.createElement(AISummaryBlock, {
     metadata: [{
       name: ElementName.Provider
     }],
     actions: footerActions,
     aiSummaryMinHeight: connectedAIBlockHeight.current
-  }) : /*#__PURE__*/React.createElement(FooterBlock, {
+  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(ActionBlock, {
+    onClick: onActionClick,
+    spaceInline: "space.150"
+  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
+    secondary: [{
+      name: ElementName.Provider,
+      testId: 'smart-element-provider'
+    }],
+    testId: "smart-block-action-footer"
+  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,
     overrideCss: footerBlockCss
-  }), getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/React.createElement(ActionBlock, {
-    spaceInline: "space.150"
   }));
 };
 export default HoverCardResolvedView;

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

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

package/dist/esm/utils/analytics/analytics.js

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "26.56.0"
+  packageVersion: "26.56.2"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/index.js

@@ -72,12 +72,12 @@ var ActionStackItem = function ActionStackItem(_ref) {
       as: "button",
       xcss: [buttonStyles, xcss]
     }, tooltipProps, {
-      onClick: onClick
+      onClick: onClick,
+      testId: testId
     }), /*#__PURE__*/React.createElement(Inline, {
       alignBlock: "center",
       grow: "fill",
-      space: space,
-      testId: testId
+      space: space
     }, icon, /*#__PURE__*/React.createElement(Box, {
       xcss: contentStyles
     }, content)));

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -10,7 +10,7 @@ import { useSmartCardState as useLinkState } from '../../../state/store';
 import HoverCardContent from '../components/HoverCardContent';
 import CustomPopupContainer from '../components/CustomPopupContainer';
 import { CARD_GAP_PX, HOVER_CARD_Z_INDEX } from '../styled';
-import { CardDisplay } from '../../../constants';
+import { ActionName, CardDisplay } from '../../../constants';
 import { SmartLinkAnalyticsContext } from '../../../utils/analytics/SmartLinkAnalyticsContext';
 import { combineActionOptions } from '../../../utils/actions/combine-action-options';
 import { useSmartCardActions } from '../../../state/actions';
@@ -165,7 +165,7 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
     }) : linkActions;
   }, [hidePreviewButton, linkActions]);
   var onActionClick = useCallback(function (actionId) {
-    if (actionId === 'preview-content') {
+    if (actionId === 'preview-content' || actionId === ActionName.PreviewAction) {
       hideCard();
     }
   }, [hideCard]);

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

@@ -139,6 +139,7 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
     data: data,
     fallbackElementHeight: snippetHeight.current
   });
+  var isActionBlockEnabled = getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') ? true : false;
   return /*#__PURE__*/React.createElement(FlexibleCard, flexibleCardProps, imagePreview, /*#__PURE__*/React.createElement(TitleBlock, _extends({}, titleBlockProps, {
     metadataPosition: SmartLinkPosition.Top
   })), /*#__PURE__*/React.createElement(MetadataBlock, {
@@ -175,18 +176,25 @@ var HoverCardResolvedView = function HoverCardResolvedView(_ref2) {
   }), getBooleanFF('platform.linking-platform.smart-card.enable-hover-card-related-urls') && /*#__PURE__*/React.createElement(RelatedUrlsBlock, {
     url: url,
     size: SmartLinkSize.Small
-  }), isAISummaryEnabled ? /*#__PURE__*/React.createElement(AISummaryBlock, {
+  }), isAISummaryEnabled && /*#__PURE__*/React.createElement(AISummaryBlock, {
     metadata: [{
       name: ElementName.Provider
     }],
     actions: footerActions,
     aiSummaryMinHeight: connectedAIBlockHeight.current
-  }) : /*#__PURE__*/React.createElement(FooterBlock, {
+  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(ActionBlock, {
+    onClick: onActionClick,
+    spaceInline: "space.150"
+  }), isActionBlockEnabled && /*#__PURE__*/React.createElement(MetadataBlock, {
+    secondary: [{
+      name: ElementName.Provider,
+      testId: 'smart-element-provider'
+    }],
+    testId: "smart-block-action-footer"
+  }), !isAISummaryEnabled && !isActionBlockEnabled && /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
     size: SmartLinkSize.Large,
     overrideCss: footerBlockCss
-  }), getBooleanFF('platform.linking-platform.smart-card.hover-card-action-redesign') && /*#__PURE__*/React.createElement(ActionBlock, {
-    spaceInline: "space.150"
   }));
 };
 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.56.0",
+  packageVersion: "26.56.2",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

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

@@ -5,7 +5,7 @@ export type ActionBlockProps = {
     /**
      * Callback once action is executed.
      */
-    onClick?: (name: ActionName) => {};
+    onClick?: (name: ActionName) => void;
     /**
      * Array.Sort function to order the actions
      */

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

@@ -2,6 +2,7 @@ import { AnalyticsFacade } from '../../../../../state/analytics';
 import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { HoverCardLoadingViewProps } from '../resolving/types';
+import type { ActionName } from '../../../../../constants';
 export type HoverCardResolvedProps = {
     extensionKey?: string;
     id?: string;
@@ -10,5 +11,5 @@ export type HoverCardResolvedProps = {
     cardActions?: LinkAction[];
     cardState: CardState;
     isAISummaryEnabled?: boolean;
-    onActionClick: (actionId: string) => void;
+    onActionClick: (actionId: string | ActionName) => void;
 } & HoverCardLoadingViewProps;

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

@@ -8,6 +8,7 @@ import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { MouseEventHandler, ReactElement } from 'react';
 import { JsonLd } from 'json-ld-types';
 import type { CardActionOptions } from '../Card/types';
+import type { ActionName } from '../../constants';
 export interface HoverCardProps extends WithAnalyticsEventsProps {
     /**
      * Unique ID for a hover card. Used for analytics.
@@ -92,7 +93,7 @@ export type HoverCardContentProps = {
     cardActions?: LinkAction[];
     cardState: CardState;
     renderers?: CardProviderRenderers;
-    onActionClick: (actionId: string) => void;
+    onActionClick: (actionId: string | ActionName) => void;
     onResolve: () => void;
     url: string;
     onMouseEnter?: MouseEventHandler;

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

@@ -5,7 +5,7 @@ export type ActionBlockProps = {
     /**
      * Callback once action is executed.
      */
-    onClick?: (name: ActionName) => {};
+    onClick?: (name: ActionName) => void;
     /**
      * Array.Sort function to order the actions
      */

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

@@ -2,6 +2,7 @@ import { AnalyticsFacade } from '../../../../../state/analytics';
 import { LinkAction } from '../../../../../state/hooks-external/useSmartLinkActions';
 import { CardState } from '@atlaskit/linking-common';
 import { HoverCardLoadingViewProps } from '../resolving/types';
+import type { ActionName } from '../../../../../constants';
 export type HoverCardResolvedProps = {
     extensionKey?: string;
     id?: string;
@@ -10,5 +11,5 @@ export type HoverCardResolvedProps = {
     cardActions?: LinkAction[];
     cardState: CardState;
     isAISummaryEnabled?: boolean;
-    onActionClick: (actionId: string) => void;
+    onActionClick: (actionId: string | ActionName) => void;
 } & HoverCardLoadingViewProps;

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

@@ -8,6 +8,7 @@ import { CardProviderRenderers } from '@atlaskit/link-provider';
 import { MouseEventHandler, ReactElement } from 'react';
 import { JsonLd } from 'json-ld-types';
 import type { CardActionOptions } from '../Card/types';
+import type { ActionName } from '../../constants';
 export interface HoverCardProps extends WithAnalyticsEventsProps {
     /**
      * Unique ID for a hover card. Used for analytics.
@@ -92,7 +93,7 @@ export type HoverCardContentProps = {
     cardActions?: LinkAction[];
     cardState: CardState;
     renderers?: CardProviderRenderers;
-    onActionClick: (actionId: string) => void;
+    onActionClick: (actionId: string | ActionName) => void;
     onResolve: () => void;
     url: string;
     onMouseEnter?: MouseEventHandler;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "26.56.0",
+  "version": "26.56.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
     "@atlaskit/avatar-group": "^9.5.0",
     "@atlaskit/badge": "^16.0.0",
     "@atlaskit/button": "^17.12.0",
-    "@atlaskit/dropdown-menu": "^12.8.0",
+    "@atlaskit/dropdown-menu": "^12.9.0",
     "@atlaskit/frontend-utilities": "^2.7.0",
     "@atlaskit/icon": "^22.1.0",
     "@atlaskit/icon-file-type": "^6.4.0",
@@ -48,7 +48,7 @@
     "@atlaskit/linking-types": "^8.8.0",
     "@atlaskit/logo": "^13.15.0",
     "@atlaskit/lozenge": "^11.6.0",
-    "@atlaskit/modal-dialog": "^12.10.0",
+    "@atlaskit/modal-dialog": "^12.11.0",
     "@atlaskit/outbound-auth-flow-client": "^3.4.0",
     "@atlaskit/platform-feature-flags": "^0.2.1",
     "@atlaskit/popup": "^1.14.0",
@@ -84,7 +84,7 @@
     "@af/integration-testing": "*",
     "@af/visual-regression": "*",
     "@atlaskit/analytics-listeners": "^8.9.0",
-    "@atlaskit/css-reset": "^6.8.0",
+    "@atlaskit/css-reset": "^6.9.0",
     "@atlaskit/link-test-helpers": "^7.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",