@atlaskit/smart-card 27.21.0 → 28.0.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/smart-card
 
+## 28.0.0
+
+### Major Changes
+
+- [#138322](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138322)
+  [`578855218c959`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/578855218c959) - ####
+  What
+
+  Linking Platform are updating block smart cards to use flexible UI internally by default, and
+  deprecating the `enableFlexibleBlockCard` provider feature flag.
+
+  When upgrading you'll see some visual and minor content changes to the block cards where the
+  legacy block card was being used.
+
+  #### Why
+
+  A majority of adopters using block smart cards are already using flexible UI by using the
+  `enableFlexibleBlockCard` feature flag within `SmartCardProvider`. There are very few use cases
+  where using the legacy block card is still required and our goal is to completely remove the
+  legacy block card.
+
+  #### How to upgrade
+
+  Upgrade the smart-card dependency to the latest major version. If breaking changes are introduced,
+  there is a `useLegacyBlockCard` prop to allow existing usages of the standalone block card to
+  persist the legacy version. Linking Platform discourage the use of the prop, please reach out to
+  #help-linking-platform for further help if its use is required.
+
 ## 27.21.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: "27.21.0"
+  packageVersion: "28.0.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/CardWithUrl/component.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardWithUrlContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
-var _linkProvider = require("@atlaskit/link-provider");
 var _modal = require("../../state/modal");
 var _utils = require("../../utils");
 var measure = _interopRequireWildcard(require("../../utils/performance"));
@@ -77,7 +76,6 @@ function Component(_ref) {
   var isFlexibleUi = (0, _react.useMemo)(function () {
     return (0, _flexible.isFlexibleUiCard)(children);
   }, [children]);
-  var enableFlexibleBlockCardFlag = Boolean((0, _linkProvider.useFeatureFlag)('enableFlexibleBlockCard'));
   var actionOptions = (0, _combineActionOptions.combineActionOptions)(actionOptionsProp, showServerActions, showActions, platform);
   var frameStyle = (0, _utils.combineFrameStyle)(frameStyleProp, isFrameVisible);
 
@@ -257,7 +255,7 @@ function Component(_ref) {
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
+        enableFlexibleBlockCard: useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/_react.default.createElement(_EmbedCard.EmbedCard, {

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: "27.21.0",
+  packageVersion: "28.0.0",
   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: "27.21.0"
+  packageVersion: "28.0.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/CardWithUrl/component.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { combineFrameStyle, isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
@@ -68,7 +67,6 @@ function Component({
   const services = getServices(state.details);
   const canBeDatasource = getCanBeDatasource(state.details);
   let isFlexibleUi = useMemo(() => isFlexibleUiCard(children), [children]);
-  const enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   const actionOptions = combineActionOptions(actionOptionsProp, showServerActions, showActions, platform);
   const frameStyle = combineFrameStyle(frameStyleProp, isFrameVisible);
 
@@ -244,7 +242,7 @@ function Component({
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
+        enableFlexibleBlockCard: useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

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: "27.21.0",
+  packageVersion: "28.0.0",
   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: "27.21.0"
+  packageVersion: "28.0.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/CardWithUrl/component.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useCallback, useMemo } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { useFeatureFlag } from '@atlaskit/link-provider';
 import { SmartLinkModalProvider } from '../../state/modal';
 import { combineFrameStyle, isSpecialEvent } from '../../utils';
 import * as measure from '../../utils/performance';
@@ -67,7 +66,6 @@ function Component(_ref) {
   var isFlexibleUi = useMemo(function () {
     return isFlexibleUiCard(children);
   }, [children]);
-  var enableFlexibleBlockCardFlag = Boolean(useFeatureFlag('enableFlexibleBlockCard'));
   var actionOptions = combineActionOptions(actionOptionsProp, showServerActions, showActions, platform);
   var frameStyle = combineFrameStyle(frameStyleProp, isFrameVisible);
 
@@ -247,7 +245,7 @@ function Component(_ref) {
         testId: testId,
         actionOptions: actionOptions,
         platform: platform,
-        enableFlexibleBlockCard: enableFlexibleBlockCardFlag && useLegacyBlockCard !== true
+        enableFlexibleBlockCard: useLegacyBlockCard !== true
       });
     case 'embed':
       return /*#__PURE__*/React.createElement(EmbedCard, {

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "27.21.0",
+	"version": "28.0.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"