@atlaskit/smart-card 35.2.1 → 35.2.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 35.2.2
+
+### Patch Changes
+
+- [#123971](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/123971)
+  [`eb093d08675da`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eb093d08675da) -
+  [ux] Use new ADS button only on block card and hover card
+
 ## 35.2.1
 
 ### Patch Changes

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

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

package/dist/cjs/view/BlockCard/views/utils/index.js

@@ -140,7 +140,8 @@ var getSimulatedBetterMetadata = exports.getSimulatedBetterMetadata = function g
   }
 };
 var FlexibleCardUiOptions = exports.FlexibleCardUiOptions = {
-  hideElevation: true
+  hideElevation: true,
+  hideLegacyButton: true
 };
 var titleBlockOptions = exports.titleBlockOptions = {
   anchorTarget: '_self',

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

@@ -16,6 +16,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _constants = require("../../../../../../constants");
+var _flexibleUiContext = require("../../../../../../state/flexible-ui-context");
 var _withOverrideCss = require("../../../common/with-override-css");
 var _utils = require("../../../utils");
 var _ActionButtonOld = _interopRequireDefault(require("./ActionButtonOld"));
@@ -194,9 +195,16 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
     "aria-label": ariaLabel
   }, content)));
 };
+var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
+  var ui = (0, _flexibleUiContext.useFlexibleUiOptionContext)();
+  if (ui !== null && ui !== void 0 && ui.hideLegacyButton) {
+    return /*#__PURE__*/_react.default.createElement(ActionButtonRefreshNewWithOverrideCss, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(ActionButtonNew, props);
+};
 var ActionButton = function ActionButton(props) {
   if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
-    return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(ActionButtonRefreshNewWithOverrideCss, props) : /*#__PURE__*/_react.default.createElement(ActionButtonNew, props);
+    return (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? /*#__PURE__*/_react.default.createElement(ActionButtonHideLegacyButton, props) : /*#__PURE__*/_react.default.createElement(ActionButtonNew, props);
   }
   return /*#__PURE__*/_react.default.createElement(_ActionButtonOld.default, props);
 };

package/dist/cjs/view/HoverCard/styled.js

@@ -16,6 +16,7 @@ var HOVER_CARD_Z_INDEX = exports.HOVER_CARD_Z_INDEX = _constants.layers.modal();
 var flexibleUiOptions = exports.flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,
+  hideLegacyButton: true,
   size: _constants2.SmartLinkSize.Medium,
   zIndex: HOVER_CARD_Z_INDEX + 1
 };

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

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

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

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

package/dist/es2019/view/BlockCard/views/utils/index.js

@@ -134,7 +134,8 @@ export const getSimulatedBetterMetadata = cardDetails => {
   }
 };
 export const FlexibleCardUiOptions = {
-  hideElevation: true
+  hideElevation: true,
+  hideLegacyButton: true
 };
 export const titleBlockOptions = {
   anchorTarget: '_self',

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

@@ -8,6 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize } from '../../../../../../constants';
+import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { sizeToButtonSpacing } from '../../../utils';
 import ActionButtonOld from './ActionButtonOld';
@@ -174,9 +175,16 @@ const ActionButtonNew = ({
     "aria-label": ariaLabel
   }, content)));
 };
+const ActionButtonHideLegacyButton = props => {
+  const ui = useFlexibleUiOptionContext();
+  if (ui !== null && ui !== void 0 && ui.hideLegacyButton) {
+    return /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props);
+  }
+  return /*#__PURE__*/React.createElement(ActionButtonNew, props);
+};
 const ActionButton = props => {
   if (fg('bandicoots-compiled-migration-smartcard')) {
-    return fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props) : /*#__PURE__*/React.createElement(ActionButtonNew, props);
+    return fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(ActionButtonHideLegacyButton, props) : /*#__PURE__*/React.createElement(ActionButtonNew, props);
   }
   return /*#__PURE__*/React.createElement(ActionButtonOld, props);
 };

package/dist/es2019/view/HoverCard/styled.js

@@ -8,6 +8,7 @@ export const HOVER_CARD_Z_INDEX = layers.modal();
 export const flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,
+  hideLegacyButton: true,
   size: SmartLinkSize.Medium,
   zIndex: HOVER_CARD_Z_INDEX + 1
 };

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

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

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

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

package/dist/esm/view/BlockCard/views/utils/index.js

@@ -134,7 +134,8 @@ export var getSimulatedBetterMetadata = function getSimulatedBetterMetadata(card
   }
 };
 export var FlexibleCardUiOptions = {
-  hideElevation: true
+  hideElevation: true,
+  hideLegacyButton: true
 };
 export var titleBlockOptions = {
   anchorTarget: '_self',

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

@@ -8,6 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize } from '../../../../../../constants';
+import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { sizeToButtonSpacing } from '../../../utils';
 import ActionButtonOld from './ActionButtonOld';
@@ -184,9 +185,16 @@ var ActionButtonNew = function ActionButtonNew(_ref2) {
     "aria-label": ariaLabel
   }, content)));
 };
+var ActionButtonHideLegacyButton = function ActionButtonHideLegacyButton(props) {
+  var ui = useFlexibleUiOptionContext();
+  if (ui !== null && ui !== void 0 && ui.hideLegacyButton) {
+    return /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props);
+  }
+  return /*#__PURE__*/React.createElement(ActionButtonNew, props);
+};
 var ActionButton = function ActionButton(props) {
   if (fg('bandicoots-compiled-migration-smartcard')) {
-    return fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(ActionButtonRefreshNewWithOverrideCss, props) : /*#__PURE__*/React.createElement(ActionButtonNew, props);
+    return fg('platform-linking-visual-refresh-v1') ? /*#__PURE__*/React.createElement(ActionButtonHideLegacyButton, props) : /*#__PURE__*/React.createElement(ActionButtonNew, props);
   }
   return /*#__PURE__*/React.createElement(ActionButtonOld, props);
 };

package/dist/esm/view/HoverCard/styled.js

@@ -10,6 +10,7 @@ export var HOVER_CARD_Z_INDEX = layers.modal();
 export var flexibleUiOptions = {
   hideBackground: true,
   hideElevation: true,
+  hideLegacyButton: true,
   size: SmartLinkSize.Medium,
   zIndex: HOVER_CARD_Z_INDEX + 1
 };

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: "35.2.1",
+  packageVersion: "35.2.2",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/state/flexible-ui-context/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type FlexibleUiOptions } from '../../view/FlexibleCard/types';
-import type { FlexibleUiDataContext } from './types';
+import { type InternalFlexibleUiOptions } from '../../view/FlexibleCard/types';
+import { type FlexibleUiDataContext } from './types';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -11,5 +11,5 @@ export declare const useFlexibleUiContext: () => FlexibleUiDataContext | undefin
  * This provides the ui options that will be used by Smart Links Flexible UI
  * to render its underlying elements.
  */
-export declare const FlexibleUiOptionContext: import("react").Context<FlexibleUiOptions | undefined>;
-export declare const useFlexibleUiOptionContext: () => FlexibleUiOptions | undefined;
+export declare const FlexibleUiOptionContext: import("react").Context<InternalFlexibleUiOptions | undefined>;
+export declare const useFlexibleUiOptionContext: () => InternalFlexibleUiOptions | undefined;

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

@@ -3,14 +3,14 @@ import type { FooterBlockProps } from '../../../FlexibleCard/components/blocks/f
 import type { PreviewBlockProps } from '../../../FlexibleCard/components/blocks/preview-block/types';
 import type { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
 import type { ElementItem } from '../../../FlexibleCard/components/blocks/types';
-import type { FlexibleUiOptions } from '../../../FlexibleCard/types';
+import { type InternalFlexibleUiOptions } from '../../../FlexibleCard/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 type SimulatedMetadata = {
     titleMetadata: ElementItem[];
     topMetadata: ElementItem[];
     bottomMetadata?: ElementItem[];
 };
-export declare const FlexibleCardUiOptions: FlexibleUiOptions;
+export declare const FlexibleCardUiOptions: InternalFlexibleUiOptions;
 export declare const titleBlockOptions: Partial<TitleBlockProps>;
 export declare const titleBlockOptionsOld: Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;

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

@@ -71,9 +71,9 @@ export type FlexibleCardProps = {
     testId?: string;
     /**
      * Determines the appearance of Flexible UI.
-     * @see FlexibleUiOptions
+     * @see InternalFlexibleUiOptions
      */
-    ui?: FlexibleUiOptions;
+    ui?: InternalFlexibleUiOptions;
     /**
      * Determines the URL of the Smart Link.
      */
@@ -88,6 +88,9 @@ export type FlexibleCardProps = {
      */
     hoverPreviewOptions?: HoverPreviewOptions;
 };
+export type InternalFlexibleUiOptions = FlexibleUiOptions & {
+    hideLegacyButton?: boolean;
+};
 export type FlexibleUiOptions = {
     /**
      * Determines whether the entire Smart Link container should be clickable.

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

@@ -1,6 +1,6 @@
-import { type FlexibleUiOptions } from '../FlexibleCard/types';
+import { type InternalFlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
-export declare const flexibleUiOptions: FlexibleUiOptions;
+export declare const flexibleUiOptions: InternalFlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
 export declare const NEW_CARD_WIDTH_REM = 25;
 export declare const CARD_GAP_PX = 10;

package/dist/types-ts4.5/state/flexible-ui-context/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type FlexibleUiOptions } from '../../view/FlexibleCard/types';
-import type { FlexibleUiDataContext } from './types';
+import { type InternalFlexibleUiOptions } from '../../view/FlexibleCard/types';
+import { type FlexibleUiDataContext } from './types';
 /**
  * This provides the data that will be used by Smart Links Flexible UI to populate it's
  * underlying elements.
@@ -11,5 +11,5 @@ export declare const useFlexibleUiContext: () => FlexibleUiDataContext | undefin
  * This provides the ui options that will be used by Smart Links Flexible UI
  * to render its underlying elements.
  */
-export declare const FlexibleUiOptionContext: import("react").Context<FlexibleUiOptions | undefined>;
-export declare const useFlexibleUiOptionContext: () => FlexibleUiOptions | undefined;
+export declare const FlexibleUiOptionContext: import("react").Context<InternalFlexibleUiOptions | undefined>;
+export declare const useFlexibleUiOptionContext: () => InternalFlexibleUiOptions | undefined;

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

@@ -3,14 +3,14 @@ import type { FooterBlockProps } from '../../../FlexibleCard/components/blocks/f
 import type { PreviewBlockProps } from '../../../FlexibleCard/components/blocks/preview-block/types';
 import type { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
 import type { ElementItem } from '../../../FlexibleCard/components/blocks/types';
-import type { FlexibleUiOptions } from '../../../FlexibleCard/types';
+import { type InternalFlexibleUiOptions } from '../../../FlexibleCard/types';
 export declare const getSimulatedBetterMetadata: (cardDetails?: JsonLd.Response) => SimulatedMetadata;
 type SimulatedMetadata = {
     titleMetadata: ElementItem[];
     topMetadata: ElementItem[];
     bottomMetadata?: ElementItem[];
 };
-export declare const FlexibleCardUiOptions: FlexibleUiOptions;
+export declare const FlexibleCardUiOptions: InternalFlexibleUiOptions;
 export declare const titleBlockOptions: Partial<TitleBlockProps>;
 export declare const titleBlockOptionsOld: Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;

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

@@ -71,9 +71,9 @@ export type FlexibleCardProps = {
     testId?: string;
     /**
      * Determines the appearance of Flexible UI.
-     * @see FlexibleUiOptions
+     * @see InternalFlexibleUiOptions
      */
-    ui?: FlexibleUiOptions;
+    ui?: InternalFlexibleUiOptions;
     /**
      * Determines the URL of the Smart Link.
      */
@@ -88,6 +88,9 @@ export type FlexibleCardProps = {
      */
     hoverPreviewOptions?: HoverPreviewOptions;
 };
+export type InternalFlexibleUiOptions = FlexibleUiOptions & {
+    hideLegacyButton?: boolean;
+};
 export type FlexibleUiOptions = {
     /**
      * Determines whether the entire Smart Link container should be clickable.

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

@@ -1,6 +1,6 @@
-import { type FlexibleUiOptions } from '../FlexibleCard/types';
+import { type InternalFlexibleUiOptions } from '../FlexibleCard/types';
 export declare const HOVER_CARD_Z_INDEX: 510;
-export declare const flexibleUiOptions: FlexibleUiOptions;
+export declare const flexibleUiOptions: InternalFlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
 export declare const NEW_CARD_WIDTH_REM = 25;
 export declare const CARD_GAP_PX = 10;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "35.2.1",
+	"version": "35.2.2",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -92,18 +92,18 @@
 		"react-intl-next": "npm:react-intl@^5.18.1"
 	},
 	"devDependencies": {
-		"@af/integration-testing": "*",
-		"@af/visual-regression": "*",
+		"@af/integration-testing": "^0.5.0",
+		"@af/visual-regression": "^1.3.0",
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/css-reset": "^7.0.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
 		"@atlaskit/media-test-helpers": "^35.0.0",
 		"@atlaskit/react-ufo": "^3.3.0",
-		"@atlaskit/ssr": "*",
-		"@atlaskit/visual-regression": "*",
-		"@atlassian/analytics-tooling": "*",
+		"@atlaskit/ssr": "^0.4.0",
+		"@atlaskit/visual-regression": "^0.10.0",
+		"@atlassian/analytics-tooling": "^0.5.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
-		"@atlassian/gemini": "1.16.5",
+		"@atlassian/gemini": "^1.16.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
 		"@testing-library/react": "^13.4.0",